﻿a,
a:focus,
button:active,
button:focus {
    text-decoration: none;
}

.divider-shadow,
body {
    margin: 0;
    padding: 0;
    width: 100%;
}

.divider-shadow,
.subscribe-newsletter-bg .form-group:nth-of-type(2) {
    text-align: center;
}

.box-shadow1,
.dropdown-menu {
    -ma-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .4) !important;
}

.banner-wrapper .carousel-caption,
.text-shadow {
    text-shadow: 0 0 2px #000;
    -webkit-text-shadow: 0 0 2px #000;
    -ms-text-shadow: 0 0 2px #000;
}

body {
    color: #fff;
    font-family: latoregular;
    font-size: 15px;
    /*background: url('../images/bg.jpg');*/
    background: #000;
}

a {
    color: #000;
}

    a:active,
    a:hover,
    select,
    select:active,
    select:focus,
    select:hover {
        outline: 0;
        text-decoration: none;
    }

    a:focus {
        outline: 0;
        border: 0;
    }

button:active,
button:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(2, 117, 216, 0) !important;
}

:focus {
    outline: 0;
}

ol,
ul {
    list-style: none;
}

img {
    max-width: 100%;
}

input[type=text],
input[type=email],
input[type=search],
input[type=password],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
}

textarea {
    resize: none;
}

