* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    letter-spacing: 0.3px;
}

html,
body {
    overflow-x: hidden;
}


/* about us css starts here */

.about-us-wrapper {
    background-image: url('../../../images/events/trackday/about-us-banner.png');
    padding: 80px 0px 80px 0px;
    background-size: cover;
    background-position: center center;
    text-align: center;
    /* background-attachment: fixed; */
}

.about-us-wrapper>.container {
    max-width: 700px !important;
    margin: auto;
}

.about-us-wrapper>.container>h2 {
    color: white;
    font-family: "Krona One";
    font-size: 44px;
    font-weight: 600;
}

.about-us-wrapper>.container>p {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 200;
    margin-top: 20px;
}

@media screen and (max-width: 598px) {
    .about-us-wrapper>.container>h2 {
        font-size: 28px;
    }
    .about-us-wrapper>.container>p {
        font-size: 16px;
    }
}


/* about us css ends here */


/* welcome kit banner css starts here */

.welcome-kit-wrapper {
    background-image: url('../../../images/events/trackday/welcome-kit-banner.png');
    padding: 80px 0px 80px 0px;
    background-size: cover;
    background-position: center center;
    text-align: center;
}

.welcome-kit-wrapper>.container {
    max-width: 650px;
    margin: auto;
}

.welcome-kit-wrapper>.container>h2 {
    color: #FFF;
    font-family: "Krona One";
    font-size: 44px;
    font-weight: 600;
}

.welcome-kit-wrapper>.container>p {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 25px;
}

.welcome-kit-grid-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.welcome-kit-grid-row>div {
    text-align: center;
    background-color: #FFFFFF;
    padding: 40px 30px 10px 30px;
    opacity: 0.8;
    border-radius: 3px;
    cursor: pointer;
}

.welcome-kit-grid-row>div>img {
    width: 200px;
    transition: .3s ease-in;
}

.welcome-kit-grid-row>div>img:hover {
    transform: scale(1.1);
}

.welcome-kit-grid-row>div>p {
    color: #0002D7;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 10px;
}

@media screen and (max-width: 598px) {
    .welcome-kit-wrapper>.container>h2 {
        font-size: 28px;
    }
    .welcome-kit-wrapper>.container>p {
        font-size: 16px;
    }
    .welcome-kit-grid-row>div>p {
        font-size: 18px;
    }
    .welcome-kit-grid-row {
        grid-template-columns: repeat(1, 1fr);
        max-width: fit-content;
        margin: auto;
    }
}


/* welcome kit banner css ends here */


/* other highlights component starts here */

.other-highlights-wrapper {
    padding: 50px 0px 50px 0px;
    background-image: url('/../../../images/events/overnight-tour/vecto-bg.png');
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
}

.other-highlights-wrapper>.container>h3 {
    text-align: center;
    color: #0002D7;
    font-family: "Krona One";
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 2.5rem;
}

.other-highlights-grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

.other-highlights-grid-row>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.other-highlights-grid-row>div>img {
    border-radius: 5px;
}


/* animation on cards */

.featuredPropBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: outside none none;
    padding: 0;
    border-radius: 0px;
}

.featuredPropBox {
    background-color: #eeeeee;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 495px;
    margin: 5px;
    width: 100%;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 0px;
}

.featuredPropBox:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(22, 22, 22, 0.1);
    transition: all 0.3s;
    border-radius: 0px;
}

.other-highlights-grid-row>div:nth-child(1)>.featuredPropBox {
    background-image: url('../../../images/events/trackday/Rectangle 232.png');
    background-size: cover;
}

.other-highlights-grid-row>div:nth-child(2)>.featuredPropBox {
    background-image: url('../../../images/events/trackday/Rectangle 232 (1).png');
    background-size: cover;
}

.other-highlights-grid-row>div:nth-child(3)>.featuredPropBox {
    background-image: url('../../../images/events/trackday/Rectangle 232 (2).png');
    background-size: cover;
}

.featuredPropBox .fptext {
    display: none;
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease 0s;
    width: 80%;
    z-index: 1;
}

.featuredPropBox .fptext p {
    color: #fff;
    margin: 0px;
}

.featuredPropBox:hover {
    box-shadow: 0 0 0 25px rgba(22, 22, 22, 0.3) inset;
    border-radius: 0px;
}

.featuredPropBox:hover:after {
    background-color: rgba(22, 22, 22, 0.3);
    border-radius: 0px;
}

.featuredPropBox:hover .fptext {
    display: block;
}

.fptext>button {
    width: 100% !important;
    /* white-space: nowrap; */
}

@media screen and (max-width: 1080px) {
    .featuredPropBox {
        width: 100%;
        height: 340px;
    }
}

@media screen and (max-width: 992px) {
    .featuredPropBox {
        height: 245px;
    }
}

@media screen and (max-width: 714px) {
    .other-highlights-grid-row {
        grid-template-columns: repeat(1, 1fr);
    }
    .featuredPropBox {
        height: 655px;
    }
    .other-highlights-grid-row {
        gap: 15px;
    }
}

@media screen and (max-width: 598px) {
    .featuredPropBox {
        height: 410px;
    }
    .other-highlights-wrapper>.container>h3 {
        font-size: 26px;
        margin-bottom: 1.5rem;
    }
}


/* animation on cards */


/* other highlights component ends here */


/* event sponsor component css starts here */

.event-sponsor-wrapper {
    padding: 40px 0px 40px 0px;
    background-image: url('../../../images/events/trackday/BG_5 3.png');
    background-color: black;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
}

.event-sponsor-wrapper>.container>h3 {
    text-align: center;
    color: #fff;
    font-family: "Krona One";
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 2.5rem;
}


/* grid row */

.event_spon {
    background-color: black;
    padding: 100px 10px;
}

.sponser_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 161px;
    grid-row-gap: 33px;
    max-width: 992px;
    margin: auto;
}

.grid_ch_event {
    text-align: center;
}

.grid_ch_event img {
    max-width: 180px;
    width: 100%;
    /* height: 124px; */
    margin: auto;
    background-color: white;
    padding: 8px 8px;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.grid_ch_event>img:hover {
    transform: scale(1.1);
}

.heading_text {
    text-align: center;
    margin-bottom: 66px;
}

.heading_text h3 {
    font-weight: 400;
    font-size: 44px;
    color: #fff;
}

.hide-mobile-sponsor>img:nth-child(2) {
    display: none;
}

.hide-desktop-event>img {
    display: none;
}

@media screen and (max-width: 1199.98px) {
    .sponser_grid {
        grid-column-gap: 40px;
    }
}

@media screen and (max-width: 992px) {
    .sponser_grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .hide-mobile-sponsor>img:nth-child(1) {
        display: none;
    }
    .hide-mobile-sponsor>img:nth-child(2),
    .hide-desktop-event>img {
        display: block;
    }
}

@media screen and (max-width: 598px) {
    .sponser_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 30px;
    }
    .event-sponsor-wrapper>.container>h3 {
        font-size: 26px;
    }
    .grid_ch_event img {
        width: 120px;
    }
}


/* grid row */


/* event sponsor component css ends here */


/* track day component css starts here */

.track-day-wrapper {
    background-color: #121212;
    padding: 40px 0px 40px 0px;
}

.track-day-map-grid-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 70px;
}

.track-day-map-grid-row>div>h2 {
    background: linear-gradient(183deg, rgba(255, 255, 255, 0.17) 41.88%, rgba(255, 255, 255, 0.00) 106.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 128.689px;
    font-weight: 900;
}

.chennai-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.chennai-row>p:nth-child(1) {
    color: white;
    font-family: "Krona One";
    font-size: 16px;
}

.chennai-row>img {
    width: 100%;
}

.kms-flex-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
}

.kms-flex-row>div:nth-child(1) {
    border-right: 1px solid white;
    padding-right: 30px;
}

.kms-flex-row>div:nth-child(1)>p:nth-child(1),
.kms-flex-row>div:nth-child(2)>p:nth-child(1) {
    color: #FFF;
    margin-bottom: 0rem;
    font-family: "Krona One";
    font-size: 42.324px;
}

