﻿@font-face {
  font-family: 'Cheddar';
  src: url("../../Content/fonts/Cheddar/Cheddar.woff") format("woff"); }

@font-face {
  font-family: 'Cheddar-Italic';
  src: url("../../Content/fonts/Cheddar/Cheddar-Italic.woff") format("woff"); }

@font-face {
  font-family: 'NovaSquare-Regular';
  src: url("../../Content/fonts/nova-square/NovaSquare-Regular.ttf") format("truetype"); }

body {
  font-family: "NovaSquare-Regular", sans-serif;
  background: #171717;
  color: #fff; }

h1, h2 {
  font-family: "Cheddar", sans-serif;
  letter-spacing: 1px; }

.container {
  max-width: 1300px;
  width: 100%; }

.c-1600 {
  max-width: 1600px;
  width: 100%; }

.c-1100 {
  max-width: 1100px;
  width: 100%; }

.c-992 {
  max-width: 992px;
  width: 100%; }

.line {
  border-top: 3px solid #f5811e;
  width: 150px;
  display: inline-block;
  margin-top: 0; }

.about-class, .about-class-1 {
  margin-bottom: 50px; }
  .about-class h1, .about-class h2, .about-class-1 h1, .about-class-1 h2 {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px; }
  .about-class p, .about-class-1 p {
    font-size: 18px; }
  .about-class .btn-more, .about-class-1 .btn-more {
    background: #f5811e;
    color: #fff;
    padding: 13px 20px;
    -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
    transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
    display: inline-block;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-family: "Cheddar", sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    text-decoration: none;
    margin-top: 15px; }
    .about-class .btn-more:hover, .about-class-1 .btn-more:hover {
      text-decoration: none;
      background: #f5631e;
      color: #fff; }
  .about-class .video-responsive, .about-class-1 .video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0; }
    .about-class .video-responsive iframe, .about-class-1 .video-responsive iframe {
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      position: absolute; }

.about-class-1 {
  background: url("../../Content/images/about-bg.jpg") no-repeat center left;
  border: 1px solid #2e2e2e; }
  .about-class-1 .opacity {
    padding: 30px 40px; }
    @media (max-width: 1199px) {
      .about-class-1 .opacity {
        background: rgba(0, 0, 0, 0.5);
        padding: 20px; } }

.service-class .service-box {
  margin-bottom: 40px;
  position: relative;
  border: 1px solid #2e2e2e;
  overflow: hidden; }
  .service-class .service-box a, .service-class .service-box a:focus {
    text-decoration: none; }
    .service-class .service-box a h2, .service-class .service-box a:focus h2 {
      color: #fff;
      margin: 0;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
      transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
      padding: 10px 30px; }
      @media (min-width: 768px) {
        .service-class .service-box a h2, .service-class .service-box a:focus h2 {
          background: rgba(245, 129, 30, 0.75);
          -webkit-transform: rotate(-15deg);
          -moz-transform: rotate(-15deg);
          -ms-transform: rotate(-15deg);
          -o-transform: rotate(-15deg);
          transform: rotate(-15deg);
          position: absolute;
          margin-left: -25px;
          width: calc(100% + 50px);
          margin-top: -35%; } }
      @media (min-width: 1200px) {
        .service-class .service-box a h2, .service-class .service-box a:focus h2 {
          height: 86px; } }
      @media (min-width: 993px) and (max-width: 1199px) {
        .service-class .service-box a h2, .service-class .service-box a:focus h2 {
          height: 70px;
          font-size: 24px; } }
      @media (min-width: 768px) and (max-width: 992px) {
        .service-class .service-box a h2, .service-class .service-box a:focus h2 {
          height: 60px;
          font-size: 20px; } }
      @media (max-width: 767px) {
        .service-class .service-box a h2, .service-class .service-box a:focus h2 {
          background: #f5811e;
          font-size: 24px; } }
    .service-class .service-box a:hover, .service-class .service-box a:focus:hover {
      text-decoration: none; }
      .service-class .service-box a:hover h2, .service-class .service-box a:focus:hover h2 {
        background: #f5811e; }

header .header {
  padding: 12px 0;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  header .header .header-info {
    order: 2;
    text-align: right; }
    header .header .header-info .logo-mobile {
      display: none; }
    header .header .header-info .info-detail .location-class {
      font-size: 18px; }
      header .header .header-info .info-detail .location-class a, header .header .header-info .info-detail .location-class a:focus {
        color: #fff; }
    header .header .header-info .info-detail .phone-class {
      font-size: 42px;
      line-height: 1.2;
      font-family: "Cheddar-Italic", sans-serif; }
      header .header .header-info .info-detail .phone-class a, header .header .header-info .info-detail .phone-class a:focus {
        color: #f5811e; }
    header .header .header-info .info-detail .location-class i, header .header .header-info .info-detail .phone-class i {
      display: none; }
    @media (max-width: 767px) {
      header .header .header-info .info-detail .location-class i, header .header .header-info .info-detail .phone-class i {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        background-color: #f5811e;
        border-radius: 50%;
        padding: 7px;
        top: 0;
        margin-bottom: 3px; }
      header .header .header-info .info-detail .location-class span, header .header .header-info .info-detail .phone-class span {
        display: none; } }
    header .header .header-info .social-class {
      display: inline-flex; }
      header .header .header-info .social-class h4 {
        font-size: 14px;
        margin-top: 5px; }
      header .header .header-info .social-class span {
        background: #fff;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10px; }
  header .header .header-left {
    order: 1; }
    @media (min-width: 921px) {
      header .header .header-left {
        display: flex; } }
    header .header .header-left .logo-brands {
      padding-left: 10px; }
      @media (min-width: 921px) and (max-width: 1199px) {
        header .header .header-left .logo-brands {
          width: 236px; } }
      @media (max-width: 920px) {
        header .header .header-left .logo-brands {
          display: none; } }
      header .header .header-left .logo-brands img {
        padding: 2px; }
        @media (min-width: 1200px) {
          header .header .header-left .logo-brands img {
            margin-top: 20px;
            height: 60px; } }
        @media (min-width: 921px) and (max-width: 1199px) {
          header .header .header-left .logo-brands img {
            height: 50px; } }
  header .header a, header .header a:focus, header .header a:hover {
    text-decoration: none; }

header .menu-desktop {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#060606+0,4e4e50+100 */
  background: #060606;
  /* Old browsers */
  background: -moz-linear-gradient(top, #060606 0%, #4e4e50 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #060606 0%, #4e4e50 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #060606 0%, #4e4e50 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060606', endColorstr='#4e4e50',GradientType=0 );
  /* IE6-9 */
  border-top: 1px solid #2e2e2e;
  border-bottom: 1px solid #2e2e2e;
  text-align: center;
  font-family: "Cheddar", sans-serif;
  font-weight: 100; }
  header .menu-desktop .promotions .dropdown-menu {
    right: 0 !important;
    left: auto;
    min-width: 440px; }
    header .menu-desktop .promotions .dropdown-menu img {
      height: 60px; }
  header .menu-desktop .navbar-default {
    background: transparent;
    border: none;
    margin-bottom: 0; }
  header .menu-desktop .container-fluid ul {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#060606+0,4e4e50+100 */
    background: #060606;
    /* Old browsers */
    background: -moz-linear-gradient(top, #060606 0%, #4e4e50 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #060606 0%, #4e4e50 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #060606 0%, #4e4e50 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060606', endColorstr='#4e4e50',GradientType=0 );
    /* IE6-9 */
    padding: 0; }
    header .menu-desktop .container-fluid ul li a {
      color: #fff;
      -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
      transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3); }
    header .menu-desktop .container-fluid ul li > a:hover, header .menu-desktop .container-fluid ul li.active > a, header .menu-desktop .container-fluid ul li.active > a:hover, header .menu-desktop .container-fluid ul li.active > a:focus {
      background: #f5811e;
      color: #fff !important;
      box-shadow: inset 0 0px 0px transparent; }
  header .menu-desktop .navbar-default .navbar-nav > li > a:hover, header .menu-desktop .navbar-default .navbar-nav > li > a:focus {
    color: #fff; }
  header .menu-desktop .dropdown.open a.dropdown-toggle:link, header .menu-desktop .dropdown.open a.dropdown-toggle:visited, header .menu-desktop .dropdown.open a.dropdown-toggle:hover, header .menu-desktop .dropdown.open a.dropdown-toggle:active {
    background: #f5811e !important;
    color: #fff; }
  header .menu-desktop ul.dropdown-menu {
    min-width: 680px;
    border-radius: 0;
    border: 0;
    background: #2e2e2e; }
    header .menu-desktop ul.dropdown-menu img {
      height: 79px; }
    header .menu-desktop ul.dropdown-menu li {
      float: left;
      padding: 15px 0 15px 15px; }
      header .menu-desktop ul.dropdown-menu li.title {
        width: 100%;
        font-size: 18px;
        padding: 15px 0 0 15px; }
        header .menu-desktop ul.dropdown-menu li.title a {
          display: inline-block;
          background: #f5811e;
          padding: 3px 10px !important;
          margin-left: 15px;
          font-size: 20px; }
          header .menu-desktop ul.dropdown-menu li.title a:hover {
            background: #f5631e; }
      header .menu-desktop ul.dropdown-menu li a {
        padding: 0 !important; }
      header .menu-desktop ul.dropdown-menu li hr {
        margin: 0;
        border-top: 1px solid #333; }
  header .menu-desktop .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important;
    border-top: 6px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-top: -5px; }
  header .menu-desktop .navbar-nav > .dropdown > a:hover .caret, header .menu-desktop .navbar-nav > .dropdown.active > a .caret {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important; }
  header .menu-desktop > .container {
    padding-left: 0;
    padding-right: 0; }
  header .menu-desktop .container-fluid {
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 1300px) {
      header .menu-desktop .container-fluid ul li a {
        padding: 17px 20px;
        font-size: 24px; } }
    @media (min-width: 1200px) and (max-width: 1299px) {
      header .menu-desktop .container-fluid ul li a {
        padding: 15px 18px;
        font-size: 22px; } }
    @media (min-width: 993px) and (max-width: 1199px) {
      header .menu-desktop .container-fluid ul li a {
        padding: 15px;
        font-size: 18px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      header .menu-desktop .container-fluid ul li a {
        padding: 15px 9px;
        font-size: 16px; } }

@media (min-width: 768px) {
  header .navbar-collapse {
    padding-left: 0;
    padding-right: 0; }
  header ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block; }
  header .navbar-nav {
    text-align: center;
    float: none; }
    header .navbar-nav > li {
      display: inline-block;
      float: none; } }

@media (max-width: 767px) {
  header {
    display: block; }
    header .logo-mobile {
      display: block;
      width: 175px;
      margin-left: 35px; }
    header .pull-right .info-detail i {
      margin-bottom: 0; }
    header .pull-right .social-class {
      display: flex;
      align-items: center; }
      header .pull-right .social-class a {
        margin: 0 2px; } }
    @media (max-width: 767px) and (max-width: 500px) {
      header .pull-right .social-class {
        display: none; } }

@media (max-width: 767px) {
    header .header-info {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: calc(100% - 30px); }
      header .header-info .info-detail {
        /*display: flex;
                align-items: center;*/ }
        header .header-info .info-detail a {
          line-height: 0;
          margin: 0 3px; }
        header .header-info .info-detail .location-class, header .header-info .info-detail .phone-class {
          display: inline-block;
          margin-top: -15px;
          margin-bottom: 5px; } }

/*---------------------- end menu -----------------------------*/
footer {
  background: #333333;
  padding: 40px 0 0 0; }
  footer h3 {
    margin: 0 0 10px 0; }
  footer ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 25px; }
    footer ul.info-footer {
      padding-top: 20px; }
    footer ul li {
      margin-bottom: 8px; }
      footer ul li a, footer ul li a:focus {
        color: #fff;
        text-decoration: none; }
        footer ul li a:hover, footer ul li a:focus:hover {
          color: #f5811e;
          text-decoration: none; }
  footer .newsletter {
    color: #f5811e;
    margin-bottom: 20px; }
  footer iframe {
    margin-bottom: 15px; }

.sidenav .right-sidenav, .sidenav .right-sidenav:focus {
  display: inline-block;
  z-index: 2;
  position: fixed;
  right: -170px;
  transition: 0.3s;
  padding: 15px;
  width: 230px;
  text-decoration: none;
  font-size: 20px;
  top: 170px; }
  @media (max-width: 767px) {
    .sidenav .right-sidenav, .sidenav .right-sidenav:focus {
      display: none; } }
  .sidenav .right-sidenav h2, .sidenav .right-sidenav:focus h2 {
    font-size: 22px;
    color: #fff;
    font-family: "Cheddar-Italic", sans-serif;
    text-transform: uppercase;
    position: absolute;
    bottom: -12px;
    left: -15px;
    margin-left: 0px;
    background: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  .sidenav .right-sidenav ul, .sidenav .right-sidenav:focus ul {
    padding-left: 0;
    list-style: none;
    background: #2e2e2e;
    font-size: 16px; }
    .sidenav .right-sidenav ul li, .sidenav .right-sidenav:focus ul li {
      background: #030304;
      margin-bottom: 1px;
      -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
      transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3); }
      .sidenav .right-sidenav ul li img, .sidenav .right-sidenav:focus ul li img {
        display: inline-block;
        width: 42px;
        background: #fff;
        padding: 5px;
        margin-right: 5px; }
      .sidenav .right-sidenav ul li a, .sidenav .right-sidenav ul li a:focus, .sidenav .right-sidenav:focus ul li a, .sidenav .right-sidenav:focus ul li a:focus {
        color: #fff;
        text-decoration: none;
        width: 100%;
        display: inline-block; }
      .sidenav .right-sidenav ul li:hover, .sidenav .right-sidenav:focus ul li:hover {
        background: #f5811e; }
  .sidenav .right-sidenav:hover, .sidenav .right-sidenav:focus:hover {
    right: -15px; }

.sidenav .left-sidenav, .sidenav .left-sidenav:focus {
  display: inline-block;
  z-index: 9;
  position: fixed;
  left: -317px;
  transition: 0.3s;
  padding: 20px 15px;
  width: 317px;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  top: 185px;
  background-color: #333333;
  border: 1px solid #2e2e2e; }
  @media (max-width: 767px) {
    .sidenav .left-sidenav, .sidenav .left-sidenav:focus {
      display: none; } }
  .sidenav .left-sidenav h2, .sidenav .left-sidenav:focus h2 {
    font-size: 31px;
    color: #fff;
    background: #f5811e;
    font-family: "Cheddar", sans-serif;
    padding: 8px 12px;
    position: absolute;
    top: 138px;
    right: -141px;
    margin: 0px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
    .sidenav .left-sidenav h2 img, .sidenav .left-sidenav:focus h2 img {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  .sidenav .left-sidenav h3, .sidenav .left-sidenav:focus h3 {
    margin-top: 0; }
  .sidenav .left-sidenav:hover, .sidenav .left-sidenav:focus:hover {
    left: 0px; }

.search-frm {
  color: #fff;
  /*To remove button from IE11, thank you Matt */ }
  .search-frm .col-sm-4 {
    width: 100%;
    margin-bottom: 5px; }
  .search-frm .form-group {
    margin-bottom: 5px; }
  .search-frm .controls {
    position: relative;
    display: inline-block;
    width: 100%; }
  .search-frm select::-ms-expand {
    display: none; }
  .search-frm .controls:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    color: #333333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 8px;
    /*Adjust for position however you want*/
    top: 9px;
    padding: 0 0 2px;
    border-bottom: 1px solid #333333;
    /*left line */
    position: absolute;
    pointer-events: none; }
  .search-frm .controls select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 100%;
    height: 40px;
    float: right;
    margin: 0;
    line-height: 1.4;
    -ms-word-break: normal;
    word-break: normal;
    font-weight: normal;
    border-radius: 0; }
  .search-frm .btn-search, .search-frm .btn-calculate, .search-frm .btn-filter {
    background: #f5811e;
    color: #fff;
    padding: 7px 25px;
    -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
    transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
    display: inline-block;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-family: "Cheddar", sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    text-decoration: none;
    border: 0;
    border-radius: 0; }
    .search-frm .btn-search:hover, .search-frm .btn-calculate:hover, .search-frm .btn-filter:hover {
      text-decoration: none;
      background: #f5631e;
      color: #fff; }
  .search-frm .btn-calculate, .search-frm .btn-calculate:hover {
    background-image: url("../../Content/images/icons/calculator.png");
    background-repeat: no-repeat;
    background-position: 120px center;
    padding-right: 60px; }
  .search-frm .calculate-repayments {
    margin-top: 35px; }
    .search-frm .calculate-repayments .noUi-value-horizontal {
      color: #fff;
      font-size: 12px;
      margin-top: -30px; }
    .search-frm .calculate-repayments .tooltip {
      background: #f5811e !important; }

/**
 * Sliding swipe menu CSS
 */
.menu-class {
  height: 100%;
  width: 280px;
  left: 0;
  top: 0;
  z-index: 99999;
  position: fixed;
  overflow-y: auto;
  overflow-x: visible;
  transform: translate(-280px, 0); }

.ssm-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 99998; }

@media (min-width: 993px) {
  .menu-mobile {
    display: none; } }

.menu-mobile .menu-class {
  padding: 15px;
  font-family: "NovaSquare-Regular", sans-serif;
  text-transform: uppercase;
  color: #e5e5e5; }
  .menu-mobile .menu-class .title {
    font-size: 14px;
    color: #f5811e; }
  .menu-mobile .menu-class h2 {
    font-family: "NovaSquare-Regular", sans-serif;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px; }
    .menu-mobile .menu-class h2 a, .menu-mobile .menu-class h2 a:focus {
      color: #fff;
      font-size: 14px;
      -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
      transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3); }
      .menu-mobile .menu-class h2 a:hover, .menu-mobile .menu-class h2 a:focus:hover {
        text-decoration: none;
        color: #fff; }
  .menu-mobile .menu-class h3 {
    font-family: "Cheddar", sans-serif;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 15px; }
    .menu-mobile .menu-class h3 a, .menu-mobile .menu-class h3 a:focus {
      color: #fff;
      font-size: 14px;
      -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
      transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3); }
      .menu-mobile .menu-class h3 a:hover, .menu-mobile .menu-class h3 a:focus:hover {
        text-decoration: none;
        color: #fff; }
  .menu-mobile .menu-class ul {
    padding-left: 20px; }
    .menu-mobile .menu-class ul li a, .menu-mobile .menu-class ul li a:focus {
      font-size: 14px;
      color: #fff;
      -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
      transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3); }
      .menu-mobile .menu-class ul li a:hover, .menu-mobile .menu-class ul li a:focus:hover {
        text-decoration: none;
        color: #fff; }
  .menu-mobile .menu-class .btn-link span {
    font-size: 12px !important;
    padding: 0px 10px;
    min-width: 180px;
    height: 36px; }
  .menu-mobile .menu-class .btn-link i {
    height: 36px;
    width: 36px; }
  .menu-mobile .menu-class .logo-menu-mobile img {
    margin-bottom: 10px; }

/* width */
.menu-mobile ::-webkit-scrollbar {
  width: 4px; }

/* Track */
.menu-mobile ::-webkit-scrollbar-track {
  background: #f1f1f1; }

/* Handle */
.menu-mobile ::-webkit-scrollbar-thumb {
  background: #ccc; }

/* Handle on hover */
.menu-mobile ::-webkit-scrollbar-thumb:hover {
  background: #ccc; }

.menu-class {
  background: #2e2e2e; }

.menu-mobile .menu-class h2 {
  margin-top: 0px;
  padding: 10px 15px;
  letter-spacing: 2px;
  color: #fff;
  background: #333333; }

.menu-class li {
  list-style-type: none; }

.menu-mobile .menu-class ul li a, .menu-mobile .menu-class ul li a:focus {
  font-size: 14px;
  color: #e5e5e5;
  -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  padding: 5px 0;
  display: inline-block; }

.banner-home {
  margin-bottom: 40px; }
  .banner-home .text-banner {
    color: #fff; }
    @media (min-width: 768px) {
      .banner-home .text-banner {
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        width: 560px;
        padding: 30px 30px 20px 30px;
        margin-top: -285px;
        margin-left: 40px; } }
    @media (max-width: 767px) {
      .banner-home .text-banner {
        padding: 20px;
        background: #2e2e2e; } }
    .banner-home .text-banner h2 {
      margin: 0 0 10px 0; }
    .banner-home .text-banner hr {
      margin-bottom: 10px; }
  .banner-home .carousel-indicators {
    background: #f5811e;
    left: auto;
    margin-left: 40px;
    bottom: 20px;
    text-align: right;
    padding: 5px 10px; }
    @media (min-width: 768px) {
      .banner-home .carousel-indicators {
        width: 560px; } }
    @media (max-width: 767px) {
      .banner-home .carousel-indicators {
        display: none; } }
  .banner-home .btn-slider {
    margin-top: -28%;
    position: absolute;
    width: 100%;
    z-index: 9;
    font-size: 24px;
    justify-content: center;
    align-items: center; }
    .banner-home .btn-slider a, .banner-home .btn-slider a:focus {
      color: #f5811e;
      background: rgba(35, 48, 56, 0.5);
      padding: 7px 20px 14px; }
      .banner-home .btn-slider a:hover, .banner-home .btn-slider a:focus:hover {
        background-color: #f5811e; }
    @media (max-width: 993px) {
      .banner-home .btn-slider {
        display: none; } }
    .banner-home .btn-slider .prev-icon {
      transform: matrix(-1, 0, 0, 1, 0, 0);
      float: left; }
    .banner-home .btn-slider .next-icon {
      float: right; }
  .banner-home .carousel-fade .carousel-inner .item {
    transition-property: opacity; }
  .banner-home .carousel-fade .carousel-inner .item,
  .banner-home .carousel-fade .carousel-inner .active.left,
  .banner-home .carousel-fade .carousel-inner .active.right {
    opacity: 0; }
  .banner-home .carousel-fade .carousel-inner .active,
  .banner-home .carousel-fade .carousel-inner .next.left,
  .banner-home .carousel-fade .carousel-inner .prev.right {
    opacity: 1; }
  .banner-home .carousel-fade .carousel-inner .next,
  .banner-home .carousel-fade .carousel-inner .prev,
  .banner-home .carousel-fade .carousel-inner .active.left,
  .banner-home .carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0); }
  .banner-home .carousel-fade .carousel-control {
    z-index: 2; }
  .banner-home .carousel-caption {
    left: 0; }

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  border-bottom: 1px solid #000; }

#btnTopPages {
  position: fixed;
  bottom: 65px;
  right: 20px;
  z-index: 999; }
  #btnTopPages a, #btnTopPages a:focus {
    background: #f5811e;
    padding: 10px 12px; }
    #btnTopPages a i, #btnTopPages a:focus i {
      color: #fff; }
    #btnTopPages a:hover, #btnTopPages a:focus:hover {
      background-color: #171717; }

.subscribe-class .btn-subscribe {
  margin: 0;
  padding: 0;
  border: 0;
  background: #f5811e;
  border-radius: 0; }
  .subscribe-class .btn-subscribe button {
    background: url("../../Content/images/view-more2.jpg") no-repeat top left;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    border-radius: 0;
    border: 0; }

.subscribe-class .btn-subscribe-1 {
  background: #f5811e;
  border: 0;
  border-radius: 0;
  padding: 11px 20px;
  color: #fff; }

input.form-control, select.form-control {
  height: 44px;
  border-radius: 0 !important; }

.with-errors {
  color: #f5811e !important;
  font-size: 12px; }

.content-page {
  margin: 60px 0; }

.banner-pages h1 {
  margin: 0;
  padding: 30px 0 40px 0;
  font-size: 46px; }
  .banner-pages h1 span {
    color: #f5811e; }

.blog-page .box-events {
  background: #e5e5e5;
  color: #000;
  margin-bottom: 40px; }
  .blog-page .box-events .content {
    padding: 0 20px 20px 20px; }

.blog-page a, .blog-page a:focus, .blog-page a:hover {
  text-decoration: none; }

.contact-page label {
  font-weight: normal; }

.contact-page .contact-info a, .contact-page .contact-info a:focus {
  color: #f5811e;
  text-decoration: none; }
  .contact-page .contact-info a:hover, .contact-page .contact-info a:focus:hover {
    color: #f5631e;
    text-decoration: none; }

.contact-page .contact-info h3 {
  margin-top: 0; }

.contact-page .contact-info table tr {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%; }
  .contact-page .contact-info table tr td.bold {
    padding-right: 5px; }

.contact-page .contact-info ul {
  padding-left: 0; }
  .contact-page .contact-info ul li {
    list-style: none;
    margin-bottom: 10px; }

.contact-page .btn-enquiry {
  background: #f5811e;
  color: #fff;
  padding: 13px 20px;
  -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  display: inline-block;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-family: "Cheddar", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  text-decoration: none;
  border: 0; }
  .contact-page .btn-enquiry:hover {
    text-decoration: none;
    background: #f5631e;
    color: #fff; }

.contact-page .googleMaps {
  margin-top: 40px;
  margin-bottom: -5px; }

.rzslider .rz-selection {
  background: #f5631e !important; }

.parts-service .form-request {
  background-color: #2e2e2e;
  padding: 30px; }
  .parts-service .form-request h3 {
    margin-top: 0;
    margin-bottom: 25px;
    line-height: 1.4; }
  .parts-service .form-request .radiobutton {
    display: flex;
    flex-wrap: wrap; }
    .parts-service .form-request .radiobutton p {
      width: 150px; }

.parts-service .service-detail {
  margin-bottom: 40px; }
  .parts-service .service-detail .calculate-repayments-content .text-disclaimer {
    display: none; }
  .parts-service .service-detail .list-tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #e5e5e5;
    padding: 0;
    margin: 10px 0; }
    .parts-service .service-detail .list-tab li {
      list-style-type: none; }
      .parts-service .service-detail .list-tab li a {
        font-family: "Cheddar", sans-serif;
        border: 1px solid #c0c0c0;
        display: flex;
        align-items: center;
        color: #171717;
        justify-content: center;
        text-decoration: none;
        padding: 10px 15px; }
        @media (min-width: 993px) {
          .parts-service .service-detail .list-tab li a {
            min-width: 320px;
            font-size: 22px; } }
        @media (min-width: 768px) and (max-width: 992px) {
          .parts-service .service-detail .list-tab li a {
            min-width: 235px;
            font-size: 20px; } }
        @media (max-width: 767px) {
          .parts-service .service-detail .list-tab li a {
            min-width: initial;
            font-size: 16px; } }
        @media (max-width: 767px) {
          .parts-service .service-detail .list-tab li a {
            padding: 8px 10px; } }
        .parts-service .service-detail .list-tab li a:hover, .parts-service .service-detail .list-tab li a:focus {
          text-decoration: none; }
        .parts-service .service-detail .list-tab li a .svg {
          width: 50px;
          margin-right: 15px; }
          @media (max-width: 767px) {
            .parts-service .service-detail .list-tab li a .svg {
              width: 30px;
              margin-right: 10px; } }
        @media (max-width: 579px) {
          .parts-service .service-detail .list-tab li a {
            justify-content: flex-start; } }
    .parts-service .service-detail .list-tab .active a {
      background-color: #fff;
      border: 1px solid #fff;
      color: #f5811e; }
      .parts-service .service-detail .list-tab .active a .svg {
        filter: invert(48%) sepia(37%) saturate(2249%) hue-rotate(348deg) brightness(100%) contrast(90%); }
  .parts-service .service-detail h3 {
    color: #f5811e;
    font-size: 30px;
    margin-top: 30px;
    line-height: 1.4; }
    @media (max-width: 767px) {
      .parts-service .service-detail h3 {
        font-size: 24px; } }
    .parts-service .service-detail h3 span {
      color: #e5e5e5; }
  .parts-service .service-detail #spare .frm-bg {
    padding: 40px 60px;
    background: #2e2e2e;
    margin-top: 20px; }
    .parts-service .service-detail #spare .frm-bg .noUi-value-horizontal {
      color: #e5e5e5; }
  .parts-service .service-detail .privacy-link {
    color: #f5811e; }
  .parts-service .service-detail #yamaha .validate-vin input {
    background: #ada; }
  .parts-service .service-detail #yamaha #FilterPanel {
    background: #e5e5e5;
    padding: 15px;
    margin-bottom: 30px; }
    .parts-service .service-detail #yamaha #FilterPanel select.form-control {
      font-size: 13px;
      position: relative;
      display: inline-block;
      width: 100%;
      margin-bottom: 10px; }
    .parts-service .service-detail #yamaha #FilterPanel select::-ms-expand {
      display: none; }
    .parts-service .service-detail #yamaha #FilterPanel .control:after {
      content: '<>';
      font: 17px "Consolas", monospace;
      color: #333;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      right: 22px;
      /*Adjust for position however you want*/
      top: 11px;
      padding: 0 0 2px;
      border-bottom: 1px solid #999;
      /*left line */
      position: absolute;
      pointer-events: none; }
    @media (max-width: 767px) {
      .parts-service .service-detail #yamaha #FilterPanel .control {
        display: flex; } }
    .parts-service .service-detail #yamaha #FilterPanel .control select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      /* Add some styling */
      display: block;
      width: 100%;
      height: 44px;
      float: right;
      -ms-word-break: normal;
      word-break: normal;
      border-radius: 0; }
    .parts-service .service-detail #yamaha #FilterPanel input.form-control {
      font-size: 13px; }
  .parts-service .service-detail #yamaha table {
    border: solid 1px #333;
    margin-bottom: 50px;
    font-size: 12px;
    width: 100%; }
    @media (min-width: 768px) {
      .parts-service .service-detail #yamaha table {
        min-width: 720px; } }
    @media (max-width: 767px) {
      .parts-service .service-detail #yamaha table {
        background: #f1f4f5; } }
    .parts-service .service-detail #yamaha table th {
      border: solid 1px rgba(229, 229, 229, 0.3);
      padding: 5px;
      font-weight: inherit;
      background: #ebebeb; }
    @media (min-width: 768px) {
      .parts-service .service-detail #yamaha table .col-1 {
        width: 55px; }
      .parts-service .service-detail #yamaha table .col-2 {
        width: calc(100% - 550px); }
      .parts-service .service-detail #yamaha table .col-3 {
        width: 120px; }
      .parts-service .service-detail #yamaha table .col-4 {
        width: 110px; }
      .parts-service .service-detail #yamaha table .col-5 {
        width: 90px; }
      .parts-service .service-detail #yamaha table .col-6 {
        width: 90px; }
      .parts-service .service-detail #yamaha table .col-7 {
        width: 95px; } }
    .parts-service .service-detail #yamaha table td {
      border: solid 1px rgba(229, 229, 229, 0.3);
      padding: 5px;
      font-weight: inherit; }
      .parts-service .service-detail #yamaha table td input.qtyTextbox {
        width: 80px;
        padding: 5px 10px; }
    .parts-service .service-detail #yamaha table input.btnAddToCart {
      background: #e5e5e5;
      color: #fff;
      padding: 6px 12px;
      border: 0;
      text-transform: uppercase;
      cursor: pointer; }
      .parts-service .service-detail #yamaha table input.btnAddToCart:hover {
        background: #f5811e;
        color: #fff; }
  .parts-service .service-detail #yamaha #imageCanvas {
    height: 80%;
    width: 100%;
    margin-bottom: 40px;
    border: solid 1px rgba(229, 229, 229, 0.3);
    background: #fff; }
  .parts-service .service-detail #yamaha canvas {
    display: block; }
  .parts-service .service-detail #yamaha .zoomIn-class, .parts-service .service-detail #yamaha .zoomOut-class {
    background: #e5e5e5;
    color: #fff;
    border: 0;
    width: 28px;
    height: 28px;
    font-size: 18px; }
    .parts-service .service-detail #yamaha .zoomIn-class:hover, .parts-service .service-detail #yamaha .zoomOut-class:hover {
      background: #f5811e; }
  .parts-service .service-detail #yamaha #AssemblyContainer #status {
    display: none; }

.parts-service .red-star {
  color: #f5811e; }

.btn-finance.btn-red {
  background: #f5811e;
  color: #fff;
  padding: 13px 20px;
  -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  display: inline-block;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-family: "Cheddar", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  text-decoration: none;
  border: 0; }
  .btn-finance.btn-red:hover {
    text-decoration: none;
    background: #f5631e;
    color: #fff; }

#finance .form-finance .form-add {
  background-color: #2e2e2e;
  padding: 30px 30px 10px 30px; }
  #finance .form-finance .form-add .loan-accessories {
    padding: 40px 10px; }
  #finance .form-finance .form-add .tooltip {
    background-color: #f5811e !important; }
  #finance .form-finance .form-add .noUi-value-horizontal {
    color: #fff; }

#finance .form-finance .form-title {
  color: #f5811e;
  text-transform: uppercase;
  font-weight: bold; }

#finance .form-finance fieldset {
  background-color: #2e2e2e;
  padding: 15px;
  padding: .35em .625em .75em;
  margin: 0 2px 30px;
  border: 1px solid rgba(229, 229, 229, 0.2); }
  #finance .form-finance fieldset legend {
    width: auto;
    border-bottom: none;
    color: #fff; }

#finance .form-finance table {
  border-collapse: collapse;
  width: 100%; }

#finance .form-finance table, #finance .form-finance th, #finance .form-finance td {
  border: 1px solid rgba(229, 229, 229, 0.2);
  padding: 10px; }

#finance .form-finance table th {
  background-color: #2e2e2e; }

#finance .form-finance .switch-field {
  display: flex;
  overflow: hidden; }
  #finance .form-finance .switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden; }
  #finance .form-finance .switch-field label {
    background-color: #eee;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 12px 20px;
    margin-right: -1px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    transition: all 0.1s ease-in-out;
    margin-bottom: 0; }
    #finance .form-finance .switch-field label:hover {
      cursor: pointer; }