@font-face {
    font-family: 'latolight';
    src: url(../font/lato-light-webfont.eot);
    src: url('../font/lato/lato-light-webfont.eot') format('embedded-opentype'), url('../font/lato/lato-light-webfont.woff') format('woff'), url('../font/lato/lato-light-webfont.ttf') format('truetype'), url('../font/lato/lato-light-webfont.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url(../font/lato-regular-webfont.eot);
    src: url('../font/lato/lato-regular-webfont.eot') format('embedded-opentype'), url('../font/lato/lato-regular-webfont.woff') format('woff'), url('../font/lato/lato-regular-webfont.ttf') format('truetype'), url('../font/lato/lato-regular-webfont.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: bebas_neuebold;
    src: url(../font/bebasneue/bebasneue_bold.woff) format('woff'), url(../font/bebasneue/bebasneue_bold.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: bebas_neueregular;
    src: url(../font/bebasneue/bebasneue_regular.woff) format('woff'), url(../font/bebasneue/bebasneue_regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: icomoon;
    src: url(../font/icomoon/icomoon.ttf?ud6lgd) format('truetype'), url(../font/icomoon/icomoon.woff?ud6lgd) format('woff'), url(../font/icomoon/icomoon.svg?ud6lgd#icomoon) format('svg');
    font-weight: 400;
    font-style: normal;
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
    content: "\e90b";
}

.icon-arrow-up:before {
    content: "\e90c";
}

.icon-arrow-left:before {
    content: "\e900";
}

.icon-arrow-right:before {
    content: "\e901";
}

.icon-facebook:before {
    content: "\e902";
}

.icon-instagram:before {
    content: "\e903";
}

.icon-linkedin:before {
    content: "\e904";
}

.icon-pdf:before {
    content: "\e905";
}

.icon-plus:before {
    content: "\e906";
}

.icon-quote:before {
    content: "\e907";
    color: #f0aa1d;
}

.icon-test-ride:before {
    content: "\e908";
}

.icon-twitter:before {
    content: "\e909";
}

.icon-youtube:before {
    content: "\e90a";
}

.box-shadow {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .6);
}

.box-shadow1 {
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .4) !important;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .4) !important;
}

.bg-hide {
    background: 0 0 !important;
}

.divider-shadow {
    float: left;
    height: 28px;
    background: url(../images/shadow-comingsoon.png) center center no-repeat;
    background-size: contain;
}

@media (min-width:1500px) {
    .container {
        width: 1440px !important;
    }
}

@media (max-width:1100px) {
    .container {
        width: 100% !important;
    }
}

.form-control {
    /*border-radius: 0;
    background: #393939;
    color: #ccc;
    font-size: 16px;
    border: 0 solid #474647;*/
    border-radius: 0;
    background: #393939;
    color: #ccc;
    padding: 12px 15px;
    font-size: 14px !important;
    border: 0 solid #474647;
}

.btn-common,
.btn-common:hover {
    color: #000 !important;
}

.btn-common {
    background-color: #fff;
    border: 0 !important;
    font-family: bebas_neuebold;
    font-size: 19px;
    /*padding: 8px 15px 4px;*/
    padding: 11px 20px 8px;
    cursor: pointer;
}

.form-control:focus {
    color: #ccc;
    background-color: #393939;
    border-color: inherit;
}

.form-group.has-error {
    margin-bottom: 5px;
}

@media (max-width:767px) {
    .form-group.has-error {
        margin-bottom: 10px;
    }
}

.bv-form .help-block {
    margin: 0;
    width: 100%;
    color: #bd0e0e;
}

.error-message,
.success-message {
    width: 100%;
    text-align: center;
    background: #2d8420;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-top: 15px;
    display: none;
}

.error-message {
    background: #db4437;
}

#subscribe-email-form .error-message,
#subscribe-email-form .success-message {
    width: 40%;
    margin: 25px auto 0;
}

.has-success .form-control {
    border-color: transparent;
}

.errorEmail .help-block[data-bv-validator=emailAddress],
.errorEmailSubscribe .help-block[data-bv-validator=emailAddress] {
    display: none !important;
}

.subscribe-newsletter-bg {
    margin: 0;
    padding: 40px 0;
    width: 100%;
    float: left;
    font-family: latoregular;
    font-size: 18px;
    /*color: #dbdbdb;*/
    color: #000;
    background: #dadada;
}

    .subscribe-newsletter-bg h2,
    footer h3 {
        font-family: bebas_neuebold;
    }

    .subscribe-newsletter-bg h3 {
        font-family: bebas_neuebold;
    }

    .subscribe-newsletter-bg a {
        color: #dbdbdb;
        font-weight: 700;
    }

    .subscribe-newsletter-bg .container {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .subscribe-newsletter-bg h2 {
        font-size: 35px;
        color: #dbdbdb;
    }

@media (max-width:767px) {
    .subscribe-newsletter-bg .container {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .subscribe-newsletter-bg h2 {
        font-size: 26px;
    }
}

.subscribe-newsletter-bg label {
    font-size: 14px;
}

.subscribe-newsletter-bg .form-group {
    margin-bottom: 0;
}

    .subscribe-newsletter-bg .form-group span {
        color: #868383;
        font-size: 15px;
    }

.subscribe-newsletter-bg input[type=email] {
    height: 42px;
}

.subscribe-newsletter-bg hr {
    margin-top: 0;
    margin-bottom: 0;
    background: #0e0e0e;
}

.privacy-wrapper,
footer {
    background: #000;
    float: left;
}

@media (max-width:767px) {
    .subscribe-newsletter-bg form {
        flex-direction: column;
    }

        .subscribe-newsletter-bg form .form-group {
            margin-bottom: 20px;
        }
}

footer {
    margin: 0;
    padding: 60px 0;
    width: 100%;
    color: #757575;
    border-bottom: 0px solid #7d8080;
    position: relative;
}

@media (max-width:767px) {
    footer .map-area {
        margin-bottom: 40px;
    }
}

footer .map-area img {
    margin-bottom: 30px;
}

footer .map-area p:nth-of-type(1) {
    padding-top: 0px;
}

footer h3 {
    font-size: 28px;
    color: #bcbdbe;
    text-transform: uppercase;
}

footer .footer-link {
    font-size: 18px;
    font-family: bebas_neueregular;
}

    footer .footer-link ul {
        width: 90%;
        padding: 0;
    }

@media (max-width:991px) {
    footer .footer-link ul {
        width: 90%;
    }
}

footer .footer-link li {
    padding: 10px 0;
    border-bottom: 1px solid #222;
}

    footer .footer-link li:first-child {
        padding-top: 0;
    }

    footer .footer-link li:last-child {
        padding-bottom: 0;
        border-bottom: inherit;
    }

@media (max-width:767px) {
    footer .footer-link li:last-child {
        margin-bottom: 40px;
    }
}

footer .footer-link a {
    color: #757575;
}

    footer .footer-link a:hover {
        color: rgba(255, 255, 255, .7);
    }

footer form {
    margin-top: 12px;
}

    footer form input.form-control {
        height: 30px;
        font-size: 14px;
    }

    footer form textarea {
        font-size: 14px !important;
        height: 50px;
        font-weight: 400;
        color: #ccc !important;
    }

.privacy-wrapper,
.privacy-wrapper a {
    font-size: 14px;
    /*color: #928c8c;*/
    color: #000;
}

.errorAggrement.has-error {
    display: block;
}

.privacy-wrapper {
    margin: 0;
    padding: 22px 0;
    width: 100%;
    font-family: latoregular;
    background: #fff;
    position: relative;
    /*text-transform: uppercase;*/
}

.banner-wrapper .carousel-caption h1,
.bike-infoarea,
.inline-btns,
.navbar-nav li,
.shake-banner .caption-carousel h1 {
    font-family: bebas_neuebold;
}

.privacy-wrapper li {
    padding: 0 6px;
}

@media (max-width:575px) {
    .privacy-wrapper .text-left,
    .privacy-wrapper .text-right {
        text-align: center !important;
    }

    .privacy-wrapper .text-left {
        padding-bottom: 6px !important;
    }
}

.form-control::placeholder {
    color: #959595 !important;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #959595 !important;
    opacity: 1;
}

.custom-select {
    color: #959595 !important;
    background: url(../images/arrow-select.jpg) center right no-repeat #393939 !important;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    border: 1px solid #888c92;
    background-color: transparent;
    background-image: none;
}

.custom-control-indicator {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    border: 1px solid #888c92;
    background-color: transparent;
}

.custom-control-input:checked ~ .custom-control-indicator {
    background-color: #2c2c2c !important;
}

.custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.custom-control-description {
    margin-top: 2px;
    color: #818181 !important;
}

.video-bg {
    color: #000;
}

    .video-bg .modal-dialog {
        max-width: 700px;
    }

    .video-bg iframe {
        width: 100%;
        height: 400px;
        border: 0;
    }

.col-nav {
    float: left;
    width: 20%;
}

@media (max-width:767px) {
    .video-bg iframe {
        height: 300px;
    }

    .col-nav {
        width: 33%;
    }
}

.col-nav1 {
    float: left;
    width: 20%;
}

@media (max-width:767px) {
    .col-nav1 {
        width: 50%;
    }

    .controls {
        opacity: 1 !important;
        top: 45% !important;
    }

    .thmb-wrap {
        display: none;
    }
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .navbar-toggleable-sm .navbar-collapse {
        width: 90% !important;
    }
}

.color-white {
    color: #fff;
}

.navbar-nav li {
    padding: 0 0 0 90px !important;
}

    .navbar-nav li:first-child {
        padding: 0 !important;
    }

@media (min-width:1920px) {
    .navbar-nav li {
        padding: 0 0 0 120px !important;
    }
}

@media (max-width:1100px) {
    .controls {
        opacity: 1 !important;
    }

    .navbar-nav li {
        padding: 0 0 0 35px !important;
    }
}

@media (max-width:990px) {
    .navbar-nav li {
        padding: 0 0 0 20px !important;
    }
}

@media (max-width:767px) {
    .navbar-nav li {
        padding: 0 !important;
    }
}

.navbar-nav .nav-link {
    font-size: 18px;
    padding: 4px !important;
    color: #aaa !important;
}

    .navbar-nav .nav-link:hover,
    .navbar-nav li .nav-link.active {
        color: #d4cc31 !important;
    }

.navbar-nav li.show a.nav-link {
    color: #fff !important;
}

@media (max-width:767px) {
    .navbar-nav .nav-link {
        padding: 10px 0 !important;
        border-bottom: 1px solid #4a4a4a;
    }

    .navbar-nav li:last-child .nav-link {
        border-bottom: 0 solid #d4cc31;
    }
}

.top-menu-bg {
    margin: 10px 0 28px;
    padding: 0;
    float: right;
    width: 100%;
}

@media (max-width:767px) {
    .top-menu-bg {
        background: rgba(0, 0, 0, .3);
        margin: 0;
        padding: 10px 0;
    }
}

.top-menu-bg ul.social-link {
    margin: 0 4px 0 20px;
    padding: 0;
    float: right;
}

@media (max-width:767px) {
    .top-menu-bg ul.social-link {
        margin: 0 auto 12px;
        float: none;
        display: table;
    }
}

.top-menu-bg ul.social-link li {
    margin: 0 0 0 20px;
    padding: 0;
    float: left;
}

@media (max-width:767px) {
    .top-menu-bg ul.social-link li {
        margin: 0 8px;
    }
}

.top-menu-bg ul.social-link li a {
    color: #8c8c8c;
    font-size: 18px;
}

    .top-menu-bg ul.social-link li a:hover {
        color: #c4c4c4;
    }

.top-menu-bg ul.top-menu {
    margin: 0;
    padding: 0;
    float: right;
    width: auto;
}

@media (max-width:767px) {
    .top-menu-bg ul.top-menu {
        margin: 0 auto;
        float: none;
        display: table;
    }
}

.top-menu-bg ul.top-menu li {
    margin: 3px 0 0 7px;
    padding: 0;
    float: left;
    color: #8c8c8c;
    font-size: 12px;
}

@media (max-width:767px) {
    .top-menu-bg ul.top-menu li {
        margin: 0 3px;
    }
}

.sub-nav-video,
a.sub-nav-bg {
    margin: 0;
    text-align: center;
    float: left;
}

/*.top-menu-bg ul.top-menu li a {
    color: #8c8c8c;
}*/

.top-menu-bg ul.top-menu li a {
    /*color: #b3b3b3;
    font-weight: 900;*/
    color: #a5a5a5;
    font-size: 14px;
}

    .top-menu-bg ul.top-menu li a:hover,
    a.sub-nav-bg {
        color: #d4cc31;
    }

    .top-menu-bg ul.top-menu li a.active {
        color: #d4cc31;
    }

a.sub-nav-bg {
    padding: 0 15px 0 0;
    width: 100%;
    background: url(../images/nav-divider.png) right center no-repeat;
    font-size: 18px;
}

    a.sub-nav-bg span {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        position: absolute;
        right: -28px;
        top: 44%;
        width: 100px;
        text-align: center;
    }

@media (max-width:767px) {
    a.sub-nav-bg {
        padding: 0 4px;
        font-size: 16px;
        text-align: center;
    }

        a.sub-nav-bg span {
            position: static;
        }
}

.sub-nav-video {
    padding: 0;
    width: 100%;
}

@media (max-width:767px) {
    .sub-nav-video {
        padding: 0 6px;
    }
}

.about-sub-menu {
    padding: 26px 0 !important;
}

@media (max-width:1100px) {
    .about-sub-menu {
        padding: 15px 0 !important;
    }
}

@media (max-width:767px) {
    .about-sub-menu {
        padding: 0 0 4px !important;
    }

        .about-sub-menu .w-100 {
            margin-bottom: 10px;
        }

        .about-sub-menu .bg-hide1 {
            background: 0 0 !important;
        }
}

.about-sub-menu a.sub-nav-bg {
    padding: 0 20px;
    font-size: 17px;
}

@media (max-width:1100px) {
    .about-sub-menu a.sub-nav-bg {
        padding: 4px 15px;
    }
}

@media (max-width:767px) {
    .about-sub-menu a.sub-nav-bg {
        padding: 4px 10px;
        font-size: 16px;
    }
}

.about-sub-menu a.sub-nav-bg span {
    padding: 11px 0 0;
    position: static;
    width: 100%;
    text-align: center;
    display: block;
    transform: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    line-height: 14px;
}

#navbarCollapse {
    flex-direction: column !important;
}

@media (max-width:767px) {
    #navbarCollapse {
        background: url(../images/bg.jpg);
        margin: 10px 0 0;
        padding: 0 15px;
        border-top: 1px solid #2C2C2C;
    }
}

.navbar {
    padding: 12px 30px;
    /*background: url(../images/bg.jpg);*/
    background: #000;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .6);
}

@media (min-width:1920px) {
    a.sub-nav-bg span {
        right: -18px;
    }

    .navbar {
        padding: 12px 120px;
    }
}

@media (max-width:1100px) {
    .navbar {
        padding: 12px 15px;
    }
}

@media (max-width:767px) {
    .navbar {
        padding: 12px 0;
        position: fixed;
    }
}

.navbar-nav .nav-link,
.navbar-nav li {
    color: #aaa;
}

.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, .2);
    right: 17px;
    top: 35px;
    cursor: pointer;
}