.kms-flex-row>div:nth-child(1)>p:nth-child(2) {
    color: #FFF;
    font-weight: 100;
    font-family: "Montserrat", sans-serif;
    font-size: 14.294px;
    margin-bottom: 0rem;
}

#city_track>.select-button {
    color: white !important;
}

#city_track>.select-list {
    border: none !important;
    box-shadow: none !important;
    top: 65px !important;
}

#city_track>.select-down {
    border-color: white transparent transparent !important;
}

#city_track {
    width: 50% !important;
    background: transparent !important;
    border-bottom: 1px solid white !important;
    border-radius: 0px !important;
}

#city_track>.select-button {
    background: transparent !important;
    padding: 0px 26px 0px 10px;
}

@media screen and (max-width: 992px) {
    .track-day-map-grid-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

@media screen and (max-width: 598px) {
    .track-day-map-grid-row>div>h2 {
        font-size: 62.689px;
    }
    .kms-flex-row>div:nth-child(1)>p:nth-child(1),
    .kms-flex-row>div:nth-child(2)>p:nth-child(1) {
        font-size: 18px;
    }
}


/* track day component css ends here */


/* Other Highlights carousel */

.other_highlights {
    display: none;
    margin-top: -3rem;
}

@media screen and (max-width:714px) {
    .other_highlights {
        display: block;
    }
}

.other-highlights-slide1 {
    background-image: url('../../../images/events/trackday/Rectangle 232.png');
    background-size: cover;
    width: 95%;
    margin: 0px auto 20px auto;
}

.other-highlights-slide2 {
    background-image: url('../../../images/events/trackday/Rectangle 232 (1).png');
    background-size: cover;
    width: 95%;
    margin: 0px auto 20px auto;
}

.other-highlights-slide3 {
    background-image: url('../../../images/events/trackday/Rectangle 232 (2).png');
    background-size: cover;
    width: 95%;
    margin: 0px auto 40px auto;
}


/*****Registration Form Start*****/

#collage-sliders .owl-carousel {
    all: inherit;
}

#collage-sliders .owl-carousel .owl-stage,
#collage-sliders .owl-carousel .owl-item {
    width: 100% !important;
}

#collage-sliders .owl-carousel .item {
    cursor: zoom-in;
    padding: 0;
    margin: 0;
    height: 100%;
    min-width: unset;
}

.width-100 {
    width: 100%;
}

#gallery-slider .owl-item video {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    transform: translate3d(0, -50%, 0);
    margin: 0 auto;
}

.m-lr-50 {
    margin: auto 50px;
}

#event-slider .owl-prev,
#event-slider .owl-next {
    background: none;
}

.p-t-55 {
    padding-top: 55px;
}

#event-slider .owl-dots {
    display: none;
}

#event-slider .owl-nav {
    position: absolute;
    bottom: 50%;
    width: 100%;
}

#event-slider .blue-right-arrow,
#event-slider .blue-left-arrow {
    position: absolute;
    bottom: 50%;
}

#event-slider .blue-right-arrow {
    right: 0%;
    bottom: 50%;
}

#event-slider .blue-left-arrow {
    left: 0%;
    bottom: 50%;
}

.blue-left-arrow {
    background: url(../images/additional/left-blue.png) !important;
    cursor: pointer;
}

.blue-right-arrow {
    background: url(../images/additional/right-blue.png) !important;
    cursor: pointer;
}

.fb-color {
    color: #4267b2;
    margin-left: 5px;
}

.blue-left-arrow,
.blue-right-arrow {
    width: 40px;
    height: 40px;
}

#event-slider .light-gallery img {
    transform: scale(0.9);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 999;
    cursor: pointer;
}

#event-slider .light-gallery img:hover {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0.8;
}

#event-slider .light-gallery h3 {
    position: absolute;
    bottom: 8%;
    text-align: center;
    color: #fff;
    display: block;
    width: 100%;
    font-size: 20px;
}

#event-slider .light-gallery h3 span {
    font-size: 19px;
}

.grey-portion {
    width: 281px;
    height: 449px;
    background: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
}


/* ends  */


/*like-share buttons on Pop up*/

.popup-share {
    position: absolute;
    bottom: 0%;
    right: 16%;
}

area {
    outline: none;
}


/* Contest Gallery with description */

.block-height {
    min-height: 200px;
}

.accessories-gallery-content {
    width: 100%;
    position: absolute;
    /*  top: 54%; */
    top: 33%;
    /* bottom:0%; */
    transform: translate(0, -50%);
    transform: translate3d(0, -50%, 0);
    margin: 0 auto;
}

.accessories-gallery-content img {
    top: 60% !important;
    display: block !important;
    transform: translate3d(0, 0%, 0) !important;
}


/*Social Icons*/

.p-l-50 {
    padding-left: 50px;
}

.p-r-10 {
    padding-right: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-all-15 {
    margin: 15px;
}

.p-all-10 {
    padding: 10px;
}

.highlight-image {
    color: red;
    background: red;
}

.display-inherit {
    display: inherit !important;
}

.event-message {
    background: #1a327d;
    text-align: left;
    padding: 47px;
}

.no-padding {
    padding: 0px !important;
}

li.options {
    list-style: none;
    list-style-type: none;
}

.gallery-image {
    min-height: 165px;
    max-height: 165px;
    /*max-width: 282px;*/
}

.owl_images img,
.owl_videos img {
    cursor: pointer;
}

#accessories .owl-next i,
#accessories .owl-prev i {
    color: #000;
}

#accessories h3 {
    color: #fff;
    text-decoration: none;
}

.upload-button button {
    padding: 0px;
    border: 2px solid #fff;
}

.enable-ellipsis {
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.response-heading {
    line-height: 2.6 !important;
    font-size: 16px !important;
}

.uploaded-item {
    border: 1px solid #fff;
    padding: 6px 12px;
    font-size: 14px;
}

.social-icons {
    position: fixed;
    right: 0;
    top: 84px;
    z-index: 9999;
}

.social-icons li {
    list-style: none;
    border: 1px solid #fff;
    padding: 4px 8px 4px 15px;
    background: #fff;
    border-bottom: 3px solid #203f9c;
}

.social-icons li a {
    color: #000;
    font-size: 24px;
}


/*upload image div */

.upload-div {
    position: fixed;
    bottom: 0%;
    /*right: 28%;*/
    height: 32px;
    z-index: 9999;
    width: 100%;
}

.upload-div ul {
    padding: 0px;
    text-align: center;
}

.upload-div li {
    cursor: pointer;
    list-style: none;
    background: #203f9c;
    padding: 5px 0px;
    border: 2px solid #fff;
    color: #fff;
}

.upload-div h4 {
    margin-top: 2px;
}

.social-mobile-icons {
    margin-left: 12%;
    margin-bottom: 30px;
}

.social-mobile-icons li {
    list-style: none;
    background: #fff;
    margin: 3px 3px;
    padding: 4px 8px 4px 10px;
    width: 15%;
    float: left;
}

.social-mobile-icons .fa {
    color: #000;
    font-size: 24px;
}


/**/

.home-video {
    position: relative;
}

.video-blue {
    background: #203f9c;
}

.home-video .logo {
    position: absolute;
    top: 20px;
    left: 20px;
}

.home-video .book-btn {
    position: absolute;
    right: 0 !important;
    top: 20%;
}

.fix-corner {
    /* padding-left: 0; */
    position: relative;
}

.coming-soon-sec {
    background: #203f9c;
    color: #fff;
    text-align: center;
    /*padding:160px 0;
	min-height:720px;*/
}

.coming-soon-sec p {
    font-family: gloss;
    font-size: 30px;
    padding: 14px;
}

.count-timer {
    margin: 0 auto;
    width: 100%;
}

.coming-soon-sec h2 {
    padding: 10px 0;
    margin: 0;
    font-size: 40px;
    font-weight: bold;
}

#full-page-video .col-md-4 {
    padding-right: 0;
    padding-left: 0;
}

.timer div {
    display: inline-block;
    background: #444442;
    padding: 13px;
    margin: 2px;
    font-size: 18px;
    text-align: center;
    width: 14%;
}