#finance .form-finance .switch-field input:checked + label {
  background-color: #f5811e;
  color: #fff;
  box-shadow: none; }

.onlinestore-page, .sellyourbike-page, .gearapparel-page {
  margin-bottom: 50px; }

.finance-page h3, .finance-page h2, .privacy-page h3, .privacy-page h2 {
  margin-top: 0; }

.main-page a, .main-page a:focus, .main-page a:hover {
  color: #f5811e;
  text-decoration: none; }

.sell-you-caravan {
  margin: 0px auto; }
  .sell-you-caravan .nav-tabs {
    position: relative;
    margin: 0px auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0; }
  .sell-you-caravan > div.sell-you-caravan-inner {
    position: relative; }
  .sell-you-caravan .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1; }
    @media (min-width: 768px) {
      .sell-you-caravan .connecting-line {
        top: 40%; } }
    @media (max-width: 767px) {
      .sell-you-caravan .connecting-line {
        top: 50%; } }

.frm-finance .sell-you-caravan .connecting-line {
  width: 90%;
  z-index: 1; }
  @media (min-width: 768px) {
    .frm-finance .sell-you-caravan .connecting-line {
      top: 50%; } }
  @media (max-width: 767px) {
    .frm-finance .sell-you-caravan .connecting-line {
      top: 50%; } }