@media (max-width:480px) {
    .navbar-inverse .navbar-toggler {
        right: 15px;
    }
}

.navbar-toggler {
    padding: 7px;
}

.navbar-inverse .navbar-toggler-icon {
    height: 20px;
    width: 30px;
    background: url(../images/menu-toggler-blue.png) center center no-repeat;
}

.dropdown-toggle::after {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    margin-left: 0;
}

.dropdown-menu {
    border: 0;
    background: url(../images/bg.jpg);
    margin: 0;
    padding: 0 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .4) !important;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .4) !important;
}

@media (max-width:1100px) {
    .dropdown-menu {
        padding: 0 5px;
    }
}

.navbar-brand {
    padding-bottom: 0;
    padding-top: 0;
    /*width: 115px;*/
}

@media (max-width:1100px) {
    .navbar-brand {
        width: 90px;
        margin: 0 0 0 15px;
    }
}

@media (max-width:767px) {
    .dropdown-menu {
        padding: 0;
        border-bottom: 1px solid #d4cc31;
    }

    .navbar-nav {
        width: 100%;
    }
}

.call-us .dropdown,
.yamm .collapse,
.yamm .dropdown,
.yamm .dropup,
.yamm .nav {
    position: static;
}

.banner-wrapper,
.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .yamm-content {
    padding: 0;
    width: 100%;
    margin: 0 auto;
}

    .yamm .yamm-content ul {
        margin-bottom: 10px;
    }

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
    border-top: 1px solid #000;
}

    .yamm .dropdown.yamm-fw .dropdown-menu p {
        border-bottom: 1px solid #3e3f40;
        padding: 0 0 10px;
    }

    .yamm .dropdown.yamm-fw .dropdown-menu li {
        margin-bottom: 0;
    }

        .yamm .dropdown.yamm-fw .dropdown-menu li a {
            color: #9e9e9e;
        }

            .yamm .dropdown.yamm-fw .dropdown-menu li a.active,
            .yamm .dropdown.yamm-fw .dropdown-menu li a:hover {
                color: #d4cc31;
            }