.timer div:last-child {
    background: none;
}

.count-down {
    width: 80%;
    margin: 0 auto;
    border: 2px solid #fff;
    padding: 0px 16px;
}

.yamaha-owner {
    letter-spacing: 3px;
    font-size: 22px;
}

.register {
    color: #203f9c;
    font-size: 30px;
    font-weight: bold;
}

.register-form input {
    color: #203f9c;
    border: none;
    border-bottom: 2px solid #203f9c;
    box-shadow: none;
    border-radius: 0;
}

.register-form input::placeholder {
    color: #203f9c;
    font-size: 20px;
}

.yamaha-owner-right {
    color: #203f9c;
}

.yamaha-owner-right .btn-default {
    background: #203f9c;
    color: #fff;
}

.registration-form {
    padding-top: 25px;
}

.home-video video {
    width: 100%;
}

.otp {
    position: absolute;
    top: 10px;
    right: 20px;
}


/* .modal-content {
    background: #203f9c;
} */

.modal-header {
    border: none;
}

.modal-footer {
    border: none;
}

.modal-body {
    color: #fff;
    text-align: center;
    padding: 0px 0;
}

.modal-body h1 {
    font-size: 36px;
    font-family: gloss;
}

.modal-body p {
    font-size: 16px;
}

.modal-dialog button {
    color: #000;
    opacity: 1;
}

.logo-block {
    padding-bottom: 40px;
}


/*timer css*/

.countdown .item {
    font-size: 42px !important;
    line-height: 103px !important;
}

.countdown .item-hh .label,
.countdown .item-mm .label,
.countdown .item-ss .label {
    display: inline !important;
}

.countdown .label {
    left: -3px !important;
    font-size: 12px !important;
}

.error {
    color: red;
    font-size: 13px;
}

.countdown {
    display: inline-block;
}

.countdown .item {
    color: #fff;
    font-family: 'open sans';
}

.countdown .label {
    color: #fff;
    font-family: 'open sans';
}


/*timer css ends*/

.video-blue {
    display: flex;
}

.video-blue .coming-soon-sec {
    height: 99.3%;
    padding-top: 40px;
    font-size: 30px;
    padding: 30px 0;
}

.submit-btn {
    display: block;
}

/* .navbar-brand {
    height: 72px;
    padding: 0;
} */

.cotb-logo-margin {
    margin-top: 7px;
}


/* .navbar-brand img {
    padding: 5px 20px;
    width: auto;
    height: auto;
} */

.navbar-default {
    background: #203f9c;
}

.video-blue .video-column {
    padding-right: 0;
}


/* for loading till video loads */

.loader {
    background: url(../../../v2/image/loader.gif) center center no-repeat;
    background-size: 50px 50px;
}


/*Campaign Call of the blue*/


/*right Slide bar*/

#slider {
    width: 500px;
    top: 100px;
    position: fixed;
}

#header {
    width: 362px;
    height: 520px;
    position: absolute;
    right: 0;
    border: 1px solid #d8d8d8;
    margin-left: 40px;
    padding: 20px 40px;
    border-radius: 3px;
    box-shadow: 0 0 8px gray
}

#sidebar {
    position: absolute;
    top: 180px;
    left: 113px;
    box-shadow: 0 0 8px gray
}

#sidebar1 {
    position: absolute;
    top: 180px;
    left: 113px;
    box-shadow: 0 0 8px gray
}

.blue-campaign .navbar-nav>li>a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #fff;
    font-size: 14px;
}

.blue-campaign .navbar-nav {
    margin-top: 25px;
    margin-left: 20px;
}

.blue-campaign .navbar-nav li {
    margin: 0 4px;
}

.blue-campaign .navbar-nav>.active>a,
.blue-campaign .navbar-nav>.active>a:hover,
.blue-campaign .navbar-nav>.active>a:focus {
    background: none;
    color: #203f9c;
    background: #fff;
    text-decoration: none;
}

.blue-campaign .navbar-nav>li>a:hover {
    color: #fff;
    text-decoration: none;
}

.contest-img img {
    width: 100%;
}

.contest-img-right {
    background: #203f9c;
    height: 100%;
    color: #fff;
    padding: 20px 40px;
    text-align: center;
}

.contest-img-right p {
    font-size: 20px;
    padding: 20px 0px
}

.contest-img-right textarea {
    display: block;
    width: 100%;
    height: 150px;
    margin: 0px auto 15px;
}

.contest-right-form {
    width: 70%;
    margin: 0 auto;
}

.contest-img-right .btn-default {
    width: 100%;
    border: none;
    margin-bottom: 18px;
    padding: 12px 10px;
    color: #203f9c;
    font-size: 25px;
}

.contest-img-right .entries {
    background: #656565 !important;
    color: #fff;
}

.contest-img-right .button-wrap {}

.contest-flex {
    display: flex;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

.upload-btn-wrapper .btn {
    color: #203f9c;
    background-color: white;
    padding: 8px 20px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 0 !important;
    width: 100%;
    text-align: left;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.view-entries {
    border: 2px solid #fff;
    background: #204295;
    padding: 10px 20px;
    color: #fff;
}

.contest-call .modal-body h1 {
    font-size: 70px;
}

.contest-call .modal-body p {
    margin: 30px 0;
}

.modal-backdrop {
    background: rgb(6, 0, 91) !important;
}

.philosophy-banner img {
    width: 100%;
}

.strip {
    background: #203f9c;
}

.cloud-strip {
    margin-top: -27px;
    position: relative;
    z-index: 1;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #203f9c;
    background: #fff;
}


/*contest Section*/

#contest {
    background: #203f9c;
    margin-bottom: 3px;
    position: relative;
}

.contest-wrapper {
    background: #040815;
    padding: 20px 110px;
    box-sizing: border-box;
}

.contest-inner h2 {
    font-family: gloss;
    color: #203f9c;
    padding: 20px 0px;
    font-size: 40px;
}

.contest-inner h3 {
    font-family: gloss;
    color: #203f9c;
    padding: 0px 0px 4px 0px;
    font-size: 30px;
}

.text-blue {
    color: #203f9c;
}

.text-white {
    color: #ffffff;
}

.contest-inner .owl_images .item,
.contest-inner .owl_videos .item {
    background: #fff;
    padding: 10px;
    border-radius: 12px;
    font-weight: bold;
}

.name-height {
    min-height: 40px;
}

.contest-inner .owl_images .item img,
.contest-inner .owl_videos .item img {
    padding-bottom: 10px;
}

.contest-inner .owl_videos .item {
    background: #fff;
    padding: 10px;
    border-radius: 12px;
    font-weight: bold;
}

.contest-inner .owl_videos .item img {
    padding-bottom: 10px;
}

.gallery .show-cursor {
    padding: 10px 0;
    font-size: 20px;
}

.show-cursor {
    cursor: pointer;
}

#gallery {
    background: #112257;
}

#events {
    background: #000;
    margin-bottom: 3px;
}

.event4 {
    cursor: pointer;
}

.event-register-wrapper {
    display: flex;
    margin: 25px -15px;
}

.event19 {
    margin: 25px auto;
    width: 26%;
}

.main-riding-group {
    background: rgb(0, 0, 0, 0.1);
}

.event1,
.event2,
.event3,
.event4 {
    position: relative;
}

.event1 img,
.event2 img,
.event3 img,
.event4 img {
    display: block;
    width: 100%;
    height: auto;
}

.event1-slide,
.event2-slide,
.event3-slide,
.event4-slide {
    background: rgba(34, 62, 146, 0.8);
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 15px;
    text-align: center;
    width: 100%;
    height: 50px;
    overflow: hidden;
    transition: .5s ease;
}

.event1:hover .event1-slide,
.event2:hover .event2-slide,
.event3:hover .event3-slide,
.event4:hover .event4-slide {
    height: 100%;
}

.event1-slide h3,
.event2-slide h3,
.event3-slide h3,
.event4-slide h3 {
    font-size: 19px;
}

.fame {
    background-image: url(../images/event-fame.jpg);
}