.sell-you-caravan .nav-tabs > li.active > a, .sell-you-caravan .nav-tabs > li.active > a:hover, .sell-you-caravan .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent; }

.sell-you-caravan span.round-tab {
  width: 60px;
  height: 60px;
  font-size: 25px;
  line-height: 60px;
  display: inline-block;
  border-radius: 100px;
  color: #171717;
  border: 2px solid #d6d6d6;
  background: #d6d6d6;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center; }
  @media (max-width: 600px) {
    .sell-you-caravan span.round-tab {
      width: 40px;
      height: 40px;
      font-size: 18px;
      line-height: 40px; } }

.frm-finance .sell-you-caravan span.round-tab {
  width: 50px;
  height: 50px;
  line-height: 50px; }

.sell-you-caravan span.text-tab {
  color: #d6d6d6; }

.sell-you-caravan span.round-tab i {
  color: #555555; }

.sell-you-caravan li.active span.round-tab {
  background: #f5811e;
  border: 2px solid #f5811e;
  color: #fff; }

.sell-you-caravan li.active span.round-tab i, .sell-you-caravan li.active span.text-tab {
  color: #f5811e; }

span.round-tab:hover {
  border: 2px solid #f5811e; }

.sell-you-caravan .nav-tabs > li {
  width: 33%;
  font-family: "Cheddar", sans-serif; }

.frm-finance .sell-you-caravan .nav-tabs > li {
  width: 12.5%; }

.sell-you-caravan li:after {
  content: " ";
  position: absolute;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #171717;
  transition: 0.1s ease-in-out; }
  @media (min-width: 993px) {
    .sell-you-caravan li:after {
      left: 44%; } }
  @media (max-width: 992px) {
    .sell-you-caravan li:after {
      left: 40%; } }

.sell-you-caravan li.active:after {
  content: " ";
  position: absolute;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 15px solid transparent;
  border-bottom-color: #171717; }
  @media (min-width: 993px) {
    .sell-you-caravan li.active:after {
      left: 46%; } }
  @media (max-width: 992px) {
    .sell-you-caravan li.active:after {
      left: 40%; } }

@media (min-width: 993px) {
  .frm-finance .sell-you-caravan li.active:after {
    left: 40%; } }

@media (max-width: 992px) {
  .frm-finance .sell-you-caravan li.active:after {
    left: 22%; } }

.sell-you-caravan .nav-tabs > li a {
  width: 60px;
  height: 60px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0; }

.finance-page .sell-you-caravan .nav-tabs > li a {
  width: 50px;
  height: 50px; }

.sell-you-caravan .nav-tabs > li a:hover {
  background: transparent; }

.sell-you-caravan .tab-pane {
  position: relative;
  padding-top: 40px; }
  @media (max-width: 585px) {
    .sell-you-caravan .tab-pane {
      padding-top: 10px; } }

.sell-you-caravan h3 {
  margin-top: 0; }

@media (max-width: 585px) {
  .sell-you-caravan {
    height: auto !important; }
  span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px; }
  .sell-you-caravan .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px; }
  .sell-you-caravan li.active:after {
    content: " ";
    position: absolute;
    left: 35%; } }

.btn-delete, .btn-delete:hover {
  background: url(/Content/images/icon-delete.png) center center no-repeat;
  width: 24px;
  height: 24px;
  border: oldlace;
  border-radius: 0;
  position: absolute; }
  .btn-delete i:before, .btn-delete:hover i:before {
    display: none; }

.u-recaptcha img {
  display: block;
  margin-bottom: 5px; }

.trade-my-page {
  padding: 0 0 30px 0; }
  .trade-my-page .tab-content .btn-link {
    background: #f5811e !important;
    color: #fff !important;
    font-family: "Cheddar", sans-serif;
    padding: 15px 40px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    font-size: 18px; }
    .trade-my-page .tab-content .btn-link:hover {
      background: #f5811e !important;
      color: #fff !important; }
  .trade-my-page .tab-content .prev-step {
    background: #f5811e !important;
    color: #fff !important;
    font-family: "Cheddar", sans-serif;
    padding: 15px 40px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    font-size: 18px;
    text-decoration: none; }
    .trade-my-page .tab-content .prev-step:hover {
      background: #f5811e !important;
      color: #fff !important; }
  .trade-my-page .tab-content .next-step, .trade-my-page .tab-content .btn-link {
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    border: 0;
    font-size: 18px;
    text-decoration: none; }
  .trade-my-page h2 {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 1.4; }
  .trade-my-page div.tooltip {
    background-color: transparent !important; }
  .trade-my-page .frm-sellyour {
    padding: 0; }
    .trade-my-page .frm-sellyour .tab-content {
      padding: 0 40px 40px 40px; }
      @media (max-width: 767px) {
        .trade-my-page .frm-sellyour .tab-content {
          padding: 0 10px 20px 10px; } }
    .trade-my-page .frm-sellyour .nav-tabs {
      background: #171717;
      border: 0; }
      @media (min-width: 768px) {
        .trade-my-page .frm-sellyour .nav-tabs {
          padding-bottom: 30px; } }
      .trade-my-page .frm-sellyour .nav-tabs .text-tab {
        z-index: 9;
        position: relative;
        line-height: 1.4;
        display: inline-block;
        text-transform: uppercase;
        text-align: center; }
        @media (min-width: 993px) {
          .trade-my-page .frm-sellyour .nav-tabs .text-tab {
            width: 290px;
            font-size: 18px;
            margin-left: -115px;
            margin-top: 70px; } }
        @media (min-width: 768px) and (max-width: 992px) {
          .trade-my-page .frm-sellyour .nav-tabs .text-tab {
            width: 132px;
            margin-left: -36px;
            margin-top: 70px; } }
        @media (max-width: 767px) {
          .trade-my-page .frm-sellyour .nav-tabs .text-tab {
            display: none; } }
      .trade-my-page .frm-sellyour .nav-tabs li.active:after {
        margin-bottom: -30px; }
    .trade-my-page .frm-sellyour h3 {
      margin-top: 0;
      margin-bottom: 20px;
      border-bottom: 3px solid #f5811e;
      display: inline-block;
      padding-bottom: 5px;
      text-transform: uppercase; }

.gearapparel-page .btn-enquiry {
  background: #f5811e;
  color: #fff;
  padding: 13px 20px;
  -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  display: inline-block;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-family: "Cheddar", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  text-decoration: none;
  border: 0;
  margin-top: 10px; }
  .gearapparel-page .btn-enquiry:hover {
    text-decoration: none;
    background: #f5631e;
    color: #fff; }

.bookaservice-page {
  margin-bottom: 50px; }

.banner-events .boxnews {
  margin-bottom: 30px; }
  .banner-events .boxnews a, .banner-events .boxnews a:focus {
    color: #fff;
    background: rgba(3, 3, 4, 0.3);
    text-decoration: none;
    display: inline-block; }
    .banner-events .boxnews a .decs, .banner-events .boxnews a:focus .decs {
      padding: 10px 20px 20px 20px; }
    .banner-events .boxnews a:hover, .banner-events .boxnews a:focus:hover {
      background: #030304; }

.banner-events .btn-more {
  background: #f5811e;
  color: #fff;
  padding: 13px 20px;
  -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  display: inline-block;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-family: "Cheddar", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  text-decoration: none;
  margin-bottom: 50px; }
  .banner-events .btn-more:hover {
    text-decoration: none;
    background: #f5631e;
    color: #fff; }

.loan-deposit-class, .loan-residual-class {
  display: none; }

.large-events a, .large-events a:focus, .large-events a:hover {
  background: transparent; }
  .large-events a .decs, .large-events a:focus .decs, .large-events a:hover .decs {
    display: none; }

.motor-keyword {
  display: none; }

.logo-pay {
  text-align: center; }
  .logo-pay img {
    padding: 5px;
    display: inline-block; }

.thanks-page {
  margin: 0 0 40px 0; }
  .thanks-page h4 {
    line-height: 1.6; }

.container-listview13.motorcycle-view {
  margin-top: 50px;
  margin-bottom: 50px; }
  .container-listview13.motorcycle-view .container-filter-left {
    margin-bottom: 20px; }
    .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft {
      background: #2e2e2e; }
      .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .controls {
        padding: 0 15px; }
      .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-veh-type {
        margin-top: 20px; }
      .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .header-filter-left {
        background-color: #f5811e;
        color: #fff;
        font-family: "NovaSquare-Regular", sans-serif;
        padding: 20px;
        font-size: 25px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .header-filter-left i {
          background: url("../../Content/images/icons/filter-icon.png") center right no-repeat;
          width: 29px;
          height: 19px; }
      .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-branch, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-make {
        padding-top: 15px; }
      .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-branch, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-veh-type, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-make, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-model {
        /*To remove button from IE11, thank you Matt */ }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-branch .ddl-group, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-veh-type .ddl-group, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-make .ddl-group, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-model .ddl-group {
          position: relative;
          display: inline-block;
          width: 100%; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-branch select::-ms-expand, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-veh-type select::-ms-expand, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-make select::-ms-expand, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-model select::-ms-expand {
          display: none; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-branch .ddl-group:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-veh-type .ddl-group:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-make .ddl-group:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-model .ddl-group:after {
          content: '<>';
          font: 17px "Consolas", monospace;
          color: #333;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg);
          right: 11px;
          /*Adjust for position however you want*/
          top: 11px;
          padding: 0 0 2px;
          border-bottom: 1px solid #999;
          /*left line */
          position: absolute;
          pointer-events: none; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-branch .ddl-group select, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-veh-type .ddl-group select, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-make .ddl-group select, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-model .ddl-group select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          /* Add some styling */
          display: block;
          width: 100%;
          height: 44px;
          float: right;
          margin: 0 0 10px 0;
          line-height: 2;
          -ms-word-break: normal;
          word-break: normal;
          text-transform: uppercase; }
      .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant {
        display: inline-block;
        width: 100%; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner label, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant label {
          font-weight: 400; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner input:checked:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner input:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant input:checked:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant input:after {
          visibility: visible;
          font-family: FontAwesome;
          font-size: 24px;
          height: 24px;
          width: 20px;
          position: relative;
          top: -5px;
          left: 0px;
          background-color: #fcfcfc;
          display: inline-block; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner input:checked:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant input:checked:after {
          content: '\f14a';
          color: #f5811e; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner input:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant input:after {
          content: '\f096';
          color: rgba(51, 51, 51, 0.3); }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner .ckbVariantAll, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant .ckbVariantAll {
          width: 100%; }
          .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner .ckbVariantAll label, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant .ckbVariantAll label {
            font-weight: 700; }
          .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner .ckbVariantAll span, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant .ckbVariantAll span {
            border-top: 1px solid #f0f0f0;
            width: 72%;
            margin-top: 10px;
            float: right; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner > div, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant > div {
          margin-top: 8px; }
          @media (min-width: 1650px) {
            .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner > div, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant > div {
              width: 50%;
              float: left; } }
          .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner > div input, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant > div input {
            float: left; }
            .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner > div input:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant > div input:after {
              content: '';
              background: url("../../Content/images/icons/stock-filter.png") left 2px no-repeat #2e2e2e; }
            .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner > div input:checked:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant > div input:checked:after {
              content: '';
              background: url("../../Content/images/icons/stock-filter.png") left -21px no-repeat #2e2e2e; }
          .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner > div label, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-variant > div label {
            padding-left: 15px;
            width: calc(100% - 15px); }
      .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 90%; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner div label {
          font-size: 13px;
          text-transform: capitalize;
          background: url("../../Content/images/icons/approve-icon.svg") no-repeat center left;
          padding: 15px 0 15px 50px;
          max-width: 200px; }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner div input:checked:after, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-learner div input:after {
          top: -10px; }
      .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-engine-size-liter, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-price, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-year {
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: 1px solid rgba(229, 229, 229, 0.1); }
        .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-engine-size-liter label, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-price label, .container-listview13.motorcycle-view .container-filter-left .boxFilterLeft .cl-year label {
          margin: 0;
          font-weight: 700;
          text-transform: capitalize; }
  .container-listview13.motorcycle-view .container-filter-top {
    margin-bottom: 30px; }
    .container-listview13.motorcycle-view .container-filter-top .col-sm-5 {
      padding-right: 0; }
    .container-listview13.motorcycle-view .container-filter-top .veh-showing {
      padding: 12px 0; }
    .container-listview13.motorcycle-view .container-filter-top .veh-sortby {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .container-listview13.motorcycle-view .container-filter-top .veh-sortby label {
        margin-right: 25px; }
      .container-listview13.motorcycle-view .container-filter-top .veh-sortby .ddl-group {
        width: calc(100% - 84px); }
      .container-listview13.motorcycle-view .container-filter-top .veh-sortby select {
        font-size: 16px; }
  .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item {
    background: #e5e5e5;
    box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px; }
    .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img {
      width: 100%;
      padding-top: 65%;
      /* 1:1 Aspect Ratio */
      position: relative; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img .resize-img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img .resize-img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          overflow: hidden; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img .resize-img .lams-icon {
          position: absolute;
          width: 60px;
          height: 60px;
          top: 5px;
          right: 10px;
          background: url("../../Content/images/icons/lams-icon.png") no-repeat center center; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img .resize-img .cashback-icon {
          position: absolute;
          width: 83px;
          height: 83px;
          top: 0px;
          left: 0px;
          background: url("../../Content/images/icons/Cashback-logo.png") no-repeat center center; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img .resize-img .fuel-icon {
          position: absolute;
          width: 59px;
          height: 59px;
          bottom: 5px;
          right: 150px;
          background: url("../../Content/images/icons/fuel-icon.png") no-repeat center center; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img .resize-img .sams-icon {
          position: absolute;
          width: 70px;
          height: 59px;
          bottom: 5px;
          right: 70px;
          background: url("../../Content/images/icons/package-icon.png") no-repeat center center; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img .resize-img .specialoffer-icon {
          position: absolute;
          width: 59px;
          height: 59px;
          bottom: 5px;
          right: 10px;
          background: url("../../Content/images/icons/special-icon.png") no-repeat center center; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img .resize-img .save-money {
          background-color: #FF0006;
          color: #fff;
          font-size: 12px;
          text-transform: uppercase;
          position: absolute;
          bottom: 0;
          left: 0;
          padding: 6px 30px; }
          .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img .resize-img .save-money b {
            font-size: 16px; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img span.sticker-sale {
        position: relative;
        background: #f5811e;
        color: #fff !important;
        z-index: 9;
        float: left;
        left: 0;
        bottom: 34px;
        padding: 4px 10px 2px 10px; }
        @media (max-width: 767px) {
          .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img span.sticker-sale {
            bottom: 100%; } }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-img span.sticker-family {
        position: absolute;
        background: #96c117;
        color: #fff !important;
        z-index: 9;
        float: right;
        right: 0;
        top: 30px;
        padding: 4px 10px 2px 10px; }
    .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-title {
      padding: 10px 15px; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-title a {
        display: block;
        text-align: center; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-title a h3 {
          font-family: "NovaSquare-Regular", sans-serif;
          font-weight: 600;
          font-size: 16px;
          line-height: 19px;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          color: #000;
          margin-bottom: 0;
          margin-top: 10px;
          height: 60px; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-title h4 {
        margin-top: 0;
        text-align: center;
        font-family: "NovaSquare-Regular", sans-serif;
        font-weight: 600;
        font-size: 13px;
        line-height: 19px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #f5811e; }
    .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields {
      display: inline-block;
      width: 100%; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-type, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-odo, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-engine-size, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-variant {
        padding-left: 5px;
        padding-right: 5px;
        height: 85px;
        text-align: center; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-type b, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-odo b, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-engine-size b, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-variant b {
          font-weight: 500;
          color: #666; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-type i, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-odo i, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-engine-size i, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-variant i {
          width: 100%;
          height: 30px;
          float: right;
          display: -webkit-inline-box;
          margin-bottom: 5px; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-type p, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-odo p, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-engine-size p, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-variant p {
          font-size: 13px;
          line-height: 1.4;
          height: 15px;
          text-align: center;
          display: inline-block;
          width: 100%;
          margin-bottom: 0; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-type span, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-odo span, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-engine-size span, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-variant span {
          font-weight: 700;
          font-size: 13px;
          line-height: 1.2;
          color: #000;
          text-transform: uppercase;
          display: inline-block;
          width: 100%; }
      @media (min-width: 768px) {
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .vehicleList-Tare, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .vehicleList-Stock {
          height: 105px; } }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-type i {
        background: url("../../Content/images/icons/category.svg") center center no-repeat; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-odo i {
        background: url("../../Content/images/icons/km.svg") center center no-repeat; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-engine-size i {
        background: url("../../Content/images/icons/capacity.svg") center center no-repeat; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields .col-type i {
        background: url("../../Content/images/icons/category.svg") center center no-repeat; }
    .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields.veh-bike .col-variant i {
      background: url("../../Content/images/icons/type-1.svg") center center no-repeat; }
    .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-spec-fields.veh-pwc .col-variant i {
      background: url("../../Content/images/icons/type-2.svg") center center no-repeat; }
    .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom {
      padding: 0 15px;
      height: 110px; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .row {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .row .col-sm-6 {
          width: 50%; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-price h4 {
        font-family: "NovaSquare-Regular", sans-serif;
        font-weight: 600;
        font-size: 24px;
        text-transform: capitalize;
        color: #f5811e;
        height: 50px; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-price h4 .drive-away-label {
          color: #6C6C6C;
          font-size: 13px;
          text-transform: uppercase;
          display: block;
          font-weight: 300; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-btn-detail a, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-btn-detail a:focus {
        background-color: #000;
        font-size: 14px;
        color: #fff;
        padding: 11px 5px; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-btn-detail a:hover, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-btn-detail a:focus:hover {
          background-color: #f5811e !important; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-stock-number {
        font-size: 14px;
        color: #000;
        font-weight: 700;
        text-transform: uppercase; }
      .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-btn-buy-now {
        display: none; }
        .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-btn-buy-now .addCart-class {
          display: block;
          color: #fff;
          border: 1px solid #f5811e;
          padding: 5px 30px 5px 10px;
          text-transform: uppercase;
          font-size: 14px;
          text-decoration: none;
          background: url("../../Content/images/icons/cart.svg") no-repeat center right 10px #f5811e; }
          .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-btn-buy-now .addCart-class i {
            border: none; }
          .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-btn-buy-now .addCart-class:hover, .container-listview13.motorcycle-view .container-stock-list .card-cols .veh-item .veh-bottom .veh-btn-buy-now .addCart-class:focus {
            color: #f5811e;
            text-decoration: none;
            background: url("../../Content/images/icons/cart-hover.svg") no-repeat center right 10px #fff;
            background-size: 20px; }
  .container-listview13.motorcycle-view .container-pagination .justify-content-md-center p {
    display: none; }
  .container-listview13.motorcycle-view .container-pagination .justify-content-md-center ul.pagination {
    margin-top: 0; }
    .container-listview13.motorcycle-view .container-pagination .justify-content-md-center ul.pagination li a {
      color: #050505;
      background-color: #F4F4F4;
      border-radius: 0;
      float: left;
      padding: 13px 20px;
      border: none;
      text-transform: uppercase;
      margin: 9px;
      font-size: 17px;
      font-weight: 700; }
      .container-listview13.motorcycle-view .container-pagination .justify-content-md-center ul.pagination li a:hover {
        background-color: #2e2e2e;
        color: #fff; }
    .container-listview13.motorcycle-view .container-pagination .justify-content-md-center ul.pagination li.active a {
      background-color: #2e2e2e;
      color: #fff;
      border-radius: 0;
      float: left;
      padding: 13px 20px;
      border: none;
      margin: 9px;
      font-size: 17px;
      font-weight: 700; }
  .container-listview13.motorcycle-view .container-no-records .btn-moreDetails {
    display: inline-block;
    cursor: pointer; }
  .container-listview13.motorcycle-view .motor-keyword {
    text-align: center; }
  .container-listview13.motorcycle-view .rzslider .rz-pointer {
    top: -9px !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: #171717 0px 0px 10px 4px; }
  .container-listview13.motorcycle-view .rzslider .rz-pointer:after {
    display: none !important; }
  .container-listview13.motorcycle-view .rzslider .rz-bubble {
    bottom: 16px;
    padding: 1px 3px;
    color: #fff;
    font-weight: 300;
    cursor: default;
    font-size: 13px; }
  .container-listview13.motorcycle-view .rzslider .rz-selection {
    z-index: 2;
    background: #f5811e !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  .container-listview13.motorcycle-view .rz-bubble.rz-limit.rz-ceil, .container-listview13.motorcycle-view .rz-bubble.rz-limit.rz-floor {
    display: none; }

.container-detailview12 {
  margin-top: 60px;
  margin-bottom: 50px; }
  .container-detailview12 .product-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px; }
    .container-detailview12 .product-title h2 {
      margin-top: 10px;
      float: left;
      font-size: 24px; }
    .container-detailview12 .product-title .cl_search_results a {
      background: #f5811e;
      padding-top: 15px;
      padding-bottom: 15px;
      text-align: center;
      color: #fff;
      float: left;
      width: 100%;
      text-decoration: none; }
    .container-detailview12 .product-title .product-header {
      float: right; }
      .container-detailview12 .product-title .product-header .product-price {
        font-weight: 600;
        margin-top: 5px;
        margin-bottom: 5px;
        display: inline-block;
        font-size: 24px;
        line-height: 1.4; }
      .container-detailview12 .product-title .product-header .drive-away-label {
        font-size: 13px; }
  .container-detailview12 .widget.form {
    background: #2e2e2e;
    padding: 15px;
    margin-bottom: 30px; }
    .container-detailview12 .widget.form h3 {
      border-bottom: 0;
      font-size: 22px;
      margin-top: 5px;
      padding-bottom: 5px;
      font-weight: normal; }
    .container-detailview12 .widget.form label {
      font-weight: inherit; }
  .container-detailview12 .product-slider {
    margin-bottom: 20px; }
  .container-detailview12 .product-comments {
    margin-bottom: 40px; }
    .container-detailview12 .product-comments h3 {
      background: #2e2e2e;
      font-size: 24px;
      padding: 15px; }
  .container-detailview12 #btnSendMail {
    font-size: 20px;
    text-align: center;
    display: block;
    background: #f5811e;
    color: white;
    padding: 10px;
    text-transform: uppercase;
    width: 100%;
    border-radius: 0;
    border: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .container-detailview12 #btnSendMail:hover {
      background: #f5631e;
      color: #fff !important;
      box-shadow: inset 0 0px 0px transparent; }

@media (min-width: 993px) {
  .container-detailview12 .product-title {
    background: #2e2e2e; }
    .container-detailview12 .product-title .col-md-4.col-lg-3 {
      float: right; }
      .container-detailview12 .product-title .col-md-4.col-lg-3 .cl_search_results {
        margin-right: -15px;
        margin-left: 8px; } }

@media (max-width: 992px) {
  .container-detailview12 .product-title .col-md-8.col-lg-9 {
    background: #2e2e2e;
    display: inline-block;
    width: 100%;
    margin-top: 20px; }
  .container-detailview12 .product-title .col-md-4.col-lg-3 {
    float: left; }
    .container-detailview12 .product-title .col-md-4.col-lg-3 .cl_search_results {
      margin-left: -15px; }
      .container-detailview12 .product-title .col-md-4.col-lg-3 .cl_search_results a {
        padding-left: 15px;
        padding-right: 15px; } }

@media (min-width: 768px) {
  .main-content .tab-content {
    padding: 30px 20px; }
    .main-content .tab-content .frm2-calculator {
      margin: 30px 20%; } }

.main-content .tab-content h4 {
  margin-bottom: 20px; }

.main-content .tab-content .vehicle-detail-body table tr th {
  font-weight: 500; }

.main-content .tab-content .vehicle-detail-body table tr th, .main-content .tab-content .vehicle-detail-body table tr td {
  border-top: 1px solid #ddd; }

.main-content .tab-content .tab-pane .panel-group .panel-heading {
  padding-bottom: 0; }
  .main-content .tab-content .tab-pane .panel-group .panel-heading a {
    padding-left: 10px;
    padding-right: 10px; }
  .main-content .tab-content .tab-pane .panel-group .panel-heading a:hover {
    background: #fbfbfb; }
  .main-content .tab-content .tab-pane .panel-group .panel-heading i {
    margin-right: 10px; }

.main-content ul.nav-tabs {
  border-bottom: 0;
  text-align: center; }
  .main-content ul.nav-tabs li, .main-content ul.nav-tabs li:hover {
    background: #e5e5e5;
    background-image: url("../../Content/images/icondetails12.png");
    background-repeat: no-repeat;
    float: left;
    height: 90px; }
    @media (min-width: 768px) {
      .main-content ul.nav-tabs li, .main-content ul.nav-tabs li:hover {
        width: 24%;
        margin-left: 0.5%;
        margin-right: 0.5%; } }
    @media (min-width: 768px) and (max-width: 992px) {
      .main-content ul.nav-tabs li a, .main-content ul.nav-tabs li:hover a {
        padding: 0; } }
    @media (max-width: 767px) {
      .main-content ul.nav-tabs li, .main-content ul.nav-tabs li:hover {
        width: 49%;
        margin: 0.5%; } }
    .main-content ul.nav-tabs li a, .main-content ul.nav-tabs li a:hover, .main-content ul.nav-tabs li:hover a, .main-content ul.nav-tabs li:hover a:hover {
      background-color: transparent;
      border: 0;
      color: #2e2e2e;
      padding-top: 48px;
      margin-right: 0;
      font-size: 18px; }
      @media (min-width: 993px) and (max-width: 1100px) {
        .main-content ul.nav-tabs li a, .main-content ul.nav-tabs li a:hover, .main-content ul.nav-tabs li:hover a, .main-content ul.nav-tabs li:hover a:hover {
          font-size: 15px; } }
      @media (min-width: 768px) and (max-width: 992px) {
        .main-content ul.nav-tabs li a, .main-content ul.nav-tabs li a:hover, .main-content ul.nav-tabs li:hover a, .main-content ul.nav-tabs li:hover a:hover {
          font-size: 13px; } }
      @media (max-width: 767px) {
        .main-content ul.nav-tabs li a, .main-content ul.nav-tabs li a:hover, .main-content ul.nav-tabs li:hover a, .main-content ul.nav-tabs li:hover a:hover {
          font-size: 13px;
          line-height: 1.4;
          margin-top: 4px; } }
  .main-content ul.nav-tabs li.tabs1, .main-content ul.nav-tabs li.tabs1:hover {
    background-position: center 5px; }
  .main-content ul.nav-tabs li.tabs2, .main-content ul.nav-tabs li.tabs2:hover {
    background-position: center -195px; }
  .main-content ul.nav-tabs li.tabs3, .main-content ul.nav-tabs li.tabs3:hover {
    background-position: center -195px; }
  .main-content ul.nav-tabs li.tabs4, .main-content ul.nav-tabs li.tabs4:hover {
    background-position: center -395px; }
  .main-content ul.nav-tabs li.tabs5, .main-content ul.nav-tabs li.tabs5:hover {
    background-position: center -585px; }
  .main-content ul.nav-tabs li.active {
    background: #f5811e;
    background-image: url("../../Content/images/icondetails12.png");
    background-repeat: no-repeat;
    float: left;
    height: 90px; }
    @media (min-width: 768px) {
      .main-content ul.nav-tabs li.active {
        width: 24%;
        margin-left: 0.5%;
        margin-right: 0.5%; } }
    @media (min-width: 768px) and (max-width: 992px) {
      .main-content ul.nav-tabs li.active a {
        padding: 0; } }
    @media (max-width: 767px) {
      .main-content ul.nav-tabs li.active {
        width: 49%;
        margin: 0.5%; } }
    .main-content ul.nav-tabs li.active a, .main-content ul.nav-tabs li.active a:hover {
      background-color: transparent;
      border: 0;
      color: #fff;
      padding-top: 48px;
      margin-right: 0; }
  .main-content ul.nav-tabs li.tabs1.active {
    background-position: center -95px; }
  .main-content ul.nav-tabs li.tabs2.active {
    background-position: center -295px; }
  .main-content ul.nav-tabs li.tabs3.active {
    background-position: center -295px; }
  .main-content ul.nav-tabs li.tabs4.active {
    background-position: center -495px; }
  .main-content ul.nav-tabs li.tabs5.active {
    background-position: center -665px; }

.main-content .panel-group .panel {
  box-shadow: 0 0px 0px transparent;
  border: 0;
  border-radius: 0; }
  .main-content .panel-group .panel .panel-heading {
    background: transparent;
    padding: 0 0 5px 0;
    border: 1px solid #f0f0f0; }
    .main-content .panel-group .panel .panel-heading a {
      display: inline-block;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px; }
    .main-content .panel-group .panel .panel-heading a, .main-content .panel-group .panel .panel-heading a:focus, .main-content .panel-group .panel .panel-heading a:hover {
      text-decoration: none; }
    .main-content .panel-group .panel .panel-heading i {
      position: relative;
      margin-top: -30px; }
  .main-content .panel-group .panel > div.panel-collapse.collapse, .main-content .panel-group .panel > div.panel-collapse.collapsing, .main-content .panel-group .panel > div.panel-collapse.collapse.in {
    background: #f9f9f9;
    border: 1px solid #f0f0f0;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2.4; }

.main-content .noUi-value-horizontal {
  color: #fff; }

.panel-group .panel + .panel {
  margin-top: 10px; }

.frm2-calculator div.tooltip {
  background-color: #f5811e !important; }

.galleria-container {
  background: #2e2e2e !important; }

.galleria-fullscreen, .galleria-play {
  border-right: 1px solid rgba(0, 0, 0, 0.3) !important;
  outline: 1px solid rgba(255, 255, 255, 0.3) !important; }

.galleria-container.notouch .galleria-thumblink:hover,
.galleria-container.touch .galleria-thumblink:active,
.galleria-thumblink.open,
.galleria-container.notouch .galleria-fullscreen:hover,
.galleria-container.touch .galleria-fullscreen:active,
.galleria-container.notouch .galleria-play:hover,
.galleria-container.touch .galleria-play:active,
.galleria-container.notouch .galleria-popout:hover,
.galleria-container.touch .galleria-popout:active {
  background-color: #e5e5e5 !important; }

.galleria-info-description {
  margin: 10px 14px 10px !important;
  display: none; }

.finance-application-class {
  background: url("../../Content/images/img_per_week.png") top right no-repeat;
  width: 100%;
  line-height: 29px;
  padding-bottom: 5px;
  float: right;
  position: absolute;
  margin: -230px 0px 0px -10px;
  text-align: right;
  padding-right: 30px;
  color: #fff;
  font-size: 22px;
  z-index: 9; }

.cbx-filter {
  display: none !important; }

.filter-top-year ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px; }
  .filter-top-year ul li {
    display: inline-block;
    font-family: "Cheddar", sans-serif;
    font-size: 26px;
    padding: 8px 35px 12px 35px;
    border-bottom: 1px solid #fff; }
    .filter-top-year ul li.active {
      padding: 8px 35px;
      background: #fff;
      border-bottom: 5px solid #f5811e; }
      .filter-top-year ul li.active a {
        color: #030304; }

.btn-link-2, .btn-link-2:focus {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid #fff;
  font-family: "Cheddar", sans-serif;
  padding: 15px 40px; }
  .btn-link-2:hover, .btn-link-2:focus:hover {
    background: #f5811e !important;
    border: 2px solid #f5811e;
    color: #fff !important; }

.btn-link-3, .btn-link-3:focus {
  background: transparent !important;
  color: #e5e5e5 !important;
  border: 2px solid #e5e5e5;
  font-family: "Cheddar", sans-serif;
  padding: 15px 40px;
  text-transform: uppercase; }
  .btn-link-3:hover, .btn-link-3:focus:hover {
    color: #f5811e !important;
    border: 2px solid #f5811e;
    background: #fff !important; }

.btn-direction, .btn-direction:focus {
  background: #f5811e;
  color: #fff;
  padding: 13px 20px;
  -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  display: inline-block;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-family: "Cheddar", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  text-decoration: none;
  border: 0; }
  .btn-direction:hover, .btn-direction:focus:hover {
    text-decoration: none;
    background: #f5631e;
    color: #fff; }

.model-page {
  margin-top: 40px;
  margin-bottom: 40px; }
  .model-page .owl-carousel .owl-nav {
    padding: 15px 0 0; }
    .model-page .owl-carousel .owl-nav .owl-prev, .model-page .owl-carousel .owl-nav .owl-next {
      padding: 0;
      margin-top: 0 !important;
      width: 50px;
      height: 50px;
      text-indent: -9999px; }
    .model-page .owl-carousel .owl-nav .owl-prev {
      float: left;
      margin-left: -60px !important;
      background: url("../../Content/images/left2-icon.png") no-repeat !important; }
    .model-page .owl-carousel .owl-nav .owl-next {
      float: right;
      margin-right: -60px !important;
      background: url("../../Content/images/right2-icon.png") no-repeat !important; }
    @media (max-width: 1500px) {
      .model-page .owl-carousel .owl-nav {
        display: none; } }
  .model-page .owl-dots .owl-dot span {
    width: 30px !important; }
  .model-page .owl-dots .owl-dot.active span, .model-page .owl-dots .owl-dot:hover span {
    background: #f5811e !important; }
  .model-page .tab-content {
    margin-top: 30px; }
  .model-page .model-item-class {
    margin-top: 30px; }
    .model-page .model-item-class .owl-item.active {
      border-bottom: 5px solid #e5e5e5; }
      .model-page .model-item-class .owl-item.active.current {
        border-bottom: 5px solid #f5811e; }
    .model-page .model-item-class .model-item-box .model-box-resize {
      border: 1px solid rgba(0, 0, 0, 0.05);
      width: 100%;
      padding-top: 79%;
      /* 1:1 Aspect Ratio */
      position: relative; }
      .model-page .model-item-class .model-item-box .model-box-resize > .model-resize {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #fff; }
        .model-page .model-item-class .model-item-box .model-box-resize > .model-resize > img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          overflow: hidden; }
    .model-page .model-item-class .model-item-box h3 {
      font-size: 18px;
      margin-bottom: 15px;
      margin-top: 30px;
      height: 40px; }
    .model-page .model-item-class .model-item-box .displacement-class img {
      width: 24px;
      float: left;
      margin-right: 10px; }
  .model-page .model-box-main {
    color: #fff; }
    @media (min-width: 768px) {
      .model-page .model-box-main {
        background: linear-gradient(to left, #030304 50.1%, #fff 50%); } }
    @media (max-width: 767px) {
      .model-page .model-box-main {
        background: #171717; } }
    .model-page .model-box-main .model-box-resize {
      background: #fff; }
      @media (min-width: 1140px) {
        .model-page .model-box-main .model-box-resize img {
          /*height: 425px;
                    width:auto;*/ } }
    .model-page .model-box-main .model-content {
      padding: 40px 30px 30px 30px; }
      .model-page .model-box-main .model-content h3 {
        margin-top: 0;
        text-transform: uppercase; }
      .model-page .model-box-main .model-content .title-model {
        margin-top: -5px;
        margin-bottom: 15px; }
      .model-page .model-box-main .model-content ul {
        padding-left: 0;
        list-style: none;
        display: inline-block; }
        .model-page .model-box-main .model-content ul li {
          margin-bottom: 10px;
          padding-bottom: 5px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
      .model-page .model-box-main .model-content .btn-model a {
        display: inline-block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        outline: none;
        background: transparent;
        font-family: "Cheddar", sans-serif;
        border: 2px solid #fff;
        color: #fff;
        border-radius: 0px;
        padding: 12px 26px;
        font-size: 20px;
        text-decoration: none; }
        .model-page .model-box-main .model-content .btn-model a:hover {
          background: #f5811e;
          color: #fff !important;
          border: 2px solid #f5811e;
          box-shadow: inset 0 0px 0px transparent;
          text-decoration: none; }
  .model-page .model-group {
    padding-top: 30px; }
    .model-page .model-group .model-title {
      height: 110px; }
      .model-page .model-group .model-title h3 {
        font-size: 48px;
        line-height: 65px;
        text-transform: uppercase;
        color: #000;
        z-index: 9;
        position: relative; }
      .model-page .model-group .model-title span {
        opacity: 0.31;
        color: #2e2e2e;
        font-size: 65px;
        font-weight: bold;
        line-height: 0px;
        margin-top: -15px;
        margin-left: 65px;
        position: absolute;
        text-transform: uppercase; }
    .model-page .model-group .model-list-box {
      width: 100%;
      display: inline-block;
      text-decoration: none; }
      .model-page .model-group .model-list-box a, .model-page .model-group .model-list-box a:focus {
        display: inline-block;
        width: 100%; }
      .model-page .model-group .model-list-box h4 {
        color: #000;
        font-family: "Cheddar", sans-serif;
        text-transform: uppercase;
        margin-top: 15px;
        height: 60px;
        margin-bottom: 0; }
        @media (min-width: 501px) {
          .model-page .model-group .model-list-box h4 {
            font-size: 23px;
            line-height: 28px; } }
        @media (max-width: 500px) {
          .model-page .model-group .model-list-box h4 {
            font-size: 16px;
            line-height: 22px; } }
      .model-page .model-group .model-list-box p.title-class {
        color: #e5e5e5;
        font-size: 15px;
        line-height: 20px;
        display: -webkit-box;
        height: 40px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 5px; }
      .model-page .model-group .model-list-box span {
        color: #2e2e2e;
        font-size: 11px;
        line-height: 16px;
        height: 50px; }
      .model-page .model-group .model-list-box .model-box {
        border-bottom: 4px solid #ebebeb;
        margin-bottom: 30px; }
        .model-page .model-group .model-list-box .model-box .btn-link-1 {
          display: inline-block;
          margin-top: 5px;
          margin-bottom: 15px; }
        .model-page .model-group .model-list-box .model-box:hover {
          border-bottom: 4px solid #f5811e; }
  .model-page .menu-left-model.fixed-model-left {
    display: inline-block !important;
    visibility: inherit !important;
    position: fixed;
    top: 200px;
    z-index: 9;
    text-transform: uppercase;
    background: #ebebeb;
    font-family: "Cheddar", sans-serif; }
    .model-page .menu-left-model.fixed-model-left ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0; }
      .model-page .menu-left-model.fixed-model-left ul li a, .model-page .menu-left-model.fixed-model-left ul li a:focus {
        font-weight: normal;
        color: #000;
        padding: 10px 15px;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #fff; }
        .model-page .menu-left-model.fixed-model-left ul li a:hover, .model-page .menu-left-model.fixed-model-left ul li a:focus:hover {
          color: #f5811e;
          background: rgba(0, 0, 0, 0.1); }
      .model-page .menu-left-model.fixed-model-left ul li a.active {
        color: #f5811e;
        background: rgba(0, 0, 0, 0.1); }
  .model-page .service-model-class {
    background: #ebebeb;
    margin-top: 50px;
    margin-bottom: -60px;
    padding-top: 50px;
    padding-bottom: 10px; }
    .model-page .service-model-class > div > div {
      margin-bottom: 40px; }
    .model-page .service-model-class h5 {
      font-family: "Cheddar", sans-serif;
      font-size: 22px;
      margin-top: 0;
      margin-bottom: 20px;
      line-height: 1.4; }
    .model-page .service-model-class img {
      height: 90px; }

.bg-grey-dark {
  background: #333333;
  width: 100%;
  position: relative;
  overflow: hidden; }

.bg-1 {
  background: url(/Content/images/banner-pages/banner-bg-1.jpg) center center no-repeat; }

.bg-2 {
  background: url(/Content/images/banner-pages/banner-bg-2.jpg) center center no-repeat; }

.bg-3 {
  background: url(/Content/images/banner-pages/banner-bg-3.jpg) center center no-repeat; }

.bg-4 {
  background: url(/Content/images/banner-pages/banner-bg-4.jpg) center center no-repeat; }

.bg-5 {
  background: url(/Content/images/banner-pages/banner-bg-5.jpg) center center no-repeat; }

.bg-6 {
  background: url(/Content/images/banner-pages/banner-bg-6.jpg) center center no-repeat; }

.bg-7 {
  background: url(/Content/images/banner-pages/banner-bg-7.jpg) center center no-repeat; }

.bg-ATV {
  background: url(/Content/images/banner-service/ATV.jpg) center center no-repeat; }

.bg-FUN {
  background: url(/Content/images/banner-service/FUN.jpg) center center no-repeat; }

.bg-LAMS {
  background: url(/Content/images/banner-service/LAMS.jpg) center center no-repeat; }

.bg-OFF_ROAD {
  background: url(/Content/images/banner-service/OFF_ROAD.jpg) center center no-repeat; }

.bg-ROAD {
  background: url(/Content/images/banner-service/ROAD.jpg) center center no-repeat; }

.bg-SCOOTER {
  background: url(/Content/images/banner-service/SCOOTER.jpg) center center no-repeat; }

.bg-SXS {
  background: url(/Content/images/banner-service/SXS.jpg) center center no-repeat; }

.banner-container {
  height: 282px;
  position: relative; }
  .banner-container h2 {
    position: absolute;
    bottom: 0;
    color: white;
    font-size: 120px;
    margin-bottom: -9px;
    opacity: 0.3;
    right: 0; }

.page-intro {
  background: black; }
  .page-intro h1 {
    color: white;
    margin: 0;
    padding: 20px 0;
    font-size: 26px; }

.mega-title-banner {
  position: absolute;
  bottom: 0;
  z-index: 5;
  left: 53%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 108px;
  opacity: 0.3;
  color: white;
  line-height: 1;
  letter-spacing: 5px; }

.streak {
  position: relative;
  height: 378px;
  overflow: hidden;
  color: #fff;
  text-transform: uppercase;
  padding-right: 100px; }
  .streak h1 {
    line-height: 1.3;
    font-size: 42px; }
  .streak h5 {
    line-height: 1.6;
    font-size: 20px;
    font-family: "Cheddar", sans-serif; }

.shard {
  position: absolute;
  fill: #333333;
  height: 100%; }

.shardRight {
  right: 0;
  left: auto;
  bottom: 0; }

.streak:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.2;
  background-image: url(/Content/images/streak.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.heroBackground {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 376px;
  width: 750px;
  z-index: 0;
  background-size: cover !important;
  background-position: 50% !important; }

.big-paragraph {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 2px;
  padding: 15px 7% 43px 7%; }

.nm-banner .nm-banner-link {
  position: relative;
  z-index: 99;
  margin-top: 10px; }

.nm-banner .tag {
  font-size: 13px;
  color: white;
  line-height: 31px;
  background: #f5811e;
  letter-spacing: 2px;
  padding: 6px 10px;
  text-transform: uppercase; }

.nm-title h1 {
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 30px;
  line-height: 1.4; }

.nm-title .nm-option-tile {
  margin-top: 80px;
  display: inline-block; }
  .nm-title .nm-option-tile a, .nm-title .nm-option-tile a:focus {
    width: 96px;
    margin: 1px;
    display: block;
    float: left;
    height: 90px;
    background: black;
    color: white;
    font-family: "NovaSquare-Regular", sans-serif;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.1;
    -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
    transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3); }
    .nm-title .nm-option-tile a:hover, .nm-title .nm-option-tile a:focus:hover {
      background: #f5811e;
      text-decoration: none; }
    .nm-title .nm-option-tile a i, .nm-title .nm-option-tile a:focus i {
      margin-bottom: 6px;
      margin-top: 9px;
      width: 31px;
      height: 21px;
      display: inline-block; }
      .nm-title .nm-option-tile a i.book-icon, .nm-title .nm-option-tile a:focus i.book-icon {
        background: url("../../Content/images/listmodel-icon.png") 0px -42px no-repeat; }
      .nm-title .nm-option-tile a i.finance-icon, .nm-title .nm-option-tile a:focus i.finance-icon {
        background: url("../../Content/images/listmodel-icon.png") 0px 0px no-repeat; }
      .nm-title .nm-option-tile a i.question-icon, .nm-title .nm-option-tile a:focus i.question-icon {
        background: url("../../Content/images/listmodel-icon.png") 0px -21px no-repeat; }
      .nm-title .nm-option-tile a i.gallery-icon, .nm-title .nm-option-tile a:focus i.gallery-icon {
        background: url("../../Content/images/listmodel-icon.png") -31px 0px no-repeat; }
      .nm-title .nm-option-tile a i.specs-icon, .nm-title .nm-option-tile a:focus i.specs-icon {
        background: url("../../Content/images/listmodel-icon.png") -31px -21px no-repeat; }
      .nm-title .nm-option-tile a i.morebikes-icon, .nm-title .nm-option-tile a:focus i.morebikes-icon {
        background: url("../../Content/images/listmodel-icon.png") -31px -42px no-repeat; }
  .nm-title .nm-option-tile .tooltip {
    display: none !important; }

.nm-title .nm-option-tile.fixed-menu-model {
  position: fixed;
  left: 0;
  top: 70px;
  z-index: 9;
  width: 52px; }
  .nm-title .nm-option-tile.fixed-menu-model a, .nm-title .nm-option-tile.fixed-menu-model a:focus {
    width: 42px;
    height: 42px;
    padding: 2px 0px;
    overflow: hidden; }
    .nm-title .nm-option-tile.fixed-menu-model a img, .nm-title .nm-option-tile.fixed-menu-model a:focus img {
      margin-bottom: 10px; }
    .nm-title .nm-option-tile.fixed-menu-model a span, .nm-title .nm-option-tile.fixed-menu-model a:focus span {
      display: none; }
  .nm-title .nm-option-tile.fixed-menu-model .tooltip {
    background: transparent !important;
    width: 110px;
    font-size: 11px;
    display: inline-block !important; }
  @media (max-width: 767px) {
    .nm-title .nm-option-tile.fixed-menu-model {
      display: none !important; } }

.nm-gallery {
  padding-top: 50px; }
  .nm-gallery .mega-title-gallery {
    font-size: 84px;
    color: #ebebeb;
    line-height: 1;
    letter-spacing: 10px; }
  @media only screen and (min-width: 993px) {
    .nm-gallery .mega-title-gallery {
      font-size: 200px;
      color: #ebebeb;
      line-height: 1;
      letter-spacing: 10px;
      margin-bottom: -95px;
      font-family: "Cheddar", sans-serif; } }
  .nm-gallery h4 {
    font-family: "Cheddar", sans-serif;
    font-size: 24px;
    margin-bottom: 20px; }
  .nm-gallery .owl-carousel .owl-nav .owl-prev, .nm-gallery .owl-carousel .owl-nav .owl-next {
    margin-top: -14% !important; }
  .nm-gallery .owl-dots {
    margin-top: 20px; }
  .nm-gallery .owl-nav {
    display: none; }
  .nm-gallery .owl-dots .owl-dot span {
    width: 30px !important; }
  .nm-gallery .owl-dots .owl-dot.active span, .nm-gallery .owl-dots .owl-dot:hover span {
    background: #f5811e !important; }

.nm-specs {
  padding-top: 50px;
  margin-bottom: 40px; }
  .nm-specs table {
    background: #2e2e2e; }
    .nm-specs table > tbody > tr:nth-of-type(odd) {
      background: #333333; }

.nm-features {
  padding-top: 70px;
  padding-bottom: 70px; }
  .nm-features .mega-title-features {
    font-size: 84px;
    color: #ebebeb;
    line-height: 1;
    letter-spacing: 10px; }
  @media only screen and (min-width: 992px) {
    .nm-features .mega-title-features {
      font-size: 164px;
      color: #ebebeb;
      line-height: 1;
      letter-spacing: 10px;
      margin-bottom: -44px; } }
  .nm-features h5 {
    font-family: "Cheddar", sans-serif;
    font-size: 24px;
    text-transform: uppercase; }

.bookatestride-class, .question-class, .finance-class {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 40px;
  margin-bottom: -30px;
  background: rgba(51, 51, 51, 0.6); }
  .bookatestride-class .bg-grey-dark, .question-class .bg-grey-dark, .finance-class .bg-grey-dark {
    color: #fff !important;
    background: transparent; }
    .bookatestride-class .bg-grey-dark h3, .question-class .bg-grey-dark h3, .finance-class .bg-grey-dark h3 {
      font-size: 30px;
      text-transform: uppercase;
      margin-top: 0; }
    .bookatestride-class .bg-grey-dark p, .question-class .bg-grey-dark p, .finance-class .bg-grey-dark p {
      font-size: 18px; }
    .bookatestride-class .bg-grey-dark .noUi-value-horizontal, .question-class .bg-grey-dark .noUi-value-horizontal, .finance-class .bg-grey-dark .noUi-value-horizontal {
      color: #fff !important; }

.form-control {
  border-radius: 0;
  padding: 10px 12px; }

/*input.form-control, select.form-control {
    height: 50px;
}*/
.disc {
  padding-right: 75px; }

div.tooltip {
  background-color: #f5811e !important; }

.nav-tabs {
  border-bottom: 1px solid #e5e5e5; }
  .nav-tabs > li > a {
    font-weight: 500;
    margin-right: 10px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-bottom: 5px solid transparent;
    border-radius: 0;
    font-size: 20px;
    line-height: 46px;
    font-family: "Cheddar", sans-serif;
    text-transform: uppercase;
    border-radius: 0;
    color: #e5e5e5;
    letter-spacing: 2px;
    -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
    transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
    border-color: transparent; }
    .nav-tabs > li > a:hover {
      background: none;
      border-color: transparent;
      -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
      transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
      color: #e5e5e5; }
  @media (max-width: 500px) {
    .nav-tabs {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .nav-tabs > li > a {
        line-height: normal;
        font-size: 16px;
        margin-right: 10px; } }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #030304;
  -webkit-transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  transition: all 0.2s cubic-bezier(0.53, 1, 0.53, 1.3);
  cursor: default;
  border-color: transparent;
  border-bottom: 5px solid #f5811e;
  font-weight: 500; }

.table-striped > tbody > tr th {
  width: 25%; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 16px 5%;
  line-height: 1;
  vertical-align: top;
  border-top: none;
  font-size: 17px;
  text-transform: uppercase; }

.displacement-class {
  display: flex; }
  .displacement-class .svg path {
    fill: #fff; }
  .displacement-class svg {
    margin-right: 10px; }

.cl-lam {
  font-family: "NovaSquare-Regular", sans-serif;
  font-weight: bold;
  font-size: 22px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 40px; }
  .cl-lam i {
    width: 67px;
    height: 67px;
    background: url("../../Content/images/LAMS.png") 0px 0px no-repeat;
    float: left;
    margin-right: 20px; }
  .cl-lam span {
    padding-top: 16px;
    float: left;
    width: calc(100% - 87px); }

.customspecial-class {
  background: #ebebeb;
  padding: 20px 30px 10px 30px;
  margin-top: 30px; }
  .customspecial-class .price {
    float: left; }
    .customspecial-class .price h4 {
      font-size: 46px;
      line-height: 54px;
      font-weight: bold; }
    .customspecial-class .price p {
      font-weight: bold;
      font-size: 14px;
      line-height: 16px;
      text-transform: uppercase; }
  .customspecial-class .cl-cashback {
    float: right;
    width: 107px;
    height: 107px;
    background: url("../../Content/images/Cashback-logo.png") 0px 0px no-repeat;
    text-indent: -9999px; }
  .customspecial-class .btn-link {
    background: #e5e5e5;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    margin: 20px 0;
    padding: 15px;
    cursor: pointer; }
    .customspecial-class .btn-link:hover {
      background: #f5811e;
      cursor: pointer;
      text-decoration: none; }

.model-box-main .cl-lam {
  font-size: 16px;
  line-height: 19px; }
  .model-box-main .cl-lam i {
    width: 51px;
    height: 51px;
    background-size: contain;
    margin-right: 20px; }
  .model-box-main .cl-lam span {
    padding-top: 6px; }

.model-box-main .cl-price-info {
  background: #CA0000;
  display: inline-block;
  padding: 10px 15px;
  margin-top: 20px; }
  .model-box-main .cl-price-info h4 {
    font-size: 30px;
    line-height: 35px;
    margin-top: 5px; }
  .model-box-main .cl-price-info span {
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: bold; }

.model-box-main .cl-cashback i {
  float: left;
  width: 83px;
  height: 83px;
  background: url("../../Content/images/Cashback-logo.png") 0px 0px no-repeat;
  background-size: contain;
  text-indent: -9999px;
  margin-right: 0px; }

.model-box-main .cl-cashback span {
  padding-top: 30px;
  float: left;
  width: calc(100% - 83px);
  text-transform: uppercase;
  font-weight: bold; }

.cbx-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 25px; }
  @media (min-width: 1400px) {
    .cbx-filter {
      /*float: right;
        position: relative;
        margin-top: -80px;
        margin-right: 0;*/ } }
  .cbx-filter label {
    display: flex;
    align-items: center;
    margin: 0 25px 15px 0; }
    .cbx-filter label input {
      margin: 0 15px 0 0; }
    .cbx-filter label span {
      font-size: 14px;
      line-height: 16px;
      text-transform: uppercase;
      max-width: 200px;
      padding-left: 45px; }
  .cbx-filter .cb-learner span {
    background: url("../../Content/images/LAMS-icon.png") no-repeat center left; }
  .cbx-filter .cb-promotions span {
    background: url("../../Content/images/Cashback-icon.png") no-repeat center left; }
  .cbx-filter .checkbox {
    --background: #fff;
    --border: #D1D6EE;
    --border-hover: #BBC1E1;
    --border-active: #1E2235;
    --tick: #fff;
    position: relative; }
    .cbx-filter .checkbox input,
    .cbx-filter .checkbox svg {
      width: 21px;
      height: 21px;
      display: block; }
    .cbx-filter .checkbox input {
      -webkit-appearance: none;
      -moz-appearance: none;
      position: relative;
      outline: none;
      background: var(--background);
      border: 2px solid #e5e5e5;
      margin: 0;
      padding: 0;
      cursor: pointer;
      border-radius: 4px;
      transition: box-shadow .3s;
      box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
      outline: none;
      /*&:hover {
                --s: 2px;
                --b: var(--border-hover);
            }*/ }
      .cbx-filter .checkbox input:checked {
        --b: var(--border-active);
        outline: none; }
      .cbx-filter .checkbox input:focus {
        outline: none; }
    .cbx-filter .checkbox input[type=checkbox] {
      margin: 0 15px 0 0;
      position: inherit; }
    .cbx-filter .checkbox svg {
      pointer-events: none;
      fill: none;
      stroke-width: 2px;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke: var(--stroke, var(--border-active));
      position: absolute;
      top: 14px;
      left: 0;
      width: 21px;
      height: 21px;
      transform: scale(var(--scale, 1)) translateZ(0); }
    .cbx-filter .checkbox.path input:checked {
      --s: 2px;
      transition-delay: .4s; }
      .cbx-filter .checkbox.path input:checked + svg {
        --a: 16.1 86.12;
        --o: 102.22; }
    .cbx-filter .checkbox.path svg {
      stroke-dasharray: var(--a, 86.12);
      stroke-dashoffset: var(--o, 86.12);
      transition: stroke-dasharray .6s, stroke-dashoffset .6s; }
    .cbx-filter .checkbox.bounce {
      --stroke: var(--tick); }
      .cbx-filter .checkbox.bounce input:checked {
        --s: 11px; }
        .cbx-filter .checkbox.bounce input:checked + svg {
          animation: bounce .4s linear forwards .2s; }
      .cbx-filter .checkbox.bounce svg {
        --scale: 0; }

@keyframes bounce {
  50% {
    transform: scale(1.2); }
  75% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

.motorbike-view11 {
  margin-top: 20px !important;
  margin-bottom: 30px !important; }
  .motorbike-view11 .inner-page-banners h2 {
    font-size: 46px; }
    .motorbike-view11 .inner-page-banners h2 span {
      color: #f5811e; }
  .motorbike-view11 .content-colour-options {
    margin-bottom: 50px; }
  .motorbike-view11 .nm-content .tabs-nm-content {
    text-align: center;
    padding-left: 0;
    margin-bottom: 30px; }
    .motorbike-view11 .nm-content .tabs-nm-content li {
      display: inline-block;
      text-transform: uppercase;
      font-family: "Cheddar", sans-serif; }
      .motorbike-view11 .nm-content .tabs-nm-content li a, .motorbike-view11 .nm-content .tabs-nm-content li a:hover {
        color: #fff;
        padding: 10px 15px;
        font-size: 20px;
        line-height: 46px;
        display: inline-block;
        letter-spacing: 2px;
        text-decoration: none;
        border-bottom: 5px solid #fff; }
    .motorbike-view11 .nm-content .tabs-nm-content li.active a, .motorbike-view11 .nm-content .tabs-nm-content li.active a:hover {
      background: #fff;
      color: #030304;
      border-bottom: 5px solid #f5811e; }
  .motorbike-view11 .tab-content-title {
    text-align: center; }
    .motorbike-view11 .tab-content-title h2 {
      font-size: 46px; }
  .motorbike-view11 .tab-content-colour-option .price {
    background: rgba(255, 255, 255, 0.1);
    padding: 15px 25px;
    margin-top: 30px;
    font-family: "Cheddar", sans-serif;
    font-size: 32px;
    display: inline-block;
    color: #f5811e; }

.breadcrumb-category, .zippay-banner {
  display: none; }

.new-stock-class {
  margin-top: 50px;
  margin-bottom: 30px; }
  .new-stock-class > .container {
    max-width: 1330px;
    width: 100%; }
  .new-stock-class .filter-left-new-stock .text-search-class {
    display: none; }
  .new-stock-class .filter-left-new-stock h3 {
    font-family: "Cheddar", sans-serif;
    font-weight: 300;
    font-size: 32px;
    text-transform: uppercase;
    color: #f5811e;
    margin-bottom: 25px;
    margin-top: 0; }
  .new-stock-class .filter-left-new-stock .fliter-content .categories-class .categories-container {
    text-transform: uppercase;
    font-weight: bold; }
    .new-stock-class .filter-left-new-stock .fliter-content .categories-class .categories-container > .panel {
      background: transparent; }
    .new-stock-class .filter-left-new-stock .fliter-content .categories-class .categories-container .panel-default {
      border: 0;
      box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
      margin-bottom: 15px;
      background: transparent; }
      .new-stock-class .filter-left-new-stock .fliter-content .categories-class .categories-container .panel-default.active > .panel-heading {
        color: #f5811e;
        border-left: 5px solid #f5811e;
        border-radius: 0;
        padding-left: 10px; }
      .new-stock-class .filter-left-new-stock .fliter-content .categories-class .categories-container .panel-default .panel-heading {
        padding: 0;
        background: transparent;
        cursor: pointer;
        font-weight: bold;
        color: #fff; }
        .new-stock-class .filter-left-new-stock .fliter-content .categories-class .categories-container .panel-default .panel-heading:hover {
          color: #f5811e; }
      .new-stock-class .filter-left-new-stock .fliter-content .categories-class .categories-container .panel-default .panel-collapse .panel-body {
        border-top: 0;
        padding: 0; }
      .new-stock-class .filter-left-new-stock .fliter-content .categories-class .categories-container .panel-default .panel-collapse.collapse .panel-body {
        padding: 15px 15px 0 15px; }
  .new-stock-class .filter-left-new-stock .brand-filter, .new-stock-class .filter-left-new-stock .price-class {
    text-transform: uppercase;
    color: #f5811e;
    margin-top: 25px; }
    .new-stock-class .filter-left-new-stock .brand-filter h4, .new-stock-class .filter-left-new-stock .price-class h4 {
      font-family: "Cheddar", sans-serif;
      font-size: 24px; }
  .new-stock-class .list-group-class {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 12px;
    text-transform: uppercase; }
    .new-stock-class .list-group-class .view-type {
      display: flex;
      align-items: center; }
      .new-stock-class .list-group-class .view-type span {
        min-width: 80px; }
      .new-stock-class .list-group-class .view-type select {
        text-transform: uppercase;
        width: 220px;
        height: 50px;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
        background: url("../../Content/images/arrow-line.png") no-repeat right center; }
  .new-stock-class .grid-group-item-main .thumbnail .images-box {
    position: relative;
    width: 197px;
    height: 197px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; }
    .new-stock-class .grid-group-item-main .thumbnail .images-box img {
      max-width: 197px;
      max-height: 197px;
      margin: 0 auto; }
  .new-stock-class .grid-group-item-main .thumbnail .caption {
    color: #fff; }
    .new-stock-class .grid-group-item-main .thumbnail .caption h3 {
      display: inline-block;
      height: 45px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 18px;
      line-height: 1.3;
      text-transform: uppercase;
      margin-top: 10px; }
    .new-stock-class .grid-group-item-main .thumbnail .caption .price-class {
      height: 65px; }
      .new-stock-class .grid-group-item-main .thumbnail .caption .price-class .was-price {
        font-size: 15px;
        color: #f5811e;
        margin-bottom: 0px; }
      .new-stock-class .grid-group-item-main .thumbnail .caption .price-class .list-group-item-price {
        color: #f5811e;
        margin-top: 5px; }
    .new-stock-class .grid-group-item-main .thumbnail .caption .item-clearance {
      display: none; }
    .new-stock-class .grid-group-item-main .thumbnail .caption .btn-class {
      margin-top: 5px; }
      .new-stock-class .grid-group-item-main .thumbnail .caption .btn-class .addCart-icon-class {
        background: url("../../Content/images/svg/cart.svg") no-repeat right center;
        height: 39px;
        width: 39px;
        text-indent: -9999px;
        position: absolute;
        margin-top: -65px;
        margin-right: 50px;
        right: -20px;
        cursor: pointer; }
      .new-stock-class .grid-group-item-main .thumbnail .caption .btn-class .btn-link {
        background: #f5811e;
        border: 1px solid #f5811e;
        color: #fff;
        width: 100%; }
        .new-stock-class .grid-group-item-main .thumbnail .caption .btn-class .btn-link:hover {
          background: #171717;
          color: #f5811e;
          border: 1px solid #f5811e;
          text-decoration: none; }
  .new-stock-class ul.pagination {
    margin-top: 0; }
    .new-stock-class ul.pagination li a {
      color: #050505;
      background-color: #F4F4F4;
      border-radius: 0;
      float: left;
      padding: 13px 20px;
      border: none;
      text-transform: uppercase;
      margin: 9px;
      font-size: 17px;
      font-weight: 700; }
      .new-stock-class ul.pagination li a:hover {
        background-color: #2e2e2e;
        color: #fff; }
    .new-stock-class ul.pagination li.active a {
      background-color: #2e2e2e;
      color: #fff;
      border-radius: 0;
      float: left;
      padding: 13px 20px;
      border: none;
      margin: 9px;
      font-size: 17px;
      font-weight: 700; }

.breadcrumb-category {
  margin-top: 30px;
  text-transform: uppercase; }

.container-detailview10 {
  margin-top: 50px;
  margin-bottom: 40px; }
  .container-detailview10 .similar-item {
    text-align: center; }
  .container-detailview10 > .container {
    width: 100%;
    max-width: 1330px; }
  .container-detailview10 .product-title .cl_search_results {
    margin-bottom: 20px;
    display: inline-block; }
    .container-detailview10 .product-title .cl_search_results a, .container-detailview10 .product-title .cl_search_results a:focus {
      background: #f5811e;
      color: #fff;
      padding: 10px 15px; }
      .container-detailview10 .product-title .cl_search_results a:hover, .container-detailview10 .product-title .cl_search_results a:focus:hover {
        text-decoration: none;
        background: #f5811e; }
  .container-detailview10 .product-title h2 {
    margin-top: 0;
    font-size: 24px;
    text-transform: uppercase; }
  .container-detailview10 .product-title .part-number {
    font-size: 14px;
    text-transform: uppercase; }
  .container-detailview10 .product-title .product-shoppingcart {
    display: flex;
    align-items: center; }
    .container-detailview10 .product-title .product-shoppingcart .quantity-list {
      padding: 9px 70px 9px 25px;
      margin-right: 20px;
      -webkit-appearance: none;
      -moz-appearance: none;
      text-indent: 1px;
      text-overflow: '';
      background: url("../../Content/images/arrow-line.png") no-repeat right center; }
    .container-detailview10 .product-title .product-shoppingcart .addCart {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 8px;
      max-width: 150px;
      background: #f5811e;
      color: #fff; }
      .container-detailview10 .product-title .product-shoppingcart .addCart span {
        font-size: 23px;
        margin-right: 10px;
        line-height: 1; }
      .container-detailview10 .product-title .product-shoppingcart .addCart:hover {
        text-decoration: none;
        cursor: pointer;
        color: #fff;
        background: #f5811e; }
  .container-detailview10 .product-title .detail-item {
    margin: 20px 0 60px; }
    .container-detailview10 .product-title .detail-item .product-image img {
      margin: 0 auto; }
    .container-detailview10 .product-title .detail-item .lSGallery li {
      border: 1px solid #e5e5e5;
      border-radius: 0 !important;
      text-align: center; }
      .container-detailview10 .product-title .detail-item .lSGallery li:hover {
        border: 1px solid #f5811e;
        border-radius: 0; }
      .container-detailview10 .product-title .detail-item .lSGallery li a {
        text-align: center;
        position: relative;
        height: 100px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto; }
        .container-detailview10 .product-title .detail-item .lSGallery li a img {
          max-height: 100px;
          margin: 0 auto; }
  .container-detailview10 .product-title .product-price span {
    font-weight: 300;
    font-size: 30px;
    text-transform: uppercase;
    color: #f5811e; }
  .container-detailview10 .product-title .product-price .was-price {
    color: #f5811e;
    text-decoration: line-through;
    margin-bottom: 0;
    font-size: 25px;
    display: block; }
  .container-detailview10 .product-title .product-price .active-class {
    font-size: 50px !important; }
  .container-detailview10 .product-title hr {
    margin-top: 0px;
    margin-bottom: 10px; }
  .container-detailview10 .list-detail .section {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0; }
    .container-detailview10 .list-detail .section li {
      list-style-type: none; }
      .container-detailview10 .list-detail .section li a, .container-detailview10 .list-detail .section li a:focus {
        display: block;
        border: 1px solid #2e2e2e;
        background-color: #e5e5e5;
        font-weight: 300;
        font-size: 19px;
        text-transform: uppercase;
        color: #f5811e;
        padding: 16px 35px;
        text-decoration: none; }
        .container-detailview10 .list-detail .section li a:hover, .container-detailview10 .list-detail .section li a:focus:hover {
          text-decoration: none;
          background-color: #f5811e;
          color: #fff; }
        @media (max-width: 768px) {
          .container-detailview10 .list-detail .section li a, .container-detailview10 .list-detail .section li a:focus {
            width: 270px;
            text-align: center; } }
    .container-detailview10 .list-detail .section .active a, .container-detailview10 .list-detail .section .active a:focus, .container-detailview10 .list-detail .section .active a:hover {
      background-color: #f5811e;
      color: #fff; }
  .container-detailview10 .list-detail .tab-content {
    padding: 30px;
    border: 1px solid #2e2e2e; }
    .container-detailview10 .list-detail .tab-content .content-detail.leave-review > div input, .container-detailview10 .list-detail .tab-content .content-detail.leave-review > div textarea {
      border-radius: 0;
      border: 1px solid rgba(0, 0, 0, 0.25);
      width: calc(100% - 200px); }
    .container-detailview10 .list-detail .tab-content .content-detail.leave-review > div button.btn.btn-primary {
      margin-left: 200px;
      background: #f5811e;
      border: 2px solid #f5811e;
      color: #fff !important;
      padding: 8px 20px;
      border-radius: 0;
      font-size: 14px;
      margin-top: 0;
      text-transform: uppercase; }
      .container-detailview10 .list-detail .tab-content .content-detail.leave-review > div button.btn.btn-primary:hover {
        border: 2px solid #f5811e;
        background: #f5811e;
        color: #fff !important;
        text-decoration: none; }
    .container-detailview10 .list-detail .tab-content .content-detail.leave-review > div > div {
      margin-bottom: 10px; }
      .container-detailview10 .list-detail .tab-content .content-detail.leave-review > div > div label {
        float: left;
        width: 180px;
        text-align: right;
        margin-right: 20px; }
    .container-detailview10 .list-detail .tab-content .content-detail.leave-review .prd-rating a.button {
      display: none; }
    .container-detailview10 .list-detail .tab-content .content-detail.leave-review .prd-rating a.button.star-button {
      display: initial; }
      .container-detailview10 .list-detail .tab-content .content-detail.leave-review .prd-rating a.button.star-button.star-on .material-icons {
        color: #f5811e; }
      .container-detailview10 .list-detail .tab-content .content-detail.leave-review .prd-rating a.button.star-button:hover {
        text-decoration: none; }
        .container-detailview10 .list-detail .tab-content .content-detail.leave-review .prd-rating a.button.star-button:hover i.material-icons {
          color: #f5811e; }
    .container-detailview10 .list-detail .tab-content .content-detail.leave-review .u-recaptcha {
      margin-left: 200px; }
      .container-detailview10 .list-detail .tab-content .content-detail.leave-review .u-recaptcha input {
        width: 100%; }
    .container-detailview10 .list-detail .tab-content .content-detail.leave-review .g-recaptcha {
      margin-left: 200px; }

.item-zippay {
  margin-bottom: 20px; }
  .item-zippay a, .item-zippay a:focus {
    text-decoration: none;
    font-size: 16px;
    color: #fff; }
    .item-zippay a img, .item-zippay a:focus img {
      width: 60px; }
    .item-zippay a:hover, .item-zippay a:focus:hover {
      color: #f5811e;
      text-decoration: none; }

.list-group-item-main .thumbnail {
  background: #171717;
  border: 1px solid #2e2e2e;
  border-radius: 0; }

.similar-item .title {
  font-weight: 300;
  font-size: 30px;
  text-transform: uppercase;
  color: #f5811e;
  margin: 30px 0; }

.similar-item .list-group-item-main .thumbnail {
  display: inline-block;
  width: 100%;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: none; }
  .similar-item .list-group-item-main .thumbnail .images-box {
    text-align: center;
    position: relative;
    width: 140px;
    height: 140px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; }
    .similar-item .list-group-item-main .thumbnail .images-box img {
      max-width: 140px;
      max-height: 140px;
      margin: 0 auto; }
  .similar-item .list-group-item-main .thumbnail .caption {
    color: #fff; }
    .similar-item .list-group-item-main .thumbnail .caption .list-group-item-title {
      font-size: 15px;
      line-height: 1.3;
      margin-top: 0; }
    .similar-item .list-group-item-main .thumbnail .caption .product-price {
      color: #f5811e;
      margin-bottom: 15px;
      font-size: 20px; }
      .similar-item .list-group-item-main .thumbnail .caption .product-price .was-price {
        width: 100%;
        display: inline-block;
        font-size: 14px;
        text-decoration: line-through;
        color: #f5811e;
        font-weight: bold;
        margin-bottom: 0; }
    .similar-item .list-group-item-main .thumbnail .caption .list-group-item-number {
      font-size: 12px;
      line-height: 14px;
      color: #fff; }
    .similar-item .list-group-item-main .thumbnail .caption .list-group-was-price {
      color: red;
      margin-bottom: 5px;
      font-size: 15px;
      text-decoration: line-through; }
    .similar-item .list-group-item-main .thumbnail .caption .list-group-item-text {
      display: none; }
  .similar-item .list-group-item-main .thumbnail:hover {
    box-shadow: 0 0 6px 2px rgba(229, 229, 229, 0.2); }

.similar-item .list-group-item-main .btn-class {
  display: inline-block;
  width: 100%; }
  .similar-item .list-group-item-main .btn-class a.btn-link, .similar-item .list-group-item-main .btn-class a.btn-link:focus {
    text-align: center;
    padding: 8px 15px;
    margin-bottom: 10px;
    font-size: 16px;
    text-decoration: none;
    display: block;
    border: 2px solid #f5811e;
    color: #fff;
    background: #f5811e;
    float: none; }
  .similar-item .list-group-item-main .btn-class a.btn-link:hover {
    border: 2px solid #f5811e;
    color: #f5811e;
    background: #171717;
    text-decoration: none; }
  .similar-item .list-group-item-main .btn-class .addCart-icon-class {
    background: url("../../Content/images/svg/cart.svg") no-repeat right center;
    height: 39px;
    width: 39px;
    text-indent: -9999px;
    position: absolute;
    margin-top: -95px;
    margin-right: 50px;
    right: -20px;
    cursor: pointer; }
  .similar-item .list-group-item-main .btn-class .btn-link {
    border: 1px solid #f5811e;
    width: 100%; }
    .similar-item .list-group-item-main .btn-class .btn-link:hover {
      background: #f5811e;
      color: #fff;
      text-decoration: none; }

.zippay-banner {
  display: none; }

.svg-size svg {
  width: 60px; }

a.btn-colorGreen3, a.btn-colorGreen3:focus, .btn-colorGreen2, .btn-colorGreen2:focus {
  background: #f5811e;
  border: 2px solid #f5811e;
  color: #fff !important;
  padding: 11px 20px;
  border-radius: 0;
  text-transform: uppercase; }
  a.btn-colorGreen3:hover, a.btn-colorGreen3:focus:hover, .btn-colorGreen2:hover, .btn-colorGreen2:focus:hover {
    border: 2px solid #f5811e;
    background: #f5811e;
    color: #fff !important;
    text-decoration: none; }

a.btn-colorGreen, a.btn-colorGreen:focus {
  background: #e5e5e5 !important;
  border: 2px solid #f5811e;
  color: #f5811e !important;
  padding: 11px 20px;
  border-radius: 0; }
  a.btn-colorGreen:hover, a.btn-colorGreen:focus:hover {
    border: 2px solid #f5811e;
    background: #f5811e;
    color: #fff !important;
    text-decoration: none; }

a.btn-continue {
  font-size: 20px;
  margin-top: 5px;
  margin-bottom: 20px;
  display: inline-block;
  text-decoration: none;
  color: #f5811e;
  text-transform: uppercase; }
  a.btn-continue span {
    font-size: 28px;
    font-weight: 600;
    padding-right: 10px;
    float: left; }

.prev-step, .prev-step:focus {
  background: #f5811e;
  border: 2px solid #f5811e;
  color: #fff !important;
  padding: 11px 20px;
  border-radius: 0;
  text-transform: uppercase; }
  .prev-step:hover, .prev-step:focus:hover {
    border: 2px solid #f5811e;
    background: #f5811e;
    color: #fff !important;
    text-decoration: none;
    padding: 11px 20px; }

.order-imformation-class .title-order .btn-continue {
  background: #f5811e;
  border: 2px solid #f5811e;
  color: #fff !important;
  padding: 8px 20px;
  border-radius: 0;
  font-size: 14px;
  margin-top: 0;
  text-transform: uppercase; }
  .order-imformation-class .title-order .btn-continue:hover {
    border: 2px solid #f5811e;
    background: #f5811e;
    color: #fff !important;
    text-decoration: none; }

.discount-code-class button.btn-default {
  text-align: center;
  padding: 10px 15px;
  margin-bottom: 10px;
  font-size: 16px;
  text-decoration: none;
  display: block;
  border: 2px solid #f5811e;
  color: #fff;
  background: #f5811e;
  float: none;
  border-radius: 0;
  text-transform: uppercase; }

.btn-frm-login {
  margin-bottom: 30px; }
  .btn-frm-login img {
    margin: 5px; }
  .btn-frm-login h5 {
    font-size: 16px;
    margin-top: 15px; }
    .btn-frm-login h5 a {
      color: #f5811e; }
  .btn-frm-login .btn-login {
    color: #f5811e;
    text-decoration: none;
    font-weight: bold; }
    .btn-frm-login .btn-login:hover {
      color: #f5811e;
      text-decoration: none; }

.view-cart-page {
  margin-top: 50px;
  margin-bottom: 50px; }
  .view-cart-page h1 {
    font-size: 24px;
    margin-top: 0; }

.footer-shopping {
  text-transform: uppercase;
  border-top: 1px solid #eee;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 22px; }
  .footer-shopping > div {
    margin-bottom: 5px; }
  .footer-shopping .subtotal-class .text-left {
    font-size: 24px;
    line-height: 1.4; }
  .footer-shopping .subtotal-class .text-right {
    font-size: 24px; }
  .footer-shopping .delivery-class {
    font-size: 24px; }
  .footer-shopping .total-class {
    font-size: 30px; }
  .footer-shopping .input-form {
    float: left; }
    .footer-shopping .input-form input {
      height: 48px;
      width: 160px;
      margin-right: 10px;
      border-radius: 0; }
    .footer-shopping .input-form span {
      text-transform: uppercase;
      font-size: 18px;
      color: #f5811e; }
  .footer-shopping .discount-code-box > span.text, .footer-shopping .discount-code-box-2 > span.text {
    float: left;
    padding: 15px 0 0 0;
    font-size: 20px; }
  .footer-shopping .discount-class {
    padding: 13px 30px 0 0px;
    text-align: right;
    display: inline-block;
    color: #d60c0f; }
  .footer-shopping .btn-remove {
    font-size: 16px !important;
    padding: 12px 25px; }

.wizard {
  margin: 0px auto; }
  .wizard .tab-content > div {
    display: inline-block;
    width: 100%; }
  .wizard .tab-content h3 span {
    background-color: #f5811e;
    color: #fff;
    margin-right: 10px;
    width: 36px;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px; }
  .wizard .tab-content input.form-control, .wizard .tab-content select.form-control {
    height: 46px;
    border-radius: 0; }
  .wizard .tab-content .payment-class a, .wizard .tab-content .payment-class a:focus {
    color: #000;
    text-decoration: none; }
    .wizard .tab-content .payment-class a:hover, .wizard .tab-content .payment-class a:focus:hover {
      color: #f5811e;
      text-decoration: none; }
  .wizard .tab-content .payment-class .panel-body button.btn-default, .wizard .tab-content .payment-class .panel-body > .btn.btn-default {
    background: #f5811e !important;
    color: #fff !important; }
  .wizard .nav-tabs {
    position: relative;
    margin: 0px auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0; }
  .wizard .tooltip.top .tooltip-inner {
    background-color: #00b900; }
  .wizard .tooltip.top .tooltip-arrow {
    border-top-color: #00b900; }

.wizard > div.wizard-inner {
  position: relative; }

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1; }

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent; }

span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 60px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px; }

span.round-tab i {
  color: #555555; }

.wizard li.active span.round-tab {
  background: #fff;
  border: 2px solid #00b900; }

.wizard li.active span.round-tab i {
  color: #00b900; }

span.round-tab:hover {
  color: #333;
  border: 2px solid #333; }

.wizard .nav-tabs > li {
  width: 25%; }

.wizard li:after {
  content: " ";
  position: absolute;
  left: 43%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #00b900;
  transition: 0.1s ease-in-out; }

.wizard li.active:after {
  content: " ";
  position: absolute;
  left: 43%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #00b900; }

.wizard .nav-tabs > li a {
  width: 70px;
  height: 70px;
  margin: 5px auto 20px auto;
  border-radius: 100%;
  padding: 0; }

.wizard .nav-tabs > li a:hover {
  background: transparent; }

.wizard .tab-pane {
  position: relative;
  padding-top: 40px; }
  .wizard .tab-pane button {
    margin-bottom: 20px; }

.wizard h3 {
  margin-top: 0; }

@media (max-width: 585px) {
  .wizard {
    width: 100%;
    height: auto !important; }
  span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px; }
  .wizard .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px; }
  .wizard li.active:after {
    content: " ";
    position: absolute;
    left: 35%; } }

.ui-notification {
  background: transparent;
  display: inline-block; }

.notification-shoppingcart {
  background: #fff !important;
  border: 2px solid #f5811e;
  border-radius: 5px !important;
  color: #000; }
  .notification-shoppingcart .close-icon {
    position: absolute;
    right: 5px;
    font-size: 20px;
    top: -5px; }
  .notification-shoppingcart a, .notification-shoppingcart a:focus, .notification-shoppingcart a:hover {
    text-decoration: none !important; }
  .notification-shoppingcart .popup-shopping {
    padding: 5px; }
    .notification-shoppingcart .popup-shopping .img-shop {
      width: 90px;
      float: left;
      margin-right: 10px; }
    .notification-shoppingcart .popup-shopping .item-class {
      float: left;
      width: calc(100% - 100px); }
      .notification-shoppingcart .popup-shopping .item-class p {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 4px; }
        .notification-shoppingcart .popup-shopping .item-class p a, .notification-shoppingcart .popup-shopping .item-class p a:focus {
          color: #f5811e;
          font-size: 14px; }
          .notification-shoppingcart .popup-shopping .item-class p a:hover, .notification-shoppingcart .popup-shopping .item-class p a:focus:hover {
            color: #f5811e;
            text-decoration: none; }
  .notification-shoppingcart:hover {
    opacity: 1 !important;
    border: 2px solid #f5811e; }

.icon-header {
  margin: 0px 0 0 10px;
  padding: 4px 0 0 0;
  line-height: 1.4;
  float: right;
  background: #f5811e;
  /*@media (max-width:519px) {
        margin-top: 95px;
        position: absolute;
        right: 10px;
    }*/
  /*@media(max-width:465px) {
        margin-top: -165px;
    }*/ }
  .icon-header a, .icon-header a:focus {
    cursor: pointer;
    text-decoration: none !important;
    display: inline-block; }
    .icon-header a span, .icon-header a:focus span {
      color: white;
      text-decoration: none !important;
      float: right;
      margin-left: 0px;
      position: relative;
      margin-top: 15px;
      font-family: "NovaSquare-Regular", sans-serif; }
      .icon-header a span.total-basket, .icon-header a:focus span.total-basket {
        position: absolute;
        margin-top: 26px;
        background: #0e1f3e;
        padding: 1px 7px;
        border-radius: 50%;
        font-weight: normal;
        font-size: 14px;
        margin-left: -25px; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .icon-header a span.total-basket, .icon-header a:focus span.total-basket {
            margin-left: -60px; } }
  .icon-header .shop-class {
    margin-right: 5px; }
    .icon-header .shop-class a.btn-colorGreen, .icon-header .shop-class a.btn-colorGreen:focus {
      background: #f5811e; }
  .icon-header .dropbtn img {
    padding: 10px;
    height: 50px;
    border: none;
    cursor: pointer;
    float: left; }
  .icon-header .shop-class, .icon-header .account-class {
    position: relative;
    display: inline-block; }
  .icon-header .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    text-align: left; }
  .icon-header .shop-class .dropdown-content {
    min-width: 350px;
    margin-left: -296px;
    margin-top: 0px; }
    .icon-header .shop-class .dropdown-content a, .icon-header .shop-class .dropdown-content a:focus {
      width: 50%;
      float: left;
      font-size: 14px;
      padding: 10px;
      border: 1px solid #f5811e; }
      .icon-header .shop-class .dropdown-content a:hover, .icon-header .shop-class .dropdown-content a:focus:hover {
        width: 50%;
        float: left; }
  .icon-header .account-class .dropdown-content {
    min-width: 150px;
    margin-left: -103px; }
  @media (max-width: 767px) {
    .icon-header {
      margin-top: -4px;
      float: right; } }

.dropdown-content-login {
  padding: 0 !important; }

.dropdown-content {
  color: black;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
  /*overflow: scroll;
    height: 150px;*/ }
  .dropdown-content .shopping-row {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    padding-top: 7px;
    padding-bottom: 7px; }
    .dropdown-content .shopping-row .img-shop {
      float: left; }
      .dropdown-content .shopping-row .img-shop img {
        width: 100px;
        margin-right: 15px; }
    .dropdown-content .shopping-row .item-class p {
      font-size: 13px;
      margin: 0 0 5px 0;
      text-transform: uppercase; }
      .dropdown-content .shopping-row .item-class p span {
        color: #ebebeb; }
    .dropdown-content .shopping-row .item-class .stock-number {
      font-size: 12px;
      color: #ebebeb; }
    .dropdown-content .shopping-row .remove-item {
      color: #d60c0f;
      cursor: pointer;
      float: right;
      margin-top: -5px;
      margin-left: 5px; }

.shop-class .totalprice-class {
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%; }
  .shop-class .totalprice-class .pull-left {
    color: #f5811e; }

.shop-class a.btn-link:hover {
  background: #f5811e !important;
  width: 100%; }

.dropdown-content a, .dropdown-content a:focus {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  width: 100%; }
  .dropdown-content a:hover, .dropdown-content a:focus:hover {
    background-color: #f1f1f1;
    color: #f5811e; }

.shop-class:hover .dropdown-content {
  display: block; }

.account-class:hover .dropdown-content {
  display: block; }

.postcode-group.list-group {
  margin-top: -35px; }

span.help-block.with-errors {
  margin-top: -30px; }

.tab-content .product-price {
  font-size: 24px;
  color: #f5811e; }

.shopping-right {
  display: none; }

.deposit-box {
  background: #e3e9eb;
  display: inline-block;
  padding: 20px 30px 30px 30px; }

#BuyNowTab {
  padding-top: 110px; }

.login-class .modal-body {
  padding: 20px; }

.login-class .header-login-popup {
  margin-bottom: 40px; }
  .login-class .header-login-popup span {
    float: left;
    color: #f5811e;
    font-size: 24px;
    margin-right: 15px; }
  .login-class .header-login-popup h2 {
    margin-top: 5px;
    font-size: 24px;
    color: #000; }

.login-class .content-login-popup {
  color: #000; }
  .login-class .content-login-popup h2 {
    font-size: 18px; }
  .login-class .content-login-popup .facebook, .login-class .content-login-popup .google, .login-class .content-login-popup .paypal {
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 5px;
    margin-right: 5px;
    display: inline-block; }
  .login-class .content-login-popup .facebook {
    background-color: #3b5998; }
  .login-class .content-login-popup .google {
    background-color: #d94530; }
  .login-class .content-login-popup .paypal {
    background-color: #179bd7; }
  .login-class .content-login-popup .frm-login .btn-link {
    background: #fff !important; }
    .login-class .content-login-popup .frm-login .btn-link:hover {
      background: #f5811e !important; }

.login-class .or-class {
  font-size: 24px;
  margin-bottom: 10px;
  display: block;
  margin-top: -15px; }

.login-class .form-control {
  border-radius: 0;
  padding: 10px 12px;
  height: 40px; }

.login-class a {
  color: #f5811e; }

.login-class .btn-colorGreen {
  color: #f5811e !important; }
  .login-class .btn-colorGreen:hover {
    color: #fff !important;
    background: #f5811e !important; }

.shopping-class {
  margin-top: 30px;
  margin-bottom: 30px; }

.header-shopping {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #090909; }
  .header-shopping .item-class {
    padding-left: 15px;
    display: none; }

.content-shopping .item-header > div {
  display: inline-block; }
  .content-shopping .item-header > div.item-header-qty {
    width: 60px;
    text-align: center;
    font-weight: bold; }
  .content-shopping .item-header > div.item-header-price {
    width: 130px;
    text-align: right;
    font-weight: bold; }
  .content-shopping .item-header > div.item-header-desc {
    width: calc(100% - 200px); }

.content-shopping .shopping-row {
  border-top: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 15px;
  display: inline-block;
  width: 100%; }
  .content-shopping .shopping-row .pull-left {
    width: calc(100% - 210px) !important;
    margin-right: 10px; }
  .content-shopping .shopping-row .pull-right.item-qty {
    width: 60px !important;
    text-align: center;
    font-weight: bold; }
  .content-shopping .shopping-row .pull-left, .content-shopping .shopping-row .pull-right {
    float: none !important;
    display: inline-block; }
  .content-shopping .shopping-row .pull-right .price {
    margin-right: 0 !important; }
  .content-shopping .shopping-row .number {
    display: flex; }
    .content-shopping .shopping-row .number i {
      font-size: 28px;
      line-height: 1;
      padding: 5px;
      cursor: pointer;
      font-style: normal; }
  .content-shopping .shopping-row .img-shop {
    width: 120px;
    float: left; }
  .content-shopping .shopping-row img {
    padding-left: 10px;
    margin-top: 10px; }
  .content-shopping .shopping-row .delete-icon {
    float: right;
    margin-right: 15px; }
    .content-shopping .shopping-row .delete-icon a {
      font-size: 32px;
      cursor: pointer; }
  .content-shopping .shopping-row .title {
    text-transform: uppercase;
    margin-bottom: 0px; }
  .content-shopping .shopping-row .item-class {
    margin-left: 15px;
    display: inline-block;
    width: calc(100% - 135px); }
  .content-shopping .shopping-row .pull-right .price {
    margin-right: 20px; }
    .content-shopping .shopping-row .pull-right .price span {
      width: 100%;
      display: block;
      font-size: 14px;
      opacity: 0.75; }
  .content-shopping .shopping-row .number {
    float: right;
    line-height: 2.4; }
  .content-shopping .shopping-row .description {
    color: #999;
    font-size: 13px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none; }
  .content-shopping .shopping-row select.form-control {
    max-width: 80px;
    float: right; }
  .content-shopping .shopping-row input.form-control {
    width: 70px;
    float: right;
    height: 38px;
    text-align: right; }
  .content-shopping .shopping-row .price {
    text-align: right; }
    .content-shopping .shopping-row .price.text-danger, .content-shopping .shopping-row .price .text-danger {
      color: #f5811e; }
    @media (min-width: 768px) {
      .content-shopping .shopping-row .price {
        font-size: 24px; } }
  @media (max-width: 767px) {
    .content-shopping .shopping-row select.form-control {
      padding: 6px; }
    .content-shopping .shopping-row .price b, .content-shopping .shopping-row .number b {
      padding-top: 10px;
      display: inline-block; } }
  @media (min-width: 1200px) {
    .content-shopping .shopping-row .pull-left {
      width: calc(100% - 130px); }
    .content-shopping .shopping-row .pull-right {
      width: 130px; } }

.rzslider .rz-pointer {
  background-color: #f5811e !important; }

.rzslider .rz-bubble {
  color: #f5631e !important; }