.banner-wrapper {
    width: 100%;
    overflow: hidden;
    margin-top: 125px;
}

    .banner-wrapper .carousel-item {
        height: 550px;
    }

@media (min-width:1450px) {
    .banner-wrapper .carousel-item {
        /*height: 730px;*/
        height: calc(100vh - 230px);
    }

    .banner-wrappers .carousel-item {
        /*height: 730px;*/
        height: calc(50vh - 62px);
    }

    .bike-infoarea {
        /*padding: 0px 15px 0 15px;*/
        text-align: center;
        position: relative;
        padding: 20px 0 0px 0;
        /*height: calc(90vh - 62px);*/
    }
}

@media (max-width:1170px) {
    .banner-wrapper .carousel-item {
        height: 460px;
    }
}

@media (max-width:767px) {
    /*.banner-wrapper {
        margin-top: 0;
    }*/

    .banner-wrapper .carousel-item {
        height: 320px;
    }
}

@media (max-width:580px) {
    .banner-wrapper .carousel-item {
        height: 200px;
    }
}

.banner-wrapper .carousel-control-next,
.banner-wrapper .carousel-control-prev {
    width: 20px;
    height: 20px;
    bottom: 50px;
    left: 95px;
    top: inherit;
    font-size: 20px;
    opacity: 1;
}

@media (max-width:991px) {
    .banner-wrapper .carousel-control-next,
    .banner-wrapper .carousel-control-prev {
        bottom: 50px;
        right: 20px;
    }
}

@media (max-width:767px) {
    .banner-wrapper .carousel-control-next,
    .banner-wrapper .carousel-control-prev {
        bottom: 40px;
        right: 15px;
    }
}

.banner-wrapper .carousel-control-next:hover,
.banner-wrapper .carousel-control-prev:hover {
    opacity: .8;
}

.banner-wrapper .carousel-control-prev {
    left: 60px;
    /*left: inherit;*/
    color: #a5a4a5;
}

.banner-wrapper .carousel-caption h1 span,
.banner-wrapper .carousel-control-next {
    color: #d4cc31;
}