.track {
    background-image: url(../images/event-track.jpg);
}

.fame,
.track {
    color: #fff;
    text-align: center;
    padding: 8px 6px;
    box-sizing: border-box;
    font-family: din;
    min-height: 213px;
}

.fame p,
.track p {
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 60px;
    font-style: italic;
}

#pass-print {
    color: #fff;
    text-decoration: none;
}

.fame a,
.track a,
#download-pass {
    color: #fff;
    border: 2px solid #fff;
    padding: 7px 16px;
    /* position: absolute !important; */
    /* bottom: 8%; */
    /* left: 17%; */
    font-style: italic;
    text-decoration: none;
}

#download-pass {
    /* bottom: 10% !important; */
    /* left: 75% !important; */
    cursor: pointer;
}

.fame a:hover,
.track a:hover {
    background-color: #000;
}

.fame h2,
.track h2 {
    font-size: 18px;
}

.event-heading h2 {
    font-family: gloss;
    color: #203f9c;
    padding: 20px 0px;
    font-size: 45px;
}

.event-heading p {
    color: #fff;
    text-align: center;
    font-size: 17px;
}

.otp-sec {
    position: relative;
}

.otp-sec a {
    position: absolute;
    top: 6px;
    right: 20px;
}

.event-submit {
    background: #152a69;
    color: #fff;
    border: none;
    padding: 8px;
}

.event-city .form-control {
    border-radius: 0;
    color: #203f9c;
}

.events-form input::placeholder {
    color: #203f9c;
    font-size: 15px;
}

.event-head {
    color: #fff;
    font-size: 26px;
    font-family: din;
    font-style: italic;
}

.response-message {
    line-height: 0.6 !important;
    font-size: 26px;
}


/*Register Form*/

.upload-video {
    background: #172d6e;
    padding: 10px 0;
}

.upload-video i {
    font-size: 22px;
    padding-bottom: 8px 0px;
}

.top-register-form input,
.top-register-form select,
.top-register-form textarea {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}

.top-register-form input::placeholder {
    color: #fff;
}

.top-register-form textarea::placeholder {
    color: #fff;
}

.top-register-form .otp {
    color: #c78288;
    font-weight: bold;
}

.form-control[readonly] {
    background-color: #c2c1d2 !important;
}

.top-register-form .event-submit {
    border: 1px solid #fff;
    background: none;
}

.top-register-form .event-submit:hover {
    background: #fff;
    color: #203f9c;
}

.top-register-form .all-entries {
    background: #fff;
    color: #203f9c;
}

.top-register-form .terms-popup {
    color: #fff;
}

.banner1-audio audio {}

.outer-audio {
    width: 300px;
    margin: 0 auto;
    position: relative;
}

.philosophy-audio {
    width: 100%;
    overflow: hidden;
}

.philosophy-audio audio {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 999;
}

.event18 {
    margin-top: 18px;
    margin-bottom: 18px;
}

#menifesto {
    margin-bottom: 1px;
}


/*book and know more button on Banners*/

.btn-hover:hover {
    text-decoration: underline;
    cursor: pointer;
}

.book-btn {
    position: absolute;
    top: 70%;
    right: 17%;
}

.know-btn {
    position: absolute;
    top: 70%;
    right: 26%;
}

.only-knw-btn {
    right: 23%;
}

.book-btn a {
    background: #203f9c;
    color: #fff;
    font-size: 16px;
    /* padding:5px 10px;*/
    border: 2px solid #fff;
    display: inline-block;
    text-shadow: 0px 0px 10px #000;
    font-weight: bold;
}

.book-btn a img {
    height: 100%;
}


/*Bootstrap-Gallery*/

#demo {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.green {
    background-color: #6fb936;
}

.thumb {
    padding-left: 0;
    padding-right: 0px;
}

.page-top {
    margin-top: 85px;
}

img.zoom {
    width: 100%;
    height: 200px;
    /*border-radius: 5px;*/
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}


/*.transition {
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}*/

.modal-header {
    border-bottom: none;
}

.modal-title {
    color: #000;
}

.modal-footer {
    display: none;
}

.gallery-event h2 {
    font-family: gloss;
    color: #092e9b;
    font-size: 50px;
}

.tvc-video {
    background: #203f9c;
    padding: 30px 0;
}

.product-video h2 {
    color: #fff;
    font-size: 39px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: gloss;
    padding-bottom: 20px;
}

.gallery-event {
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    height: 410px;
    padding-top: 50%;
    padding-left: 5%;
}

.gallery-event p {
    font-size: 20px;
}

.gallery-event h2 span {
    color: #000;
    font-size: 40px;
}


/*End Bootstrap-Gallery*/

.event-coming-soon {
    background: #002060;
}

.event-coming-soon h1 {
    color: #fff;
    padding: 150px 0;
    text-align: center;
    font-size: 84px;
}

.event-heading {
    background: #000;
}

.philosophy-banner .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    background: none !important;
}

.philosophy-banner .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    background: none !important;
}

.philosophy-banner .owl-nav {
    margin-top: 2px;
}

.philosophy-banner .owl-dots {
    display: none;
}

.weekend-gallery .owl-dots {
    display: none;
}

.philosophy-banner .owl-next i {
    color: #fff;
    background: none;
    font-size: 30px;
}

.philosophy-banner .owl-prev i {
    color: #fff;
    background: none;
    font-size: 30px;
}

.call-sliders .owl-dots {
    display: none;
}

.call-sliders .owl-next i {
    color: #fff;
    background: none;
    font-size: 30px;
}

.call-sliders .owl-prev i {
    color: #fff;
    background: none;
    font-size: 30px;
}

.call-sliders .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    background: none !important;
}

.call-sliders .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    background: none !important;
}

.call-sliders .owl-nav {
    margin-top: 2px;
}

.signin-btn {
    position: absolute;
    right: 0;
    top: 32%;
}

.inputfile {
    width: 100%;
    opacity: 0;
    position: absolute;
    height: 100%;
    top: 0;
}

.modal-header .close {
    font-size: 44px !important;
    background: transparent;
    border: none;
    color: #fff;
    margin-left: auto;
}

.modal::backdrop {
    background: rgba(6, 0, 91, 0.8);
}

.blue-logo {
    margin-right: -35px;
}


/*.blue-logo img {
	width: 87%;
}*/

.pointer {
    cursor: pointer;
}

.accessories-stuff {
    padding: 10px 0;
}

.owner-opt p {
    margin: 10px 0 !important;
}

.allevent-dialog {
    width: 60%;
    margin: 30px auto;
}

.allevent-dialog .modal-body p {
    margin: 10px;
}

.allevent-dialog .event-head {
    font-size: 25px;
}

.allevent-dialog .fame {
    background-image: none;
    background: #1a327d;
    min-height: 250px;
    position: relative;
}

.allevent-dialog .track {
    background-image: none;
    background: #1a327d;
    min-height: 250px;
    position: relative;
}

.allevent-dialog .fame p,
.allevent-dialog .track p {
    padding-bottom: 0;
    font-size: 12px;
}

.vintage-radio {
    margin-left: 20px !important;
    padding: 0;
}

.vintage-radio-parent {
    margin-top: 20px;
}

.allevent-dialog .fame span {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    text-align: left;
    font-size: 12px;
    color: #a9a9a9;
    padding: 8px 13px;
}

.allevent-dialog .track span {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    text-align: left;
    font-size: 12px;
    color: #a9a9a9;
    padding: 8px 13px;
}

.allevent-dialog .modal-body {
    padding-left: 20px;
    padding-right: 20px;
}

.allevent-radio {
    color: #fff;
    padding: 10px 20px;
}

.allevent-form input,
.allevent-form select {
    background: #fff;
    color: #a9a9a9 !important;
}

.allevent-form input::placeholder {
    color: #a9a9a9 !important;
}

.owner-opt {
    color: #fff;
}

.riding-group {
    color: #fff;
}

.riding-group div {
    padding-bottom: 10px;
}

.riding-group input {
    background: none;
    border: none;
    border-bottom: 1px solid #fff !important;
    text-indent: 10px;
}

.chennai-event {
    margin-top: 70px;
    margin-bottom: 0 !important;
}

.chennai-block-hd {
    width: 25%;
    margin: 0 auto;
}

.chennai-block-hd h2 {
    color: #fff;
    display: block;
    text-align: center;
}

.chennai-txt {
    color: #203f9c !important;
    font-size: 25px !important;
    width: 40%;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 10px;
}

.winners-list p {
    color: #203f9c;
    text-align: left;
}

.winner-main-block {
    display: flex;
}

.winner-txt {
    background: #20357d;
    float: left;
    width: 50%;
}

.winner-txt h1 {
    color: #fff;
}

.winner-txt p {
    color: #fff;
}

.winner-txt .winner-detail {
    background: #08215c;
    text-align: center;
    padding: 20px 0;
}

.weekend-gallery-wrapper {
    background: #000;
}

.winner-txt .winner-detail p {
    text-align: center;
}

.winner-txt .winner-detail h3 {
    color: #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
}

.winner-image {
    width: 50%;
    float: right;
}

fieldset div ul.thumbnails {
    margin-bottom: 0px;
}


/* Thumbnail Box */

.caption h4 {
    color: #444;
}

.caption p {
    color: #999;
}


/* Carousel Control */

.control-box {
    width: 100%;
}

.carousel-control {
    background: #666;
    border: 0px;
    border-radius: 0px;
    display: inline-block;
    font-size: 34px;
    font-weight: 200;
    line-height: 18px;
    opacity: 0.5;
    padding: 4px 10px 0px;
    position: static;
    height: 30px;
    width: 15px;
}

.col-gallery-bg {
    background: #000;
    display: inline-block;
}


/*Mobile Timeline*/


/* 
.line {
    border: #fff;
    height: 30px;
    background: #fff;
    width: 3px;
    margin-left: auto;
    margin-right: auto;
} */

.p-t-24 {
    padding-top: 24px;
}


/* .line.active {
    border: #274096 !important;
    background: #274096;
} */

.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
}

.circle.active {
    background: #274096;
}

.width-20 {
    margin-left: -27px;
    width: 20px;
}

.mobile-timeline .active {
    color: #fff;
    height: auto;
    min-height: 50px;
}

.mobile-timeline-city {
    font-size: 16px;
    float: left;
}

.mobile-timeline {
    background: #003462;
    color: #274096;
    margin-bottom: 8px;
    padding: 20px;
    height: auto;
    min-height: 50px;
    font-size: 10px;
}

.mobile-timeline-upcoming {
    background: #274096;
    color: #274096;
    margin-bottom: 8px;
    padding: 9px;
    border: 1px solid #fff;
    height: auto;
    min-height: 60px;
    font-size: 12px;
}

.mobile-timeline-next {
    background: #274096;
    color: #274096;
    margin-bottom: 8px;
    padding: 20px;
    height: auto;
    min-height: 50px;
    font-size: 10px;
}

.mobile-timeline-upcoming a {
    padding: 2px;
    margin: 10px 0;
    color: #fff;
}

.mobile-timeline-next a {
    padding: 2px;
    margin: 10px 0;
    color: #fff;
}

.mobile-timeline a {
    padding: 2px;
    margin: 10px 0;
    color: #fff;
}

.mobile-timeline a h2 {
    display: block;
    padding: 0;
    margin: 0;
}


/*******register form starts *********/

.register-bluestreak-btn {
    color: #203f9c !important;
    background-color: #fff !important;
    font-weight: bold
}

.register-msg {
    word-wrap: break-word;
    color: #203f9c;
    padding: 10px;
    font-size: 24px;
    border-radius: 5px;
    display: none;
    text-align: center;
}

.register_img {
    display: none;
}

.register-pop {
    z-index: 9999;
}

.register-modal button {
    position: relative;
    z-index: 3;
}

.register-top-img img {
    width: 100%;
    max-width: 350px;
}

.register-heading img {
    /* margin-top: -53px; */
}

input[type="checkbox"] {
    background: #3d404e !important;
    border: #7f83a2 1px solid !important;
}

form fieldset div ul {
    padding: 0px;
}

form fieldset div ul li {
    margin: 15px 15px !important;
}

form fieldset div ul li input {
    width: 100%;
    background: none;
    border: none;
    outline: none;
    padding: 10px 0px;
    padding-left: 0px;
}

form fieldset div ul li select {
    width: 100%;
    background: none;
    border: none;
    outline: none;
    padding: 0px 0px;
}

form fieldset div ul li label {
    left: 0px;
    color: black;
    padding: 0px 0px;
    font-weight: 600;
    text-align: left;
    font-size: 16px;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}

.register-form {
    margin-bottom: 20px;
}

.register-form input {
    width: 100%;
    border: none;
    background: none;
    border-bottom: 2px solid #103a95;
    font-weight: bold;
}

.register-form select {
    width: 100%;
    border: none;
    background: none;
    border-bottom: 2px solid #103a95;
    font-weight: bold;
}

.register-form input::placeholder {
    color: #fff;
    font-size: 20px;
}

.register-form-label {
    color: #103a95 !important;
}

.merchant-mobile-icons {
    margin-bottom: 5%;
}

.register-container-back-color {
    font-size: 16px;
}

.otp-button {
    background: none;
    color: #103a95;
    border: none;
    outline: none;
    font-weight: bold;
}

.otp-verified {
    color: #103a95;
    text-align: left;
    position: absolute;
    width: 100%;
    top: 40px;
    left: 0;
}

.otp {
    position: absolute;
    top: 9px;
    right: 20px;
}

.event-btn {
    width: auto;
    background: #000;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px 10px 0px;
}

.event-btn img {
    padding-left: 20px;
}

.modal-header {
    border-bottom: none !important;
}

.error {
    color: red;
    font-size: 13px;
    top: 50px;
    font-weight: 200;
}

select.error {
    color: #333235;
    font-size: 16px;
}

.list-half li {
    width: 30%;
    background: #231eff;
    padding: 10px;
    max-width: 30%;
    color: #fff;
    box-shadow: 5px 5px 5px #646464;
    font-size: 18px;
}


/* @media(max-width: 560px) {
    .list-half li {
        width: 100%;
        margin: 10px 0px;
    }
} */

.m-t-10 {
    margin-bottom: 10px;
}


/*******register form Ends *********/

.campaign-navigation button span.icon-bar {
    background-color: #fff !important;
    height: 3px;
}

.campaign-navigation button {
    margin-top: 18px;
    border: 2px solid #fff;
}

.bg-clear button {
    margin-top: 0 !important;
}

.bg-clear {
    margin-top: -8px !important;
}

.bg-clear>a:hover {
    background: transparent !important;
}

.campaign-navigation .navbar-toggle:hover,
.campaign-navigation .navbar-toggle:focus {
    background: none;
}

.call-sliders article {
    background-image: url('../images/new/about-bg.jpg');
}

.know-btn {
    width: 100%;
    display: inline-block;
}

footer {
    color: #fff;
    background: #103a95;
    position: relative;
    z-index: 1;
}

.secondary-footer {
    padding: 20px 0px;
}

.secondary-footer span.email a {
    color: #fff;
    text-decoration: underline;
}

.secondary-footer h3 {
    font-size: 15px;
}

.secondary-footer a:visited {
    color: #fff !important;
    text-decoration: none;
}

.bottom-footer {
    background: #000;
}

#footer-navbar a {
    padding: 6px;
    color: #fff;
}

#footer-navbar .navbar-nav {
    margin: 0;
}

#primary-footer {
    overflow: hidden;
}

.mobile-know-more h2 {
    font-family: gloss;
    color: #203f9c;
}

.mobile-know-more .one-p {
    color: #3a3939;
    font-size: 20px;
}

.mobile-know-more .two-p {
    color: #3a3939;
    font-size: 16px;
}

.web-know-more h2 {
    font-family: gloss;
    color: #203f9c;
    font-size: 35px;
}

.web-know-more .one-p {
    color: #3a3939;
    font-size: 20px;
}

.web-know-more .two-p {
    color: #3a3939;
    font-size: 16px;
    font-family: din;
    font-style: italic;
}