@media (max-width:991px) {
    .banner-wrapper .carousel-control-prev {
        right: 50px;
    }
}

.banner-wrapper .carousel-caption {
    top: 50px;
    bottom: inherit;
    right: 90px;
    text-align: right !important;
}

@media (max-width:767px) {
    .banner-wrapper .carousel-control-prev {
        right: 45px;
    }

    .banner-wrapper .carousel-caption {
        top: 0;
        right: 0;
        text-align: left !important;
    }
}

.banner-bikeace .carousel-caption,
.banner-bikemisfit .carousel-caption {
    top: inherit;
    right: inherit;
    left: 5%;
    bottom: 15px;
}

.banner-wrapper .carousel-caption h1 {
    font-size: 36px;
    /*font-size: 45px;*/
    text-shadow: 5px 4px 15px #000;
}

@media (max-width:767px) {
    .banner-wrapper .carousel-caption h1 {
        font-size: 16px;
    }
}

.banner-home01 {
    /*background: url(../images/banner/banner-home2.jpg) center center no-repeat;*/
    background: url(../images/banner/banner-home1.jpg) center bottom no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: -6px 0 0;
}

.banner-home02 {
    background: url(../images/banner/banner-home2.jpg) center center no-repeat;
    /*background: url('../images/banner/banner-bike-misfit.jpg') center center no-repeat;*/
    background-size: cover;
}

.shake-banner .caption-carousel {
    position: absolute;
    right: 15%;
    bottom: 60px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

@media (max-width:991px) {
    .shake-banner .caption-carousel {
        bottom: 0;
    }
}

.shake-banner .caption-carousel h1 {
    font-size: 36px;
}

@media (max-width:767px) {
    .shake-banner .caption-carousel h1 {
        font-size: 16px;
    }
}

.shake-banner .caption-carousel h1 span {
    color: #d4cc31;
}

.banner-bikeace {
    background: url(../images/banner/banner-bikeace.jpg) center top no-repeat;
    background-size: cover;
}

.banner-bikemisfit {
    background: url(../images/banner/banner-bike-misfit.jpg) center top no-repeat;
    background-size: cover;
}

.banner-bikefxr {
    background: url(../images/banner/banner-bikefxr.jpg) center top no-repeat;
    background-size: cover;
}

    .banner-bikefxr .carousel-caption {
        top: inherit;
        bottom: 15px;
        left: 4%;
        right: inherit;
    }

.coming-soon {
    background: url(../images/shadow-comingsoon.png) center bottom no-repeat;
    text-align: center;
    padding: 50px 10px 70px;
}

.inline-btns .modal-content,
.inline-btns li a {
    background: #3e3f40;
}

.coming-soon iframe {
    width: 100%;
    height: 400px;
    border: 0;
}

@media (max-width:640px) {
    .coming-soon {
        padding: 30px 10px 50px;
    }

        .coming-soon iframe {
            height: 280px;
        }
}

.bike-infoarea {
    /*padding: 0px 15px 0 15px;*/
    text-align: center;
    position: relative;
    padding: 20px 0 0px 0;
}

    .bike-infoarea .img-fluid {
        width: 100%;
        padding: 0px 0;
    }

.bike-textarea {
    /*width: 280px;*/
    position: absolute;
    bottom: 40px;
    /*left: 20px;*/
    text-align: left;
}

    .bike-textarea h3 {
        font-size: 30px;
        letter-spacing: 5px;
        margin: 5px 0 37px;
    }

    .bike-textarea h4 {
        font-size: 35px;
    }

        .bike-textarea h4 span {
            color: #a5a4a5;
        }

.inline-btns {
    font-size: 17px;
}

    .inline-btns li {
        display: inline;
        margin: 0 8px 0 0;
    }

        .inline-btns li a {
            padding: 13px 20px;
            color: #fff;
            letter-spacing: .5px;
            display: inline-block;
        }

            .inline-btns li a i {
                margin: 2px 10px 0 0;
                color: #f0aa1d;
                float: left;
            }

                .inline-btns li a i.icon-pdf {
                    font-size: 20px;
                }

    .inline-btns .close {
        color: #fff;
    }

@media (max-width:630px) {
    .inline-btns {
        font-size: 15px;
    }

        .inline-btns li {
            display: inline-block;
            margin: 5px 0 18px;
        }

            .inline-btns li a {
                padding: 11px 20px;
            }
}

.bike-slider {
    padding: 40px 0;
    line-height: 1.8;
}

    .bike-slider .controls .next-button:hover,
    .bike-slider .controls .prev-button:hover {
        opacity: .6;
    }

    .bike-slider .controls .prev-button {
        left: 10px;
        background: url(../images/slider-arrow-prev.png) no-repeat !important;
    }

    .bike-slider .controls .next-button {
        right: 10px;
        background: url(../images/slider-arrow-next.png) no-repeat !important;
    }

        .bike-slider .controls .next-button.inactive,
        .bike-slider .controls .prev-button.inactive {
            opacity: .3;
        }

            .bike-slider .controls .next-button.inactive:hover,
            .bike-slider .controls .prev-button.inactive:hover {
                opacity: .7;
            }

    .bike-slider .gallery-item,
    .bike-slider .thumbnails {
        border: 4px solid #121212;
    }

        .bike-slider .thumbnails > div.active {
            border: 4px solid #575757;
        }

.sliderinfo {
    /*padding: 0 15px;*/
    font-family: latolight;
}

    .bike-gallery h4,
    .dealer-bg h4,
    .experience-head .pulse-head,
    .experience-head h1:first-child,
    .sliderinfo h4,
    .wrapper-about .chairmans-message-text h4,
    .wrapper-about .vision-text,
    .wrapper-about h1,
    .wrapper-form h1 {
        font-family: bebas_neuebold;
    }

@media (max-width:991px) {
    .bike-textarea {
        position: static;
        bottom: 0;
        top: 10px;
        text-align: center;
        width: 100%;
    }

    .sliderinfo {
        padding-top: 30px;
    }
}

.bike-gallery {
    padding: 30px 0 15px;
}

    .bike-gallery div#scrollLinks {
        visibility: visible !important;
    }

    .bike-gallery img {
        max-width: inherit !important;
    }

    .bike-gallery h4 {
        font-size: 40px;
        /*letter-spacing: 5px;*/
        margin-bottom: 30px;
    }