.web-know-more {
    margin-bottom: 30px;
    margin-top: 30px;
}

.mobile-know-more a {
    cursor: pointer;
    display: block;
}

.web-know-more a {
    cursor: pointer;
    display: block;
}

#events-201 {
    margin-top: 20px;
}

.mobile-time-main-div {
    display: inline-block;
    width: 100%;
}

ul.myList {
    padding-left: 5px;
}

ul.myList li::before {
    content: '\2022';
    color: #fff;
    padding-right: 5px;
}

.p-t-20 {
    padding-top: 20px;
}

.user-box {
    border: 1pt solid #f1f1f1;
    text-align: center;
    padding: 15px;
}

.user-box h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #1101ab;
}

.user-box i {
    font-size: 60px;
    margin: 20px auto;
    color: #939191;
}


/* Mobile Only */

@media (max-width: 767px) {
    .page-header,
    .control-box {
        text-align: center;
    }
    .accessories-gallery-content {
        top: 60%;
        bottom: unset;
    }
    .accessories-content {
        margin-top: -100px;
    }
    #gallery-slider .owl-item {
        overflow: scroll;
    }
    /* p-l-50 has been used in owl slider css, hence padding required in mpbile is only 21px */
    .p-l-50 {
        padding: 21px;
    }
    .event19 {
        width: 100%;
        left: 17%;
    }
}

@media (max-width: 479px) {
    .caption {
        word-break: break-all;
    }
}

/* li {
    list-style-type: disc;
} */  
/* comment by aniruddh porwal */

::selection {
    background: #ff5e99;
    color: #FFFFFF;
    text-shadow: 0;
}

::-moz-selection {
    background: #ff5e99;
    color: #FFFFFF;
}

.col-3-gallery {
    padding: 0;
    margin-top: 20px;
    background: #183c61;
}

.weekend-gallery {
    background: #000 !important;
}

.weekend-gallery .contest-inner #owl_images .item,
.weekend-gallery .contest-inner #owl_videos .item {
    background: none;
}

.contest-inner i {
    display: contents;
    font-size: 17px;
}

.winners-list .caption p {
    color: #203f9c;
    border-bottom: 1px solid #203f9c;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 500px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 0%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 20%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/*CSS for Small Gallery Modal */

@media screen and (min-width:1326px) {
    .gallery-thumbnail {
        visibility: hidden;
    }
    .thumbnail-container {
        visibility: hidden;
    }
}


/* Mobile Timeline for iphone 5 */

@media screen and (max-width:320px) {
    .mobile-timeline {
        padding: 6px !important;
    }
    .mobile-timeline-upcoming {
        padding: 6px !important;
    }
    .mobile-timeline-next {
        padding: 6px !important;
    }
    .event19 .fame a {
        position: inherit;
        left: 27%
    }
    .blue-logo {
        width: 37% !important;
        float: left !important;
    }
    .blue-logo img {
        width: 100%;
    }
    .navbar-brand img {
        padding: 14px 20px;
    }
}


/*CSS for Small Gallery Modal Ends*/

@media screen and (max-width:480px) {
    /*.call-sliders .owl-prev i, {
    	font-size: 13px!important;
    }*/
    .blue-logo {
        width: 37% !important;
        float: left !important;
    }
    .blue-logo img {
        width: 100%;
    }
    .navbar-brand img {
        padding: 14px 20px;
    }
    .contest-wrapper {
        padding: 20px 0px;
    }
    .btn-block {
        padding: 4px !important;
    }
    .philosophy-audio audio {
        left: 8%;
    }
    .call-sliders .owl-next i {
        font-size: 17px !important;
    }
    .countdown .item {
        font-size: 40px !important;
        padding: 0 4px;
    }
    .countdown .label {
        font-size: 8px !important;
    }
    .count-down {
        width: 80%;
    }
    .coming-soon-sec {
        padding: 20px 0;
        min-height: 450px;
    }
    .video-blue {
        display: block;
    }
    .count-timer {
        width: 100%;
    }
    .submit-btn {
        display: inline-block;
        margin-left: 15px;
    }
    .video-blue .video-column {
        padding-right: 0;
    }
    .navbar-brand {
        width: 150px;
    }
    .book-btn {
        text-align: right;
    }
    .book-btn {
        left: 14px;
        text-align: right;
        right: 4% !important;
    }
    .book-btn img {
        width: 7%;
    }
    .campaign-navigation .blue-campaign {
        width: 100%;
        float: none !important;
    }
    .social-nav li a {
        padding: 0px !important;
    }
    .blue-campaign .navbar-nav li a {
        padding: 10px 12px !important;
    }
    .philosophy-audio {
        left: 18%;
    }
    .book-btn a {
        display: inline;
        border: none;
        font-size: 12px;
    }
    #call-sliders {
        margin-bottom: 20px;
    }
    .call-sliders .owl-prev {
        top: 42%;
        left: -5px;
    }
    .call-sliders .owl-next {
        top: 42%;
        right: -5px;
    }
    .call-sliders .owl-prev i {
        font-size: 17px !important;
    }
    .call-sliders .owl-theme .owl-nav [class*=owl-] {
        padding: 0px 0px !important;
    }
    .blue-logo {
        width: 45%;
    }
    .event1,
    .event2,
    .event3,
    .event4 {
        width: 100%;
        margin-bottom: 10px;
    }
    .event-register-wrapper {
        display: inline-block;
    }
    .fame {
        padding: 30px 10px;
        margin-bottom: 10px;
    }
    .fame a {
        position: inherit;
        left: 27%
    }
    .event19 .fame a {
        position: inherit;
    }
    .fame p {
        padding-bottom: 17px;
    }
    .track {
        padding: 30px 10px;
        margin-bottom: 10px;
    }
    .track a {
        position: inherit;
        left: 27%
    }
    .track p {
        padding-bottom: 17px;
    }
    .allevent-dialog {
        width: 95%;
    }
    .allevent-dialog .event-head {
        font-size: 16px;
    }
    .allevent-dialog .fame {
        min-height: 190px;
    }
    .allevent-dialog .track {
        min-height: 190px;
    }
    .winner-main-block {
        display: block;
    }
    .winner-txt {
        width: 100%;
    }
    .winner-image {
        width: 100%;
    }
    .chennai-block-hd {
        width: 80%;
    }
    .chennai-txt {
        width: 80%;
    }
    .popup-share {
        right: 25%;
    }
    .gallery-thumbnail {
        visibility: hidden;
    }
    .thumbnail-container {
        visibility: hidden;
    }
    .main-riding-group {
        font-size: 11px;
    }
    .accessories-gallery-content img {
        position: unset !important;
        transform: translate3d(0, -50%, 0) !important;
    }
    @media screen and (min-width:481px) and (max-width:768px) {
        .blue-logo {
            position: fixed;
            right: 0px;
        }
        .coming-soon-sec {
            padding: 40px 0;
            min-height: 400px;
        }
        .count-down {
            width: 70%;
        }
        .video-blue {
            display: block;
        }
        .count-timer {
            width: 94%;
        }
        .video-blue .video-column {
            padding-right: 0;
        }
        .book-btn {
            left: 14px;
        }
        .book-btn img {
            width: 7%;
        }
        .campaign-navigation .blue-campaign {
            width: 100%;
            float: none !important;
        }
        .blue-campaign .navbar-nav li a {
            padding: 10px 12px !important;
        }
        .philosophy-audio {
            left: 18%;
        }
        .book-btn a {
            display: inline;
            border: none;
        }
        .blue-campaign .navbar-nav>li>a {
            font-size: 10px;
            padding: 4px;
        }
        .event-register-wrapper {
            display: inline-block;
        }
        .fame {
            padding: 30px 10px;
            margin-bottom: 10px;
        }
        .fame a {
            position: inherit;
        }
        .fame p {
            padding-bottom: 17px;
        }
        .track {
            padding: 30px 10px;
            margin-bottom: 10px;
        }
        .track a {
            position: inherit;
        }
        .track p {
            padding-bottom: 17px;
        }
        .allevent-dialog {
            width: 90%;
        }
        .allevent-dialog .event-head {
            font-size: 16px;
        }
        .allevent-dialog .fame {
            min-height: 190px;
        }
        .allevent-dialog .track {
            min-height: 190px;
        }
        .winner-main-block {
            display: block;
        }
        .winner-txt {
            width: 100%;
        }
        .winner-image {
            width: 100%;
        }
        .chennai-block-hd {
            width: 80%;
        }
        .chennai-txt {
            width: 80%;
        }
        .popup-share {
            right: 25%;
        }
        .gallery-thumbnail {
            visibility: hidden;
        }
        .thumbnail-container {
            visibility: hidden;
        }
        .accessories-gallery-content img {
            position: unset !important;
        }
    }
    @media screen and (min-width:769px) and (max-width:990px) {
        .video-blue {
            display: block;
        }
        .count-timer {
            width: 70%;
        }
        .video-blue .video-column {
            padding-right: 0;
        }
        .book-btn {
            left: 14px;
        }
        .book-btn img {
            width: 7%;
        }
        .campaign-navigation .blue-campaign {
            width: 100%;
            float: none !important;
        }
        .blue-campaign .navbar-nav li {
            margin: 0px 5px;
        }
        .blue-campaign .navbar-nav li a {
            padding: 3px 8px !important;
            font-size: 13px;
        }
        .philosophy-audio {
            left: 18%;
        }
        .book-btn a {
            display: inline;
            border: none;
        }
        .event-register-wrapper {
            display: inline-block;
        }
        .fame {
            padding: 30px 10px;
            margin-bottom: 10px;
        }
        .fame a {
            position: inherit;
        }
        .fame p {
            padding-bottom: 17px;
        }
        .track {
            padding: 30px 10px;
            margin-bottom: 10px;
        }
        .track a {
            position: inherit;
        }
        .track p {
            padding-bottom: 17px;
        }
        .allevent-dialog {
            width: 95%;
        }
        .allevent-dialog .event-head {
            font-size: 16px;
        }
        .allevent-dialog .fame {
            min-height: 190px;
        }
        .allevent-dialog .track {
            min-height: 190px;
        }
        .popup-share {
            right: 25%;
        }
        .gallery-thumbnail {
            visibility: hidden;
        }
        .thumbnail-container {
            visibility: hidden;
        }
    }
    @media screen and (min-width:991px) and (max-width:1200) {
        .video-blue {
            display: block;
        }
    }
}


/*@media screen and (min-width:991px) and (max-width:1366px)
{
	.coming-soon-sec{
		padding: 12px 0;
    	min-height: 358px;
	}
	.count-down{
		width:90%;
		padding:7px 0;
	}
}*/

@media print {
    .register-container-back-color,
    .campaign-navigation,
    #primary-footer {
        display: none;
    }
    body {
        font-family: Georgia, serif;
        font-size: 16pt;
        line-height: 24pt;
        background: none;
        color: #000;
    }
    .modal-content,
    .modal-header,
    .modal-body {
        background-color: #203f9c !important;
    }
    .modal-header {
        padding: 30px;
    }
    .modal-header button {
        display: none;
    }
    .event-message {
        color: #000 !important;
        font-size: 16px !important;
    }
    .event-message+div.row .col-md-5 img {
        width: 20% !important;
    }
    .event-message+div.row div.col-md-5+div {
        color: #fff !important;
    }
    #download-pass {
        display: none;
    }
    #event-pass {
        visibility: visible;
    }
}

.fixed-icon {
    position: fixed;
    bottom: 40px;
    right: 40px;
    perspective: 200px;
    z-index: 9;
    display: block;
    transition: none;
    cursor: pointer;
}

.iconSLider.hotline {
    transform: rotate3d(0, 1, 0, 180deg);
    animation: 4s icoHotline infinite;
    z-index: 1;
}

.upcoming-month {
    background: #fff;
    color: #203f9c;
    padding: 6px;
    font-weight: bold;
}

.iconSLider {
    display: block;
    width: 90px;
    height: 90px;
    background: url(../images/register.png) center no-repeat;
    z-index: 99;
    position: absolute;
    bottom: 0;
    right: 0;
}

.iconSLider.envelope {
    background-image: url(../images/register1.png);
    bottom: 0;
    right: 0;
    z-index: 2;
    transform: rotate3d(0, 1, 0, 0deg);
    animation: 4s icoEvelope infinite;
}

@keyframes icoHotline {
    0% {
        transform: rotate3d(0, 1, 0, 180deg)
    }
    30% {
        transform: rotate3d(0, 1, 0, 0deg);
        z-index: 3
    }
    70% {
        transform: rotate3d(0, 1, 0, 0deg);
        z-index: 3
    }
    100% {
        transform: rotate3d(0, 1, 0, 180deg);
        z-index: 1
    }
}

@keyframes icoEvelope {
    0% {
        transform: rotate3d(0, -1, 0, 0deg)
    }
    30% {
        transform: rotate3d(0, -1, 0, 180deg);
        z-index: 1
    }
    70% {
        transform: rotate3d(0, -1, 0, 180deg);
        z-index: 1
    }
    100% {
        transform: rotate3d(0, -1, 0, 0deg);
        z-index: 2
    }
}


/*3D animation end*/

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 880px !important;
        margin: 30px auto;
    }
}

.inner-save-button {
    float: right;
    margin-right: 30px;
    margin-top: 30px;
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 30px;
}

.para-pass {
    text-align: left;
    font-size: 20px !important;
    margin-left: 70px !important;
}

.inner-save-para {
    text-align: left;
    font-size: 18px !important;
    margin-left: 70px !important;
}

.qrcode {
    float: right;
    margin-right: 30px;
    margin-top: 30px;
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 30px;
}

@media (max-width: 560px) {
    .text-xs-center {
        text-align: center !important;
    }
    .w-xs-100 {
        width: 100%;
    }
    .mt-xs-3 {
        margin-top: 25px;
    }
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #979494;
    padding-left: 0px;
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400;
}

#progressbar li span {
    display: block;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

#progressbar li i {
    font-size: 30px;
    padding: 15px 20px;
    border-radius: 50%;
    margin: 20px auto;
    background-color: #fff;
    border: 3pt solid #fff;
}

#progressbar li img {
    padding: 5px 3px;
    border-radius: 50%;
    margin: 20px auto;
    background-color: #fff;
    height: 68px;
    border: 3pt solid #fff;
}

#progressbar li strong {
    display: block;
    text-transform: uppercase;
}

.bg-light {
    background: #f1f1f1 !important;
    padding: 15px 10px 5px 5px;
}

#progressbar .active {
    border-color: #231eff;
    color: #231eff;
}

#progressbar .active i {
    background: #fff;
    color: #000;
    border: 3pt solid #231eff;
}

#progressbar .active img {
    background: #fff;
    color: #000;
    border: 3pt solid #231eff;
}

.covid-heading {
    font-size: 24px;
    text-align: center;
}

.list-tick {
    font-size: 16px;
}

.list-tick li:before {
    font-family: FontAwesome;
    content: "\f00c";
    margin-right: 10px;
    color: #140bb3;
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #231eff;
}

.progress-bar {
    background-color: #231eff
}

#trackDayEventAllEvent {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

#trackDayEventAllEvent fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
    padding: 30px;
}

#trackDayEventAllEvent fieldset:not(:first-of-type) {
    display: none
}

#trackDayEventAllEvent .action-button {
    width: 100px;
    background: #231eff;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 50px 0px 10px 5px;
    float: right
}

#trackDayEventAllEvent .action-button:hover,
#trackDayEventAllEvent .action-button:focus {
    background-color: #1205ae;
}

#trackDayEventAllEvent .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 50px 5px 10px 0px;
    float: right
}

#trackDayEventAllEvent .action-button-previous:hover,
#trackDayEventAllEvent .action-button-previous:focus {
    background-color: #000000
}

#eventKnowledge {
    float: left;
    text-align: left;
    margin-bottom: 20px;
    margin-left: 18px;
    font-size: large;
}