.banner-dealer {
    background: url(../images/banner/banner-dealer-revised.jpg) center top no-repeat;
    background-size: cover;
}

    .banner-dealer .carousel-caption {
        top: inherit;
        bottom: 15px;
        right: inherit;
        left: 5%;
    }

.dealer-bg {
    padding: 85px 0 20px !important;
}

    .dealer-bg h1 {
        margin: 0 0 70px;
    }

        .dealer-bg h1 span {
            color: #d4cc31 !important;
        }

        .dealer-bg h1 img {
            position: absolute;
            /*top: -57px;
            left: 171px;
            width: 280px;*/
            top: -59px;
            left: 45px;
            width: 170px;
            z-index: -1;
        }

@media (max-width:767px) {
    .dealer-bg {
        padding: 40px 0 20px !important;
    }

        .dealer-bg h1 {
            margin: 0 0 30px;
        }

            .dealer-bg h1 img {
                width: 116px;
                bottom: -8px;
                left: 73px;
                top: -22px;
            }
}

.dealer-bg h4 {
    margin-bottom: 40px;
    font-size: 20px;
    color: #858585;
}

    .dealer-bg h4 span {
        color: #d4cc31;
    }

.wrapper-form {
    margin: 0;
    padding: 40px 0;
    width: 100%;
    float: left;
    background: #000;
    color: #6c6c6c;
    position: relative;
}

    .wrapper-form label {
        color: #fff;
        font-size: 16px;
    }

    .wrapper-form h1 {
        color: #d4cc31;
        font-size: 50px;
        text-align: center;
    }

    .wrapper-form h2 {
        color: #a5a4a5;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }

    .wrapper-form hr {
        border-color: #494949;
        margin: 30px 0;
    }

    .wrapper-form .form-group {
        margin-bottom: 10px;
    }

    .wrapper-form .form-control {
        margin-bottom: 4px;
        border-radius: 0;
        font-size: 14px;
        height: 35px !important;
        border: 0 solid #474647;
    }

    .wrapper-form .btn-submit {
        margin-top: 10px;
        background-color: #d4cc31;
        color: #000;
        font-size: 22px;
        padding: 8px 30px 5px;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }

        .wrapper-form .btn-submit:hover {
            color: #000 !important;
        }

    .wrapper-form a {
        color: #6c6c6c;
    }

    .wrapper-form textarea.form-control {
        height: 80px !important;
    }

.common-radio-toggle,
.experienceYearShow,
.others-selected {
    display: none;
}

.add-location,
.rem-loc {
    display: block !important;
    margin-top: 25px !important;
}

.business-potential label,
.edu-qualification label {
    color: #fff;
    font-size: 16px;
}

    .business-potential label .custom-select,
    .edu-qualification label .custom-select {
        color: #fff !important;
    }

/*.common-radio-toggle {
    background: #0c0c0c;
    padding: 15px 0;
    margin-bottom: 20px;
}*/

.rem-loc,
.rem-loc:hover {
    background: #861919 !important;
    color: #000 !important;
}

.add-location {
    padding: 3px 15px !important;
}

.rem-loc {
    font-size: 12px;
    padding: 3px 5px !important;
}

.common-radio-toggle .common-radio-toggle {
    margin-bottom: 0;
    padding-bottom: 0;
}

.myFile {
    position: relative;
    overflow: hidden;
    float: left;
    clear: left;
}

    .myFile input[type=file] {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        font-size: 100px;
        filter: alpha(opacity=0);
        cursor: pointer;
    }

.inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label {
        width: 80%;
        font-size: 15px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        padding: 10px;
        margin-top: 16px;
        color: #f1e5e6;
        background-color: #633b40;
    }

.no-js .inputfile + label {
    display: none;
}

.inputfile.has-focus + label,
.inputfile:focus + label {
    outline: #000 dotted 1px;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -.25em;
    margin-right: .25em;
}

.inputfile-1 + label:hover,
.inputfile-1.has-focus + label,
.inputfile-1:focus + label {
    background-color: #722040;
}

#business1 {
    padding-bottom: 0;
}

.banner-aboutus .carousel-caption {
    top: inherit;
    bottom: 15px;
    right: 7%;
    left: inherit;
}

.inner-banner-height {
    /*height: 640px;*/
    height: calc(100vh - 230px);
}

@media (min-width:1450px) {
    .inner-banner-height {
        /*height: 840px;*/
        height: calc(100vh - 230px);
    }
}

@media (max-width:1170px) {
    .inner-banner-height {
        height: 460px;
    }
}

@media (max-width:767px) {
    .common-radio-toggle .d-flex {
        display: block !important;
    }

    .add-location,
    .rem-loc {
        margin-top: -15px !important;
        margin-bottom: 25px;
    }

    #others {
        margin-top: -30px;
    }

    .inner-banner-height {
        height: 320px;
    }
}

@media (max-width:580px) {
    .inner-banner-height {
        height: 200px;
    }
}

.banner-vision {
    background: url(../images/banner/banner-vision01.jpg) center top no-repeat;
    background-size: cover;
}

.banner-chairmans {
    background: url(../images/banner/banner-chairman.jpg) center top no-repeat;
    background-size: cover;
}

.banner-directors {
    background: url(../images/banner/banner-director.jpg) center top no-repeat;
    background-size: cover;
}

.banner-team {
    background: url(../images/banner/banner-team.jpg) bottom left no-repeat;
    background-size: cover;
}

.banner-infra-structure {
    background: url(../images/banner/banner-infra-structure.jpg) center top no-repeat;
    background-size: cover;
}

.banner-account {
    background: url('../images/banner/banner-account.png') center top no-repeat;
    background-size: cover;
}

.banner-testimonial {
    background: url('../images/banner/banner-testimonial.png') center top no-repeat;
    background-size: cover;
}

.banner-news {
    background: url('../images/banner/banner-news.png') center top no-repeat;
    background-size: cover;
}

.banner-event {
    background: url('../images/banner/banner-event.png') center top no-repeat;
    background-size: cover;
}

.banner-blog {
    background: url('../images/banner/banner-blog.png') center top no-repeat;
    background-size: cover;
}

.banner-portfolio {
    background: url('../images/banner/banner-portfolio.png') center top no-repeat;
    background-size: cover;
}

/*.wrapper-about {
    margin: 0;
    padding: 60px 0 20px;
    width: 100%;
    float: left;
    position: relative;
    color: #C6C6C6;
}*/

/*.wrapper-about h1 {
        font-size: 150px;
        color: #fff;
        line-height: 115px;
        position: relative;
    }*/

.wrapper-about {
    margin: 0;
    padding: 50px 0 20px;
    width: 100%;
    /*float: left;
    position: relative;*/
    /*color: #C6C6C6;*/
    color: #000;
}

    .wrapper-about h1 {
        font-size: 48px;
        color: #000;
        line-height: 43px;
        position: relative;
    }

@media (max-width:767px) {
    .wrapper-about h1 {
        font-size: 35px;
        line-height: 30px;
    }
}

.wrapper-about h1 span {
    color: #989898;
}

.wrapper-about .vision-text {
    /*position: absolute;*/
    /*right: 0;*/
    /*width: 54%;*/
    /*top: 23%;*/
    font-size: 24px;
    color: #777;
}

@media (max-width:640px) {
    .wrapper-about {
        padding: 50px 0 0;
    }

        .wrapper-about .vision-text {
            position: static;
            width: 100%;
            font-size: 16px;
        }
}

@media (max-width:990px) {
    .wrapper-about .vision-text {
        top: 15%;
    }
}

.wrapper-about .chairmans-message-text {
    /*margin: -90px 0 0;
    width: 59%;
    float: right;*/
}

.wrapper-about .testimonial-message-text {
    margin: 10px 0 0;
    /*float: right;*/
}

@media (min-width:1500px) {
    /*.wrapper-about .chairmans-message-text {
        width: 80%;
    }*/

    .wrapper-about .testimonial-message-text {
        width: 100%;
    }
}

@media (max-width:1100px) {
    .wrapper-about .chairmans-message-text {
        width: 100%;
        margin: 30px 0 0;
    }

    .wrapper-about .testimonial-message-text {
        width: 100%;
        margin: 30px 0 0;
    }
}


.wrapper-about .chairmans-message-text p {
    margin-bottom: 25px;
}

    .wrapper-about .chairmans-message-text p span {
        color: #b0b0b0;
        font-weight: 700;
        font-size: 14px;
    }

.wrapper-about .chairmans-message-text h4 {
    margin-bottom: 20px;
}

.wrapper-about .testimonial-message-text p {
    margin-bottom: 25px;
}

    .wrapper-about .testimonial-message-text p span {
        color: #b0b0b0;
        font-weight: 700;
        font-size: 14px;
    }

.wrapper-about .testimonial-message-text h4 {
    margin-bottom: 20px;
}