#eventKnowledge div label {
    font-size: 20px;
    font-weight: 600;
}

#termsCondition {
    margin-left: 18px !important;
    font-size: large;
}

#agreeToPolicyLabel {
    font-size: 22px;
}

.error-style {
    font-size: 16px;
}

.licenseInfoIcon {
    font-size: 100%;
    color: blue;
    position: relative;
}

.float {
    position: fixed;
    width: 110px;
    height: 39px;
    bottom: 80px;
    right: 20px;
    background-color: #001eff;
    color: #fff;
    border-radius: 0px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    animation: bot-to-top 2s ease-out;
    font-size: 16px;
}

.float:hover {
    color: #fff;
}


/* .float--footer{
      bottom: 180px;
  } */

#sideInfo {
    display: none;
}


/* .share-menu--footer{bottom: 200px;}*/

ul.share-menu {
    position: fixed;
    right: 40px;
    padding-bottom: 20px;
    bottom: 100px;
    z-index: 100;
}

ul.share-menu li {
    list-style: none;
    margin-bottom: 10px;
}

ul.share-menu li a {
    background-color: #001eff;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    width: 60px;
    height: 60px;
    display: block;
}

ul.share-menu:hover {
    visibility: visible !important;
    opacity: 1 !important;
}

.my-float {
    margin-top: 12px;
}

a#menu-share+ul.share-menu {
    visibility: hidden;
}

a#menu-share:hover+ul.share-menu {
    visibility: visible;
    animation: scale-in 1s;
}

a#menu-share i {
    animation: rotate-in 1s;
}

a#menu-share:hover>i {
    animation: rotate-out 0.5s;
    color: #fff;
}

.payBtn {
    appearance: button;
    backface-visibility: hidden;
    background-color: #405cf5;
    border-radius: 6px;
    border-width: 0;
    box-shadow: rgba(50, 50, 93, .1) 0 0 0 1px inset, rgba(50, 50, 93, .1) 0 2px 5px 0, rgba(0, 0, 0, .07) 0 1px 1px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
    font-size: 100%;
    height: 44px;
    line-height: 1.15;
    margin: 12px 0 0;
    outline: none;
    overflow: hidden;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    text-transform: none;
    transform: translateZ(0);
    transition: all .2s, box-shadow .08s ease-in;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: 30%;
    background-image: linear-gradient(to right, #203f9c 0%, #26a0da 51%, #2952a8 100%);
    box-shadow: 1px 3px 4px #4d9ad6;
}

.payBtn:hover {
    color: #fff;
}

.payBtn:disabled {
    cursor: default;
}

.payBtn:focus {
    box-shadow: rgba(50, 50, 93, .1) 0 0 0 1px inset, rgba(50, 50, 93, .2) 0 6px 15px 0, rgba(0, 0, 0, .1) 0 2px 2px 0, rgba(50, 151, 211, .3) 0 0 0 4px;
}

@media(max-width: 480px) {
    .payBtn {
        width: 55%;
    }
}

@keyframes bot-to-top {
    0% {
        bottom: -40px;
    }
    50% {
        bottom: 40px;
    }
}

@keyframes scale-in {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes rotate-in {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate-out {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@media (max-width: 1100px) {
    form fieldset div ul li {
        width: 44% !important;
    }
}

@media (max-width: 950px) {
    form fieldset div ul li {
        width: 43% !important;
    }
    form fieldset div ul li label {
        top: -35px;
    }
}

@media (max-width: 560px) {
    #progressbar {
        padding-left: 0px;
    }
    #progressbar li {
        padding: 10px;
        height: 200px;
        width: 50%;
    }
    #trackDayEventAllEvent fieldset {
        padding: 0px;
    }
    form fieldset div ul li {
        /* margin: 30px 0px; */
        width: 100% !important;
    }
    h2.content__title {
        padding-left: 0px !important;
    }
}

.fa-check {
    border: 1pt solid;
    padding: 10px;
    border-radius: 50%;
    font-size: 50px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    form fieldset div ul li label {
        top: -35px;
    }
    .error-style {
        font-size: 13px;
        top: 45px;
    }
    .list-half li {
        width: 100%;
        padding: 10px;
        max-width: 100%;
        margin: 5px 10px;
    }
}

#result-modal {
    padding-right: 7px;
    background: rgba(44, 58, 233, 0.9);
    ;
}

#rider-section .rider-type-head {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    background-color: #231eff;
    padding: 0.75rem;
}

#rider-beginner,
#rider-experienced {
    background-color: #231eff;
}

.rider-list-group {
    margin: 0 0.75rem;
}

.rider-list-group-item {
    padding: 5px 0rem !important;
    font-size: 18px;
    text-align: center;
    border-right: 3pt solid #0220fd;
    border-top: 10pt solid #0220fd;
}

.rider-list-group-item:last-child {
    border-right: none;
}

#rider-beginner .rider-type-head,
#rider-experienced .rider-type-head {
    color: #fff;
    font-size: 23px;
    padding: 10px 0px;
    text-transform: uppercase;
    position: relative;
    top: -0.9em;
    display: inline;
    background-color: #000;
    color: #fff;
    padding: 3px 20px;
    box-shadow: 0px 2px 4px 3px #fff;
}

.rider-list-group-item img {
    width: 70px;
    margin-right: 0rem;
    margin-bottom: 5px;
}

.registration-fee {
    font-size: 1.25rem;
    color: #fff;
    font-weight: 700;
    padding: 0.75rem 0;
}

@media (max-width: 991.98px) {
    .col-sm-12 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media(max-width: 768px) {
    .rider-list-group-item {
        text-align: left;
        padding: 10px 20px !important;
    }
    .rider-list-group-item img {
        margin-right: 10px;
    }
    .rider-list-group-item {
        border: none;
    }
}

/* #vehicle_registration_no-error {
    margin-top: 20px;
} */

.fa-calendar:before {
    color: #000;
}

label#datepicker-error {
    margin-top: 20px;
}

.override-bg .modal-background {
    background: url("../../image/events/trackday-registration/FZX-pop-banner.webp") no-repeat 100% 100%;
    background-position: center;
    background-size: cover;
}

.override-bg .tint {
    background: rgba(0, 0, 0, 0.6);
}

.override-bg .modal-content .event-message {
    background: none;
    padding: 10px;
}

#agreeToPolicyLabel {
    text-align: left;
}

.banner-overide {
    margin-top: 120px;
}

@media (max-width: 1200px) {
    .banner-overide {
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    #key-highlight .bg-white>div {
        background: #fff !important;
        color: #000 !important;
    }
}

#key-highlight .bg-white:hover {
    background: #0002aa !important;
    color: #fff;
}

#key-highlight .bg-white:hover .title:before {
    border-top: 1pt solid #fff;
}

#key-highlight .bg-white:hover .title:after {
    border-bottom: 1pt solid #fff;
}

.register-btn .btn-default {
    padding: 5px 10px;
    border: 1pt solid #ddd;
    border-radius: 2px;
    width: 100px;
    color: #a7a7a7;
}

.register-btn .btn-default.active {
    background: #0002aa !important;
    color: #fff;
}

#sendmobOtpAllEvent {
    top: 14px !important;
}

@media screen and (max-width: 640px) {
    #trackDayEventAllEvent .action-button {
        position: relative;
        transform: none;
    }
    .registration-form-wrapper input[type=text],
    .registration-form-wrapper input[type=number],
    .registration-form-wrapper select {
        width: 90%;
    }
}
.upper_div{
   
    z-index: 0;
}
.hidden {
    display: none;
}

/*****Registration Form End***/
.events-terms-conditions-banner{
    position: relative;
}
@media screen and (max-width: 640px) {
    .registration-form-wrapper input[type=text], .registration-form-wrapper input[type=number], .registration-form-wrapper select {
        width: 100%;
    }
}


.modal-header {
    z-index:1;
} 
@media (max-width: 600px) {
    .upper_div {
        bottom: 0px;
        left: 50% !important;
    }
    section.events .event_update {
        display: block !important;
     }
     section.events.track_day_event .event, section.events.track_day_event .update{
        display: table-cell;

     }
}