.wrapper-about .directors-text-bg {
    margin: 0;
    padding: 30px 0 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

    .wrapper-about .directors-text-bg .directors-photo {
        margin: 0;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #ccc;
        text-align: left;
        position: relative;
        padding: 0 10px;
    }

    /*.wrapper-about .directors-text-bg .directors-photo img {
            float: left;
        }*/

    .wrapper-about .directors-text-bg .directors-text {
        margin: 25px 0;
        padding: 0 15px;
        width: 100%;
        float: left;
        line-height: 24px;
    }

@media (min-width:1500px) {
    .wrapper-about .directors-text-bg .directors-text {
        padding: 0 10px !important;
    }
}

@media (max-width:991px) {
    .wrapper-about .directors-text-bg {
        text-align: left;
    }

        .wrapper-about .directors-text-bg .directors-text {
            padding: 0 15px !important;
        }
}

@media (max-width:575px) {
    .wrapper-about .directors-text-bg .directors-text {
        margin: 28px 0 20px;
        padding: 0 !important;
    }
}

.wrapper-about .directors-text-bg .directors-name {
    margin: 0;
    padding: 0 0 0px 8px;
    width: auto;
    float: left;
    font-weight: 700;
    color: #000;
    position: absolute;
    bottom: 5px;
    left: 180px;
    font-family: bebas_neuebold;
    font-size: 22px;
}

.chairman-bg h1 img {
    position: absolute;
    /*bottom: 11px;
    left: 70px;
    width: 200px;*/
    bottom: 9px;
    left: 45px;
    width: 90px;
}

@media (max-width:767px) {
    .chairman-bg h1 img {
        width: 90px;
        bottom: 7px;
        left: 30px;
    }
}

.directors-bg h1 img {
    position: absolute;
    /*bottom: -22px;
    left: 205px;
    width: 193px;*/
    bottom: -22px;
    left: 80px;
    width: 100px;
}

@media (max-width:767px) {
    .directors-bg h1 img {
        width: 75px;
        bottom: -8px;
        left: 90px;
    }
}

.team-bg h1 img {
    position: absolute;
    /*bottom: -22px;
    left: 72px;
    width: 150px;*/
    bottom: -4px;
    left: 28px;
    width: 70px;
}

@media (max-width:767px) {
    .team-bg h1 img {
        width: 64px;
        bottom: -6px;
        left: 26px;
    }
}

@media (max-width:1200px) {
    .infra-structure-bg h1 {
        font-size: 48px;
        line-height: 43px;
    }
}

@media (max-width:991px) {
    .infra-structure-bg h1 {
        font-size: 48px;
        line-height: 43px;
    }
}

@media (max-width:640px) {
    .infra-structure-bg h1 {
        font-size: 48px;
        line-height: 43px;
    }
}

@media (max-width:300px) {
    .infra-structure-bg h1 {
        font-size: 35px;
        line-height: 30px;
    }
}

.infra-structure-bg .gallery-infra-structure {
    /*margin: 0;
    padding: 60px 0 30px;
    float: left;
    width: 100%;*/
    margin: 0;
    padding: 20px 0 0px;
    /*float: left;*/
    /*width: 100%;*/
}

.gallery-infra-structure {
    /*margin: 0;
    padding: 60px 0 30px;
    float: left;
    width: 100%;*/
    margin: 0;
    margin-bottom: 20px;
    padding: 0px 0 0px;
    /*float: left;*/
    /*width: 100%;*/
}

    .gallery-infra-structure img {
        width: 100%;
    }

.infra-structure-bg .gallery-infra-structure img {
    width: 100%;
}

.banner-experience {
    background: url(../images/banner/banner-experience.jpg) center center no-repeat;
    background-size: cover;
}

.experience-head {
    padding-top: 14px;
}

    /*.experience-head h1:first-child {
        font-size: 150px;
        text-transform: uppercase;
        color: #d4cc31;
        margin: 15px 0 10px;
    }*/

    .experience-head h1:first-child {
        font-size: 48px;
        text-transform: uppercase;
        color: #989898;
        margin: 15px 0 10px;
    }

        .experience-head h1:first-child span {
            color: #000;
        }

@media (max-width:768px) {
    .experience-head h1:first-child {
        font-size: 62px;
    }

    .experience-head iframe {
        min-height: 300px;
    }
}

.experience-head .pulse-head {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7%;
    font-size: 40px;
    color: #1c1c1c;
    line-height: 49px;
    right: 3%;
}

@media (max-width:1200px) {
    .experience-head .pulse-head {
        font-size: 32px;
        line-height: 36px;
    }
}

.experience-head .exp-gallery .bike-gallery {
    padding: 0;
}

@media (max-width:991px) {
    .experience-head .mb-1 {
        margin-bottom: 10px !important;
    }

    .experience-head .row img {
        max-width: inherit;
        width: 100%;
    }

    .experience-head iframe {
        min-height: 480px;
    }

    .experience-head .pl-1 {
        padding-left: 0 !important;
    }
}

.experience-video-bg {
    width: 100%;
    height: 350px;
    border: 0;
}

@media (max-width:767px) {
    .experience-head .pulse-head {
        font-size: 22px;
        line-height: 26px;
    }

    .experience-video-bg {
        height: 300px;
    }
}

#scrollLinks .left {
    background-image: url(../images/banner/slider-arrow-prev.png) !important;
    height: 31px;
    width: 31px;
}

#scrollLinks .right {
    background-image: url(../images/banner/slider-arrow-next.png) !important;
    height: 31px;
    width: 31px;
}

.banner-contact {
    background: url(../images/banner/banner-contactus.jpg) center top no-repeat;
    background-size: cover;
}

    .banner-contact .carousel-caption {
        top: inherit;
        bottom: 15px;
        right: inherit;
        left: 5%;
    }
