/* Minification failed. Returning unminified contents.
(683,43): run-time error CSS1046: Expect comma, found '183'
(683,51): run-time error CSS1046: Expect comma, found '/'
(772,42): run-time error CSS1046: Expect comma, found '162'
(772,50): run-time error CSS1046: Expect comma, found '/'
(1364,42): run-time error CSS1046: Expect comma, found '148'
(1364,50): run-time error CSS1046: Expect comma, found '/'
(1453,47): run-time error CSS1046: Expect comma, found '148'
(1453,55): run-time error CSS1046: Expect comma, found '/'
(1467,47): run-time error CSS1046: Expect comma, found '148'
(1467,55): run-time error CSS1046: Expect comma, found '/'
(1484,42): run-time error CSS1046: Expect comma, found '148'
(1484,50): run-time error CSS1046: Expect comma, found '/'
(1643,65): run-time error CSS1046: Expect comma, found '68'
(1643,71): run-time error CSS1046: Expect comma, found '/'
(1671,42): run-time error CSS1046: Expect comma, found '148'
(1671,50): run-time error CSS1046: Expect comma, found '/'
(1700,61): run-time error CSS1046: Expect comma, found '68'
(1700,67): run-time error CSS1046: Expect comma, found '/'
(1731,42): run-time error CSS1046: Expect comma, found '148'
(1731,50): run-time error CSS1046: Expect comma, found '/'
(1754,51): run-time error CSS1046: Expect comma, found '148'
(1754,59): run-time error CSS1046: Expect comma, found '/'
(1768,51): run-time error CSS1046: Expect comma, found '148'
(1768,59): run-time error CSS1046: Expect comma, found '/'
(1789,28): run-time error CSS1046: Expect comma, found '255'
(1789,36): run-time error CSS1046: Expect comma, found '/'
(1790,63): run-time error CSS1046: Expect comma, found '68'
(1790,69): run-time error CSS1046: Expect comma, found '/'
(1822,42): run-time error CSS1046: Expect comma, found '148'
(1822,50): run-time error CSS1046: Expect comma, found '/'
(1845,51): run-time error CSS1046: Expect comma, found '148'
(1845,59): run-time error CSS1046: Expect comma, found '/'
(1859,51): run-time error CSS1046: Expect comma, found '148'
(1859,59): run-time error CSS1046: Expect comma, found '/'
(1880,28): run-time error CSS1046: Expect comma, found '255'
(1880,36): run-time error CSS1046: Expect comma, found '/'
(1881,63): run-time error CSS1046: Expect comma, found '68'
(1881,69): run-time error CSS1046: Expect comma, found '/'
(2066,42): run-time error CSS1046: Expect comma, found '162'
(2066,50): run-time error CSS1046: Expect comma, found '/'
(2673,16): run-time error CSS1038: Expected hex color, found '#00000'
(2957,42): run-time error CSS1046: Expect comma, found '162'
(2957,50): run-time error CSS1046: Expect comma, found '/'
(4545,42): run-time error CSS1046: Expect comma, found '162'
(4545,50): run-time error CSS1046: Expect comma, found '/'
(4669,124): run-time error CSS1046: Expect comma, found '49'
(4669,130): run-time error CSS1046: Expect comma, found '/'
(4669,149): run-time error CSS1046: Expect comma, found '13'
(4669,155): run-time error CSS1046: Expect comma, found '/'
(4811,23): run-time error CSS1046: Expect comma, found '0'
(4811,27): run-time error CSS1046: Expect comma, found '/'
(5078,42): run-time error CSS1046: Expect comma, found '148'
(5078,50): run-time error CSS1046: Expect comma, found '/'
(5137,42): run-time error CSS1046: Expect comma, found '162'
(5137,50): run-time error CSS1046: Expect comma, found '/'
 */
@font-face {
    font-family: 'kanitbold';
    src: url('fonts/kanit-bold-webfont.woff2') format('woff2'), url('fonts/kanit-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanitlight';
    src: url('fonts/kanit-light-webfont.woff2') format('woff2'), url('fonts/kanit-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanitmedium';
    src: url('fonts/kanit-medium-webfont.woff2') format('woff2'), url('fonts/kanit-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glyphter';
    src: url('fonts/Glyphter.eot');
    src: url('fonts/Glyphter.eot?#iefix') format('embedded-opentype'), url('fonts/Glyphter.woff') format('woff'), url('fonts/Glyphter.ttf') format('truetype'), url('../fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanitextrabold_italic';
    src: url('fonts/kanit-extrabolditalic-webfont.woff2') format('woff2'), url('fonts/kanit-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dharma_gothic_eexbold';
    src: url('fonts/dharmagothice_exbold_r-webfont.woff2') format('woff2'), url('fonts/dharmagothice_exbold_r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Druk';
    src: url('fonts/Druk-Medium.woff2') format('woff2'), url('fonts/Druk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.woff2') format('woff2'), url('fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* [class*='icon-']:before {
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-down_arrow:before {
    content: '\0041';
}

.icon-rh_arrow:before {
    content: '\0042';
} */


@font-face {
    font-family: 'hero moto sport';
    src: url('fonts/hero-moto-sport.eot');
    src: url('fonts/hero-moto-sport.eot?#iefix') format('embedded-opentype'), url('fonts/hero-moto-sport.woff') format('woff'), url('fonts/hero-moto-sport.ttf') format('truetype'), url('fonts/hero-moto-sport.svg#hero-moto-sport') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-']:before {
    display: inline-block;
    font-family: 'hero moto sport';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-rh:before {
    content: '\0041';
}

.icon-twitter:before {
    content: '\0042';
}

.icon-inst:before {
    content: '\0043';
}

.icon-fb:before {
    content: '\0044';
}

.icon-youtube:before {
    content: '\0045';
}

.icon-icon-download:before {
    content: '\0046';
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    font-family: 'kanitlight';
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: inherit;
}

ul, li {
    list-style: none;
}

.clear {
    clear: both;
}

img {
    border: none;
    width: 100%;
    display: block;
}

input, textarea {
    outline: none;
    resize: none;
}
a:hover {
    text-decoration: none !important;
}
.transition, .cta_skew_btn:after, .nav ul > li > a, .fallow_dropdown a, .sub_nav_arrow, .sub_nav, .sub_nav2, .sub_nav3, .hm-gallery-rh-top-sec a:before,
.hm-about-img-slider-txt a:before, .rally-life-nav-txt a span:before, .section-heading a:before, #divMedia .mediaDiv p, #divMedia .mediaDiv p:after, .cta-arrow-rh:before {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.hm-news-img img, .hm-gallery .tile img {
    transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.hm-news-list a:hover .hm-news-img img, .hm-gallery .tile:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.main {
    width: 100%;
    overflow: hidden;
}

.breadcrumbs {
    overflow: hidden;
    float: left;
    margin: 10px 0 0 20px;
}

    .breadcrumbs img {
        width: 100px;
        display: inline-block;
        vertical-align: middle;
    }

    .breadcrumbs ul {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        margin-bottom: 0;
    }

        .breadcrumbs ul li {
            display: inline-block;
            font-size: 24px;
            margin: 0px 5px;
            vertical-align: middle;
            text-transform: uppercase;
            font-family: 'Druk';
            cursor: default;
        }

            .breadcrumbs ul li a {
                color: #000;
                cursor: pointer;
            }
/* new css [START] */
.cta-arrow-rh {
    font-size: 18px;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    color: #EC2129;
    font-family: 'Druk';
    position: relative;
    padding-right: 15px;
    letter-spacing: 1px;
}

    .cta-arrow-rh:before {
        font-size: 10px;
        right: 0px;
        top: 50%;
        margin-top: -5px;
        position: absolute;
    }

    .cta-arrow-rh:hover {
        color: #EC2129;
    }

        .cta-arrow-rh:hover:before {
            right: -5px;
        }

.hm-header {
    width: 100%;
    background: #FFF;
    padding: 20px 40px 20px 0px;
    overflow: hidden;
    position: relative;
}

.home-head-logos {
    float: right;
    width: 149px;
    margin: auto 30px;
}

.hm-logo {
    float: right;
    max-width: 177px;
}

.headlogo-wrapper {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.m-nav {
    /*    position: absolute;*/
    left: 30px;
    top: 30px;
    width: 30px;
    display: none;
}

    .m-nav img {
        min-width: 30px;
    }

.close-nav {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    display: none;
}

.main-wrapper {
    width: 100%;
}

.nav-section {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 250px;
    background: #FFF;
    height: 100vh;
    z-index: 2;
    padding: 40px;
    overflow-y: auto;
}

    .nav-section::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .nav-section::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    .nav-section::-webkit-scrollbar-thumb {
        background-color: #EC2129;
    }

.nav-links {
    list-style: none;
    padding: 0px;
    margin-top: 120px;
}

    .nav-links li {
        margin-top: 30px;
        display: block;
        font-family: 'Druk';
    }

        .nav-links li a {
            font-size: 24px;
            color: #000;
            line-height: 26px;
            display: block;
            transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            text-transform: uppercase;
            letter-spacing: 3px;
        }

        .nav-links li:hover a {
            color: #E50019;
        }

.poulo-logo {
    /* position: absolute; */
    /* left: 40px; */
    width: 142px;
    /* bottom: 40px; */
    margin-top: 15px;
}

    .poulo-logo p {
        font-family: 'Druk';
        font-size: 14px;
        letter-spacing: 1px;
        margin: 10px 0px 0px;
    }

    .poulo-logo a {
        font-family: 'Druk';
        font-size: 14px;
        letter-spacing: 1px;
        margin-top: 10px;
        color: #EC2129;
        display: inline-block;
        margin-top: 10px;
        padding-right: 15px;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

        .poulo-logo a:hover {
            color: #EC2129;
        }

        .poulo-logo a:before {
            position: absolute;
            font-size: 10px;
            right: 0px;
            top: 50%;
            margin-top: -5px;
        }

.content-container {
    width: 100%;
    padding-left: 250px;
}

.top-section {
    width: 100%;
    background: #FFF;
    overflow: hidden;
}

.hm-about-section {
    width: 100%;
    padding: 30px 40px 40px 20px;
    background: #FFF;
    overflow: hidden;
}

.hm-about-slider {
    position: relative;
}

.hm-about-img-slider {
    width: 60%;
}

.hm-about-img-slider-txt-container {
    width: 50%;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: #000;
    padding: 40px 40px 80px 40px;
}

    .hm-about-img-slider-txt-container .patch {
        width: 100%;
        position: absolute;
        left: 0px;
        bottom: -24px;
        height: 25px;
        overflow: hidden;
    }

        .hm-about-img-slider-txt-container .patch:after {
            width: 38%;
            background: #000;
            position: absolute;
            right: -10px;
            top: 0;
            height: 100%;
            content: '';
            -ms-transform: skew(30deg,0deg);
            -webkit-transform: skew(30deg,0deg);
            transform: skew(30deg,0deg);
        }

        .hm-about-img-slider-txt-container .patch:before {
            width: 65px;
            background: #000;
            position: absolute;
            left: -10px;
            top: 0;
            height: 100%;
            content: '';
            -ms-transform: skew(-30deg,0deg);
            -webkit-transform: skew(-30deg,0deg);
            transform: skew(-30deg,0deg);
        }

.hm-about-img-slider-txt {
}

.hm-about-section .section-heading, .hm-riders .section-heading {
    color: #000;
}

.section-heading {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 30px;
    padding-bottom: 10px;
    font-family: 'Druk';
    letter-spacing: 1px;
    margin: 0px;
    /*margin-left:20px;*/
}

    .section-heading a {
        float: right;
        font-size: 18px;
        text-transform: uppercase;
        vertical-align: middle;
        color: #EC2129;
        font-family: 'Druk';
        position: relative;
        padding-right: 15px;
        margin-right: 40px;
    }

        .section-heading a:before {
            font-size: 10px;
            right: 0px;
            top: 50%;
            margin-top: -5px;
            position: absolute;
        }

        .section-heading a:hover:before {
            right: -5px;
            ;
        }

.hm-about-img-slider-txt h2 {
    font-size: 34px;
    color: #FFF;
    line-height: 30px;
    padding-bottom: 10px;
    font-family: 'Druk';
    margin: 0px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.hm-about-img-slider-txt p {
    font-size: 18px;
    color: #FFF;
    line-height: 18px;
    line-height: 30px;
    margin: 20px 0px 0px 0px;
    font-family: 'latoregular';
}

.hm-about-img-slider-txt a {
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    margin-top: 20px;
    color: #EC2129;
    font-family: 'Druk';
    position: relative;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    padding-right: 26px;
    outline: none;
}

    .hm-about-img-slider-txt a:hover {
        color: #FFF;
    }

    .hm-about-img-slider-txt a:before {
        position: absolute;
        right: 0px;
        font-size: 12px;
        top: 50%;
        margin-top: -6px;
    }

    .hm-about-img-slider-txt a:hover:before {
        right: -5px;
    }

.hm-about-img-slider-txt .slick-dots {
    position: absolute;
    top: -70px;
    right: 0;
}

.banner-section {
    padding-bottom: 20px;
}

    .banner-section .slick-dots, .hm-riders .slick-dots {
        position: absolute;
        left: 50%;
        bottom: -40px;
        transform: translateX(-50%);
    }

.hm-gallery-rh .slick-dots {
    margin-top: 40px;
}

    .hm-about-img-slider-txt .slick-dots li, .banner-section .slick-dots li, .hm-riders .slick-dots li, .hm-latest-news-section li, .hm-gallery-rh .slick-dots li {
        list-style: none;
        display: inline-block;
        margin: 0px 5px;
    }

        .hm-about-img-slider-txt .slick-dots li button, .banner-section .slick-dots li button, .hm-riders .slick-dots li button, .hm-latest-news-section .slick-dots li button, .hm-gallery-rh .slick-dots li button {
            background: #FFF;
            border-radius: 50%;
            width: 10px;
            height: 10px;
            border: 1px solid #000;
            outline: none;
            overflow: hidden;
            text-indent: 100px;
            cursor: pointer;
        }

        .hm-about-img-slider-txt .slick-dots li.slick-active button, .banner-section .slick-dots li.slick-active button, .hm-riders .slick-dots li.slick-active button, .hm-latest-news-section .slick-dots li.slick-active button, .hm-gallery-rh .slick-dots li.slick-active button {
            background: #000;
        }

ul.slick-dots {
    text-align: center;
}

.hm-riders {
    width: 100%;
    padding: 0px 0px 0px 20px;
}

    .hm-riders h3 {
        font-size: 25px;
        line-height: 25px;
        font-family: 'Druk';
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .hm-riders p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 5px;
        font-family: 'latoregular';
    }

.hm-riders-list-container {
}

.hm-riders-list {
    background: #FFF;
    margin: 20px 40px 20px 0px;
    display: block;
    outline: none;
}

.hm-riders-list-img {
    position: relative;
    z-index: 1;
}

.hm-riders-list-txt {
    width: 100%;
    position: relative;
}

    .hm-riders-list-txt h3 {
        position: absolute;
        top: 0;
        right: 0;
        background: #000;
        font-size: 18px;
        color: #fff;
        text-align: center;
        padding: 10px 15px;
        font-family: 'Druk';
        width: 150px;
        letter-spacing: 1px;
    }

        .hm-riders-list-txt h3 span {
            position: relative;
            z-index: 1;
        }

        .hm-riders-list-txt h3:after {
            width: 50px;
            position: absolute;
            left: -18px;
            top: 0px;
            height: 100%;
            background: #000;
            content: '';
            -ms-transform: skew(40deg,0deg);
            -webkit-transform: skew(40deg,0deg);
            transform: skew(40deg,0deg);
        }

.hm-riders-list-details {
    background: #fff;
    box-shadow: 0px 0px 10px -3px rgb(183 183 183 / 60%);
    padding: 20px;
}

.flag-icon {
    width: 32px;
    display: inline-block;
    vertical-align: middle;
}

.country_name {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    font-family: 'Druk';
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
    margin-left: 10px;
    letter-spacing: 2px;
}

.age {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    font-family: 'Druk';
    margin-top: 10px;
    letter-spacing: 2px;
}

.career-hilt-txt {
    width: 100%;
    min-height: 140px;
}

.career-highlights-hd {
    font-size: 21px;
    color: #000;
    margin-top: 10px;
    font-family: 'Druk';
    text-transform: uppercase;
    letter-spacing: 2px;
}

.ca-list {
    font-size: 14px;
    line-height: 18px;
    font-family: 'latoregular';
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-right: 20px;
}

.hm-upcoming-events {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    padding-bottom: 20px;
}

.slick-slide {
    outline: none;
}

.hm-upcoming-events-content {
    margin-top: 20px;
}

.hm-upcoming-events-list {
    margin: 0px 40px 20px 0px;
    position: relative;
    padding-bottom: 200px;
    position: relative;
}

.hm-upcoming-events-list-img {
    width: 100%;
}

.hm-upcoming-events-list-txt {
    position: absolute;
    left: 40px;
    bottom: 0px;
    width: calc(100% - 80px);
    background: #FFF;
    padding: 0px 40px 40px;
    box-shadow: 0px 0px 15px 0px rgb(162 162 162 / 75%);
}

    .hm-upcoming-events-list-txt .patch {
        width: 100%;
        position: absolute;
        left: 0px;
        top: -29px;
        height: 30px;
        overflow: hidden;
    }

        .hm-upcoming-events-list-txt .patch:before, .freature-media-list-txt .patch:before {
            width: 35%;
            background: #FFF;
            position: absolute;
            left: -10px;
            top: 0;
            height: 100%;
            content: '';
            -ms-transform: skew(30deg,0deg);
            -webkit-transform: skew(30deg,0deg);
            transform: skew(30deg,0deg);
        }

        .hm-upcoming-events-list-txt .patch:after, .freature-media-list-txt .patch:after {
            width: 15%;
            background: #FFF;
            position: absolute;
            right: -10px;
            top: 0;
            height: 100%;
            content: '';
            -ms-transform: skew(-30deg,0deg);
            -webkit-transform: skew(-30deg,0deg);
            transform: skew(-30deg,0deg);
        }

    .hm-upcoming-events-list-txt h3, .freature-media-list-txt h3 {
        font-size: 34px;
        margin-top: 10px;
        font-family: 'Druk';
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .hm-upcoming-events-list-txt p, .freature-media-list-txt p {
        font-size: 16px;
        color: #000;
        line-height: 26px;
        font-family: 'latoregular';
        letter-spacing: 1px;
    }

.event-dt {
    font-size: 18px;
    color: #000;
    font-family: 'Druk';
}

.hm-upcoming-events-list-txt a, .freature-media-list-txt a {
    font-size: 16px;
    color: #EC2129;
    display: inline-block;
    margin-top: 20px;
    font-family: 'Druk';
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    margin-right: 15px;
}

/*.hm-upcoming-events-list-txt a:before {
        font-size: 10px;
        left: 18%;
        bottom: 15%;
        margin-top: -5px;
        position: absolute;
    }*/


.hm-latest-news-section {
    margin: 10px 0px;
    padding-left: 20px;
}

    .hm-latest-news-section h2 {
        padding-bottom: 30px;
    }

.hm-latest-news {
    width: 100%;
    margin-top: 0px;
}

.hm-news-list a {
    display: block;
    margin-right: 30px;
    outline: none;
}

.hm-news-img {
    width: 100%;
    overflow: hidden;
}

.hm-news-txt {
    padding: 20px 0px;
}

    .hm-news-txt h3 {
        font-size: 15px;
        color: #B7B7B7;
        font-family: 'Druk';
        letter-spacing: 1px;
    }

    .hm-news-txt p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
        margin-bottom: 0px;
    }

.slick-track {
    margin: 0px !important;
}

.rally-life-nav {
    width: 100%;
    background: #F0F0F0;
    overflow: hidden;
}

.rally-life-nav-logo {
    width: 320px;
    vertical-align: middle;
    float: left;
}

.rally-life-nav-txt {
    font-size: 16px;
    width: calc(100% - 320px);
    display: inline-block;
    line-height: 20px;
    font-family: 'latoregular';
    padding-top: 20px;
    padding-right: 160px;
    line-height: 25px;
    position: relative;
    vertical-align: middle;
    padding: 40px 180px 40px 50px;
}

    .rally-life-nav-txt a {
        position: absolute;
        right: 0px;
        top: 0px;
        font-size: 14px;
        height: 100%;
        background: #000;
        color: #EC2129;
        width: 120px;
        text-align: center;
        font-family: 'Druk';
        text-transform: uppercase;
        letter-spacing: 1px;
    }

        .rally-life-nav-txt a:hover {
            color: #EC2129;
        }

            .rally-life-nav-txt a:hover span:before {
                right: -3px;
            }

        .rally-life-nav-txt a span {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding-right: 14px;
        }

            .rally-life-nav-txt a span:before {
                position: absolute;
                right: 0px;
                font-size: 10px;
                top: 50%;
                margin-top: -5px;
            }


.hm-gallery-section {
    width: 100%;
    margin-top: 40px;
    /*padding-left: 180px;*/
    position: relative;
}

.hm-gallery-lh {
    width: 180px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-size: cover;
}

.hm-gallery-rh {
    width: 100%;
    padding-left: 20px;
    padding-bottom: 40px;
}

.hm-gallery-rh-top-sec {
    overflow: hidden;
    padding: 40px 40px 0px 0px;
}

    .hm-gallery-rh-top-sec .section-heading {
        padding-right: 0%;
    }

    .hm-gallery-rh-top-sec .text {
        font-size: 16px;
        width: 350px;
        display: inline-block;
        line-height: 20px;
        font-family: 'latoregular';
        vertical-align: middle;
        padding-right: 50px;
    }

    .hm-gallery-rh-top-sec a {
        font-size: 18px;
        display: inline-block;
        text-transform: uppercase;
        vertical-align: middle;
        color: #EC2129;
        font-family: 'Druk';
        position: relative;
        padding-right: 15px;
        margin-right: 0px;
    }

        .hm-gallery-rh-top-sec a:hover {
            color: #EC2129;
        }

        .hm-gallery-rh-top-sec a:before {
            font-size: 10px;
            right: 0px;
            top: 50%;
            margin-top: -5px;
            position: absolute;
        }

        .hm-gallery-rh-top-sec a:hover:before {
            right: -5px;
        }

.hm-gallery {
    margin-top: 50px;
}

    .hm-gallery .tile {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0px 20px 0px 0px;
        outline: none;
    }

        .hm-gallery .tile h4 {
            position: absolute;
            left: 0px;
            bottom: 30px;
            padding: 0px 20px;
            color: #FFF;
            text-transform: uppercase;
            font-family: 'Druk';
            letter-spacing: 2px;
            margin: 0px;
            width: 100%;
        }

            .hm-gallery .tile h4:before {
                position: absolute;
                right: 20px;
                top: 50%;
                margin-top: -10px;
                color: #FFF;
                font-size: 20px;
            }

            .hm-gallery .tile h4 span {
                font-size: 14px;
                position: absolute;
                left: 20px;
                top: -20px;
            }

.subscribe {
    width: 100%;
    background: #E50019;
    padding: 50px 50px 100px;
    margin-top: 40px;
    position: relative;
}

    .subscribe .patch {
        width: 500px;
        height: 30px;
        position: absolute;
        right: 100px;
        bottom: 0px;
        overflow: hidden;
        background: #FFF;
    }

        .subscribe .patch:before {
            width: 30px;
            background: #E50019;
            position: absolute;
            left: -10px;
            top: 0;
            height: 100%;
            content: '';
            -ms-transform: skew(-30deg,0deg);
            -webkit-transform: skew(-30deg,0deg);
            transform: skew(-30deg,0deg);
        }

        .subscribe .patch:after {
            width: 30px;
            background: #E50019;
            position: absolute;
            right: -10px;
            top: 0;
            height: 100%;
            content: '';
            -ms-transform: skew(30deg,0deg);
            -webkit-transform: skew(30deg,0deg);
            transform: skew(30deg,0deg);
        }

    .subscribe .section-heading {
        color: #FFF;
        padding-bottom: 10px;
    }

    .subscribe h3 {
        font-size: 16px;
        color: #FFF;
        line-height: 16px;
        margin: 0px;
        font-family: 'latoregular';
        padding: 0px 0px 10px;
        text-transform: uppercase;
    }

    .subscribe .text-box {
        max-width: 730px;
        margin-top: 20px;
        position: relative;
        overflow: hidden;
    }

        .subscribe .text-box input {
            width: 100%;
            background: #FFF;
            height: 75px;
            padding: 0px 100px 0px 20px;
            border: none;
        }

        .subscribe .text-box:after {
            width: 118px;
            background: #000;
            position: absolute;
            right: -10px;
            top: 0;
            height: 75px;
            content: '';
            -ms-transform: skew(-30deg,0deg);
            -webkit-transform: skew(-30deg,0deg);
            transform: skew(-30deg,0deg);
            z-index: 1;
        }

.subscribe-btn {
    width: 80px;
    height: 75px;
    background: #000;
    border: none;
    outline: none;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 2;
}

    .subscribe-btn span {
        color: #FFF;
        font-size: 10px;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -5px;
    }

.hm-social {
    background: #FFF;
    padding: 50px 0px 100px 30px;
    box-shadow: 0px 0px 8px 0px #e3e3e3;
    margin: 50px 0px 0px 15px;
}

.soc-fd {
    display: block;
    margin-right: 30px;
    outline: none;
}

.soc-feed-img {
    position: relative;
    box-shadow: 0px 0px 8px 0px #c0c0c0;
}

.soc-head {
    position: absolute;
    left: 40px;
    padding-left: 40px;
    font-size: 14px;
    font-family: 'latoregular';
    top: 30px;
    color: #FFF;
}

    .soc-head:before {
        font-size: 20px;
        color: #FFF;
        position: absolute;
        left: 0px;
        top: 0px;
    }

.soc-copy {
    font-family: 'latoregular';
    font-size: 14px;
    line-height: 24px;
    padding-top: 10px;
}

.soc-feed-txt-only {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border: 1px solid #E50019;
    left: 20px;
    top: 20px;
    position: absolute;
    font-size: 16px;
    color: #000;
    padding: 50px 20px 20px 20px;
    line-height: 24px;
    overflow: hidden;
}

.hm-footer {
    background: #000;
    padding: 40px 100px;
    position: relative;
    z-index: 10;
    margin-top: 40px;
}

.hm-footer-wrapper {
    max-width: 1400px;
    margin: 0px auto;
}

.footer-links {
    width: 100%;
}

    .footer-links a {
        font-size: 28px;
        color: #FFF;
        display: block;
        text-align: left;
        letter-spacing: 1px;
        font-family: 'Druk';
        text-transform: uppercase;
        transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        display: inline-block;
        margin-right: 50px;
    }

        .footer-links a:hover {
            color: #E50019;
        }

.footer-logo-section {
    margin-top: 80px;
}

.soc-icon {
    float: left;
}

    .soc-icon h3 {
        font-size: 20px;
        color: #FFF;
        font-family: 'Druk';
        padding-bottom: 15px;
        text-transform: uppercase;
        margin: 0px;
        letter-spacing: 1px;
    }

.footer-logo-section {
    overflow: hidden;
}

    .footer-logo-section a {
        display: inline-block;
        margin-right: 15px;
        font-size: 25px;
        color: #FFF;
        transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
    }

        .footer-logo-section a:hover {
            color: #E50019;
        }

.footer-social {
    width: auto;
    float: left;
}

.footer-logo {
    float: right;
    width: 177px;
}

.footer-bottom-link {
    margin-top: 100px;
    overflow: hidden;
}

    .footer-bottom-link p {
        font-size: 12px;
        color: #FFF;
        float: left;
        font-family: 'Druk';
    }

.terms-links {
    float: right;
}

    .terms-links a {
        color: #FFF;
        float: left;
        margin-left: 10px;
        font-size: 12px;
        font-family: 'Druk';
    }

        .terms-links a:hover {
            color: #E50019;
        }

.rider-banner {
    position: relative;
}

.rider-details {
    width: 500px;
    right: 80px;
    top: 20%;
    background: #FFF;
    padding: 40px;
    position: absolute;
    box-shadow: 0px 0px 10px 0px rgb(148 148 148 / 48%);
}

.rd-name, .race-exp-txt h2 {
    font-size: 34px;
    color: #000;
    margin-top: 10px;
    font-family: 'Druk';
}

.rider-info {
    width: 100%;
    overflow: hidden;
    font-family: 'Druk';
    font-size: 18px;
    margin-top: 14px;
}

.rd-inf-lh {
    width: 100px;
    float: left;
}

.rd-inf-rh {
    width: calc(100% - 100px);
    float: left;
}

    .rd-inf-rh a {
        display: inline-block;
        margin-right: 5px;
        font-size: 14px;
    }

.most-challenge-txt .patch {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: -29px;
    height: 30px;
    overflow: hidden;
}

    .most-challenge-txt .patch:before {
        width: 35%;
        background: #FFF;
        position: absolute;
        left: -10px;
        top: 0;
        height: 100%;
        content: '';
        -ms-transform: skew(-30deg,0deg);
        -webkit-transform: skew(-30deg,0deg);
        transform: skew(-30deg,0deg);
    }

    .most-challenge-txt .patch:after {
        width: 15%;
        background: #FFF;
        position: absolute;
        right: -10px;
        top: 0;
        height: 100%;
        content: '';
        -ms-transform: skew(30deg,0deg);
        -webkit-transform: skew(30deg,0deg);
        transform: skew(30deg,0deg);
    }

.rider-details .patch {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: -38px;
    height: 40px;
    overflow: hidden;
}

    .rider-details .patch:after {
        width: 15%;
        background: #FFF;
        position: absolute;
        right: -10px;
        top: 0;
        height: 30px;
        content: '';
        -ms-transform: skew(30deg,0deg);
        -webkit-transform: skew(30deg,0deg);
        transform: skew(30deg,0deg);
        box-shadow: 0px -2px 10px 0px rgb(148 148 148 / 48%);
    }

    .rider-details .patch:before {
        width: 35%;
        background: #FFF;
        position: absolute;
        left: -10px;
        top: 0;
        height: 30px;
        content: '';
        -ms-transform: skew(-30deg,0deg);
        -webkit-transform: skew(-30deg,0deg);
        transform: skew(-30deg,0deg);
        box-shadow: 0px -2px 10px 0px rgb(148 148 148 / 48%);
    }

.race-exp {
    position: relative;
    margin-top: 100px;
    padding-bottom: 100px;
}

.race-exp-txt {
    width: 600px;
    position: absolute;
    left: 40px;
    bottom: 0px;
    background: #FFF;
    padding: 40px;
    position: absolute;
    box-shadow: 0px 0px 10px 0px rgb(148 148 148 / 48%);
}

    .race-exp-txt .patch {
        width: 100%;
        position: absolute;
        left: 0px;
        top: -29px;
        height: 30px;
        overflow: hidden;
    }

        .race-exp-txt .patch:before {
            width: 35%;
            background: #FFF;
            position: absolute;
            left: -10px;
            top: 0;
            height: 100%;
            content: '';
            -ms-transform: skew(30deg,0deg);
            -webkit-transform: skew(30deg,0deg);
            transform: skew(30deg,0deg);
        }

        .race-exp-txt .patch:after {
            width: 15%;
            background: #FFF;
            position: absolute;
            right: -10px;
            top: 0;
            height: 100%;
            content: '';
            -ms-transform: skew(-30deg,0deg);
            -webkit-transform: skew(-30deg,0deg);
            transform: skew(-30deg,0deg);
        }

    .race-exp-txt p {
        font-size: 16px;
        line-height: 25px;
        color: #000;
        font-family: 'latoregular';
        margin-top: 12px;
    }

.why-mot-sport {
    width: 100%;
    margin-top: 100px;
    position: relative;
}

.why-mot-sport-img {
    width: 60%;
}

.why-mot-sport-txt {
    width: 42%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    padding: 40px 40px 20px 40px;
}

    .why-mot-sport-txt .patch {
        width: 100%;
        position: absolute;
        left: 0px;
        bottom: -29px;
        height: 30px;
        overflow: hidden;
    }

        .why-mot-sport-txt .patch:before {
            width: 100px;
            background: #000;
            position: absolute;
            left: -10px;
            top: 0;
            height: 100%;
            content: '';
            -ms-transform: skew(-30deg,0deg);
            -webkit-transform: skew(-30deg,0deg);
            transform: skew(-30deg,0deg);
        }

        .why-mot-sport-txt .patch:after {
            width: 40%;
            background: #000;
            position: absolute;
            right: -10px;
            top: 0;
            height: 100%;
            content: '';
            -ms-transform: skew(30deg,0deg);
            -webkit-transform: skew(30deg,0deg);
            transform: skew(30deg,0deg);
        }

    .why-mot-sport-txt h2 {
        font-size: 24px;
        font-family: 'Druk';
        color: #FFF;
        padding: 40px 0px 40px 100px;
        letter-spacing: 1px;
        position: relative;
    }

        .why-mot-sport-txt h2:before {
            font-size: 350px;
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            content: ' “ ';
            height: 100px;
            line-height: 280px;
            text-shadow: 2px 1px 2px white, -1px -1px #444;
        }

    .why-mot-sport-txt p {
        font-size: 18px;
        line-height: 30px;
        color: #FFF;
        font-family: 'latoregular';
        padding-left: 45px;
    }

.most-exp {
    width: 100%;
    background: #F0F0F0;
    padding: 20px 40px;
    overflow: hidden;
    margin-top: 100px;
}

    .most-exp h2 {
        font-size: 24px;
        font-family: 'Druk';
        color: #000;
        padding: 40px 0px 20px 100px;
        letter-spacing: 1px;
        position: relative;
        float: left;
        text-transform: uppercase;
    }

        .most-exp h2:before {
            font-size: 350px;
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            content: ' “ ';
            height: 100px;
            line-height: 300px;
            color: #FFF;
            text-shadow: 2px 1px 2px #FFF, -1px -1px 3px rgb(68 68 68 / 31%);
        }

    .most-exp p {
        font-size: 16px;
        line-height: 24px;
        font-family: 'latoregular';
        float: left;
        color: #000;
        width: 500px;
        margin-left: 100px;
        padding: 25px 0px;
    }

.most-challenge {
    margin-top: 100px;
    background: #CFD6DE;
    position: relative;
    overflow: hidden;
    margin-right: 40px;
}

.most-challenge-txt {
    width: 40%;
    float: left;
    background: #FFF;
    margin: 100px 0px 0px 40px;
    padding: 0px 40px;
    box-shadow: 0px 0px 10px 0px rgb(148 148 148 / 48%);
    position: relative;
}

.most-challenge-img {
    float: right;
    width: 50%;
}

.most-challenge-txt h2 {
    font-size: 24px;
    font-family: 'Druk';
    color: #000;
    padding: 40px 0px 20px 100px;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
}

    .most-challenge-txt h2:before {
        font-size: 350px;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        content: ' “ ';
        height: 100px;
        line-height: 300px;
        color: #cfd6de59;
        text-shadow: 2px 1px 2px #FFF, -1px -1px 1px rgb(68 68 68 / 31%);
    }

.most-challenge-txt p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'latoregular';
    float: left;
    color: #000;
    padding: 20px 0px;
}


.best-part-job {
    width: 100%;
    margin-top: 100px;
    position: relative;
}

.best-part-job-img {
    width: 60%;
}

.best-part-job-txt {
    width: 42%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    background: #FFF;
    padding: 40px 40px 20px 40px;
    box-shadow: 0px 0px 10px 0px rgb(148 148 148 / 48%);
}

    .best-part-job-txt .patch {
        width: 100%;
        position: absolute;
        left: 0px;
        bottom: -38px;
        height: 40px;
        overflow: hidden;
    }

        .best-part-job-txt .patch:before {
            width: 100px;
            background: #FFF;
            position: absolute;
            left: -10px;
            top: 0;
            height: 30px;
            content: '';
            -ms-transform: skew(-30deg,0deg);
            -webkit-transform: skew(-30deg,0deg);
            transform: skew(-30deg,0deg);
            box-shadow: 0px -2px 10px 0px rgb(148 148 148 / 48%);
        }

        .best-part-job-txt .patch:after {
            width: 40%;
            background: #FFF;
            position: absolute;
            right: -10px;
            top: 0;
            height: 30px;
            content: '';
            -ms-transform: skew(30deg,0deg);
            -webkit-transform: skew(30deg,0deg);
            transform: skew(30deg,0deg);
            box-shadow: 0px -2px 10px 0px rgb(148 148 148 / 48%);
        }

    .best-part-job-txt h2 {
        font-size: 24px;
        font-family: 'Druk';
        color: #000;
        padding: 40px 0px 40px 100px;
        letter-spacing: 1px;
        position: relative;
    }

        .best-part-job-txt h2:before {
            font-size: 350px;
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            content: ' “ ';
            height: 100px;
            line-height: 280px;
            color: rgb(255 255 255 / 48%);
            text-shadow: 1px 1px 1px #fff, 0px 0px 3px rgb(68 68 68 / 42%);
        }

    .best-part-job-txt p {
        font-size: 18px;
        line-height: 30px;
        color: #000;
        font-family: 'latoregular';
    }

.side-hustle {
    width: 100%;
    margin-top: 100px;
    position: relative;
    margin-bottom: 100px;
    overflow: hidden;
    padding-right: 40px;
}

.side-hustle-img {
    width: 60%;
    float: right;
}

.side-hustle-txt {
    width: 42%;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%);
    background: #FFF;
    padding: 40px 40px 20px 40px;
    box-shadow: 0px 0px 10px 0px rgb(148 148 148 / 48%);
}

    .side-hustle-txt .patch {
        width: 100%;
        position: absolute;
        left: 0px;
        bottom: -38px;
        height: 40px;
        overflow: hidden;
    }

        .side-hustle-txt .patch:before {
            width: 100px;
            background: #FFF;
            position: absolute;
            left: -10px;
            top: 0;
            height: 30px;
            content: '';
            -ms-transform: skew(-30deg,0deg);
            -webkit-transform: skew(-30deg,0deg);
            transform: skew(-30deg,0deg);
            box-shadow: 0px -2px 10px 0px rgb(148 148 148 / 48%);
        }

        .side-hustle-txt .patch:after {
            width: 40%;
            background: #FFF;
            position: absolute;
            right: -10px;
            top: 0;
            height: 30px;
            content: '';
            -ms-transform: skew(30deg,0deg);
            -webkit-transform: skew(30deg,0deg);
            transform: skew(30deg,0deg);
            box-shadow: 0px -2px 10px 0px rgb(148 148 148 / 48%);
        }

    .side-hustle-txt h2 {
        font-size: 24px;
        font-family: 'Druk';
        color: #000;
        padding: 40px 0px 40px 100px;
        letter-spacing: 1px;
        position: relative;
    }

        .side-hustle-txt h2:before {
            font-size: 350px;
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            content: ' “ ';
            height: 100px;
            line-height: 280px;
            color: rgb(255 255 255 / 48%);
            text-shadow: 1px 1px 1px #fff, 0px 0px 3px rgb(68 68 68 / 42%);
        }

    .side-hustle-txt p {
        font-size: 18px;
        line-height: 30px;
        color: #000;
        font-family: 'latoregular';
    }

.rider-wrapper {
    overflow: hidden;
    padding-bottom: 50px;
}

.rider {
    width: 33.33%;
    float: left;
    padding-right: 30px;
}

    .rider a {
        display: block;
    }

.rider-name {
    position: relative;
    background: #000;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    font-family: 'Druk';
    width: 170px;
    letter-spacing: 1px;
    margin: 0px 0px 0px auto;
}

    .rider-name span {
        position: relative;
        z-index: 1;
    }

    .rider-name:after {
        width: 50px;
        position: absolute;
        left: -18px;
        top: 0px;
        height: 100%;
        background: #000;
        content: '';
        -ms-transform: skew(40deg,0deg);
        -webkit-transform: skew(40deg,0deg);
        transform: skew(40deg,0deg);
    }

.media-kit-section {
    width: 100%;
    overflow: hidden;
}

.media-kit-filter {
    overflow: hidden;
}

    .media-kit-filter .media-filter-heading, .press-kit-head {
        float: left;
        font-size: 28px;
        width: 170px;
        font-family: 'Druk';
        line-height: 36px;
    }

.media-filter-holder {
    float: left;
}

#divMedia {
    overflow: hidden;
    margin-top: 40px;
}

    #divMedia .mediaDiv {
        float: left;
        width: calc(50% - 40px);
        margin-right: 40px;
    }

        #divMedia .mediaDiv p {
            margin: 0px;
            position: relative;
            width: 70%;
            height: 40px;
            background: #000;
            line-height: 40px;
            font-family: 'Druk';
            color: #FFF;
            padding: 0px 20px;
            margin: 0px 0px 0px auto;
            text-transform: uppercase;
            font-size: 18px;
            letter-spacing: 1px;
        }

        #divMedia .mediaDiv:hover p, #divMedia .mediaDiv:hover p:after {
            background: #EC2129;
        }

        #divMedia .mediaDiv p:after {
            margin-left: -30px;
            content: '';
            background: #000;
            -ms-transform: skew(30deg,0deg);
            -webkit-transform: skew(30deg,0deg);
            transform: skew(30deg,0deg);
            position: absolute;
            height: 100%;
            width: 45px;
            left: 0px;
            top: 0px;
        }

.press-kit {
    overflow: hidden;
    margin-top: 40px;
}

.press-kit-list-content {
    float: left;
    overflow: hidden;
}

.press-kit-list {
    width: 200px;
    padding-right: 40px;
    float: left;
    margin-right: 20px;
}

    .press-kit-list h3 {
        font-size: 18px;
        color: #DB081D;
        font-family: 'Druk';
        line-height: 18px;
        text-transform: uppercase;
    }

    .press-kit-list a {
        font-size: 18px;
        font-family: 'Druk';
        color: #707070;
        display: block;
        margin-top: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        position: relative;
        padding-right: 20px;
    }

        .press-kit-list a:before {
            position: absolute;
            right: 0px;
            top: 0px;
            font-size: 14px;
        }

        .press-kit-list a:hover {
            color: #000;
        }

.freature-preass-release {
    margin-bottom: 80px;
}

.freature-media {
    margin-top: 0px;
    position: relative;
    max-width: 100%;
    margin-right: 40px;
}

.freature-media-list-txt {
    width: 75%;
    background: #FFF;
    padding: 0px 40px 40px;
    box-shadow: 0px 0px 15px 0px rgb(162 162 162 / 75%);
    margin-top: -100px;
    position: relative;
    margin-left: 50px;
}

    .freature-media-list-txt .patch {
        width: 100%;
        position: absolute;
        left: 0px;
        top: -29px;
        height: 30px;
        overflow: hidden;
    }

.latest-press-release {
    margin-top: 80px;
}

.latest-press-release-list-container {
    width: 100%;
    margin-top: 0px;
}

.latest-press-release-list {
    width: calc(50% - 5px);
    display: inline-block;
    padding-right: 40px;
    overflow: hidden;
    margin-top: 40px;
}

.latest-press-release-list-img {
    width: 50%;
    float: left;
}

.latest-press-release-list-txt {
    width: 50%;
    float: left;
    padding-left: 40px;
}

    .latest-press-release-list-txt h3 {
        font-size: 15px;
        color: #B7B7B7;
        font-family: 'Druk';
    }

    .latest-press-release-list-txt p {
        font-size: 16px;
        line-height: 26px;
        color: #000;
        font-family: 'latoregular';
        margin-top: 20px;
    }
/* new css [END] */





/* .header-holder{height: 103px;} */
.header {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.header_wrapper {
    max-width: 1400px;
    padding: 15px 20px;
}

.logo {
    width: 150px;
    float: left;
    display: block;
}

.nav {
    float: left;
    margin: 26px 0 0 20px;
}

    .nav ul {
        list-style: none;
    }

    .nav > ul > li {
        float: left;
        position: relative;
        margin-left: 30px;
        font-family: 'kanitbold';
        border-bottom: 10px solid rgba(0, 0, 0, 0);
    }

        .nav > ul > li > a {
            display: block;
            font-size: 16px;
            line-height: 16px;
            color: #fff;
            text-transform: uppercase;
            float: left;
        }

.sub_nav_arrow {
    float: left;
    margin-left: 10px;
    font-size: 12px;
    line-height: 10px;
    margin-top: 2px;
    color: #fff;
}

.nav ul li:hover > a, .nav ul > li:hover .sub_nav_arrow, .nav ul > li.active > a, .nav li.active .sub_nav_arrow {
    color: #ca2228;
}

.sub_nav {
    width: 130px;
    position: absolute;
    left: 0px;
    top: 100%;
    background: #000;
    padding: 0px 0px;
    transform: translateY(-16px);
    -moz-transform: translateY(-16px);
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    opacity: 0;
    visibility: hidden;
}

    .sub_nav:after {
        position: absolute;
        left: 15px;
        border-bottom: 7px solid #000;
        border-right: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid transparent;
        top: -14px;
        content: '';
    }

.nav ul li:hover .sub_nav {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
}

.sub_nav ul li {
    list-style: none;
    display: block;
    font-size: 14px;
    color: #FFF;
    font-family: 'kanitlight';
    position: relative;
    padding: 0px;
    border-left: 10px solid #000;
    border-right: 10px solid #000;
}

    .sub_nav ul li a {
        color: #FFF;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        display: block;
        border-bottom: 1px solid #404040;
    }

.sub_nav2, .sub_nav3 {
    position: absolute;
    left: calc(100% + 6px);
    top: 0px;
    border-left: 10px solid rgba(0, 0, 0, 0);
    transform: translateX(-16px);
    -moz-transform: translateX(-16px);
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    opacity: 0;
    visibility: hidden;
}


    .sub_nav2:after, .sub_nav3:after {
        position: absolute;
        left: -14px;
        border-right: 7px solid #000;
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid transparent;
        top: 8px;
        content: '';
    }

    .sub_nav ul li:hover .sub_nav2, .sub_nav2 ul li:hover .sub_nav3 {
        opacity: 1;
        visibility: visible;
        transform: translateX(0px);
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
    }

    .sub_nav2 ul, .sub_nav3 ul {
        display: block;
        position: relative;
        background: #000;
        width: 160px;
        padding: 0px;
    }

.timer {
    float: right;
    margin-top: 8px;
}

    .timer p {
        float: right;
        font-size: 16px;
        color: #FFF;
        font-family: 'kanitbold';
        margin-left: 10px;
        line-height: 30px
    }

#clockdiv {
    float: right;
}

    #clockdiv > div {
        width: 40px;
        float: left;
        text-align: center;
        color: #ca2228;
        font-family: 'kanitbold';
    }

.seprater {
    float: left;
    font-size: 22px;
    margin: 7px 2px 0px;
    background: url(../images/rh_arrow_red.svg) no-repeat center;
    width: 9px;
    height: 12px;
    background-size: 100% auto;
}

#clockdiv > div > span {
    font-size: 20px;
    line-height: 16px;
    display: block;
}

#clockdiv > div > div {
    font-size: 10px;
    line-height: 10px;
    margin-top: 5px;
    text-transform: uppercase;
}

.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.banner_txt {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 15%;
}

.banner_txt_wrapper {
    max-width: 1650px;
    padding: 0px 20px;
}

    .banner_txt_wrapper h1 {
        font-size: 50px;
        color: #FFF;
        line-height: 46px;
        font-family: 'kanitbold';
    }

    .banner_txt_wrapper p {
        font-size: 20px;
        color: #FFF;
        line-height: 24px;
        margin-top: 20px;
    }

.cta_skew_btn {
    position: relative;
    display: inline-block;
    background: #ca2228;
    height: 35px;
    -webkit-transform: skew(-210deg);
    -moz-transform: skew(-210deg);
    transform: skew(-210deg);
    padding: 0 30px;
    margin: 20px 0px 0px 10px;
    overflow: hidden;
    font-size: 14px;
}

    .cta_skew_btn:after {
        width: 100%;
        height: 100%;
        position: absolute;
        left: -100%;
        background: #dd2c33;
        content: "";
        top: 0px;
    }

    .cta_skew_btn:hover:after, .race_img2 > a:hover .cta_skew_btn:after {
        left: 0%;
    }

    .cta_skew_btn span {
        position: relative;
        z-index: 1;
        color: #FFF;
        display: block;
        height: 35px;
        line-height: 35px;
        -webkit-transform: skew(210deg);
        -moz-transform: skew(210deg);
        transform: skew(210deg);
        font-family: 'kanitmedium';
    }

.riders_content {
    border-top: 100px solid #333;
}

.home_riders, .riders_content {
    width: 100%;
    overflow: hidden;
    padding: 0 40px;
}

.hm_riders {
    width: 33.33%;
    float: left;
    position: relative;
    padding: 20px;
}

.home_riders .hm_riders:after {
    display: none;
}

.hm_rider_txt {
    position: absolute;
    left: 0px;
    bottom: 8%;
    padding-left: 8%;
    width: 100%;
}

    .hm_rider_txt h2 {
        font-size: 40px;
        font-family: 'kanitbold';
        color: #FFF;
        line-height: 40px;
        text-transform: uppercase;
    }

    .hm_rider_txt p {
        font-size: 22px;
        color: #ca2228;
        margin-top: 10px;
        padding-right: 205px;
        line-height: 22px;
    }

    .hm_rider_txt .cta_skew_btn {
        position: absolute;
        bottom: 0;
        right: 5%;
    }
/*.cs{
    padding-right: 10px;
}
.jrd{
    padding-left: 10px;
}*/
.hm_plant {
    width: 100%;
    overflow: hidden;
}

.hm_gallery {
    width: 100%;
    background: #FFF;
}

.hm_gallery_wrapper {
    max-width: 1400px;
    overflow: hidden;
    padding: 10px;
}

.hm_glly_thumb {
    width: 33.33%;
    float: left;
    padding: 10px;
}

    .hm_glly_thumb a {
        width: 100%;
        display: block;
    }

.thumb_small {
    padding: 0px;
}

    .thumb_small a {
        width: 50%;
        float: left;
        padding: 10px;
    }

.gallery_big_img {
    position: relative;
    width: 100%;
    float: left;
    padding: 10px;
}

.gallery_big_img_txt {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

    .gallery_big_img_txt h2 {
        font-size: 50px;
        line-height: 50px;
        color: #FFF;
        font-family: 'kanitbold';
    }

.footer {
    width: 100%;
    background: #dadada url(../images/footer_bg.jpg) no-repeat top center;
    background-size: 100% auto;
}

.footer_wrapper {
    max-width: 1250px;
    padding: 50px 20px;
    overflow: hidden;
}

.footer_hero_logo {
    width: 100%;
    display: block;
    padding-bottom: 10px;
}

    .footer_hero_logo img {
        width: 185px;
        margin: 0;
    }

.f_follow {
    padding: 20px;
    border-top: 1px solid #262424;
    border-bottom: 1px solid #262424;
    overflow: hidden;
}

    .f_follow p {
        color: #262424;
        float: left;
        font-size: 20px;
        line-height: 18px;
        margin: 5px 30px 0 0;
    }

.f_soc_icon {
    float: left;
}

    .f_soc_icon a {
        width: 30px;
        height: 30px;
        float: left;
        margin-left: 8px;
        text-align: center;
        line-height: 30px;
        font-size: 16px;
        color: #FFF;
        -webkit-transform: skew(-210deg);
        -moz-transform: skew(-210deg);
        transform: skew(-210deg);
        background: #cb262c;
    }

        .f_soc_icon a:hover {
            color: #fff;
        }

        .f_soc_icon a i {
            -webkit-transform: skew(210deg);
            -moz-transform: skew(210deg);
            transform: skew(210deg);
            display: inline-block;
        }

.footer_txt {
    overflow: hidden;
    padding: 20px;
}

    .footer_txt p {
        float: left;
        font-size: 14px;
        line-height: 14px;
        color: #262424;
        text-align: center;
        width: 100%;
    }

.inner_banner {
    width: 100%;
    position: relative;
}

.inner_banner_txt {
    position: absolute;
    left: 0px;
    bottom: 15%;
    width: 100%;
}

.inner_banner_txt_wrapper {
    max-width: 1400px;
    padding: 0px 20px 0px;
    overflow: hidden;
}

    .inner_banner_txt_wrapper h1 {
        display: inline-block;
        font-size: 50px;
        padding-bottom: 20px;
        text-transform: uppercase;
        font-family: 'kanitextrabold_italic';
        color: #FFF;
        position: relative;
        line-height: 45px;
    }

        .inner_banner_txt_wrapper h1:after, .rider_info_wrapper h1:after {
            width: 100%;
            position: absolute;
            ;
            left: 0px;
            bottom: 0px;
            height: 10px;
            -webkit-transform: skew(-210deg);
            -moz-transform: skew(-210deg);
            transform: skew(-210deg);
            content: '';
            background: #ca2228;
        }

.inner_content {
    width: 100%;
    background: #FFF;
}

.inner_content_wrapper {
    max-width: 100%;
}

.filter_shadow {
    filter: drop-shadow(0px 5px 12px #00000019);
}

.inner_content_wrapper-padding {
    padding: 50px 40px;
    padding-bottom: 0;
}

.about_content_txt {
    width: 100%;
}

    .about_content_txt h2, .text_h2 {
        font-size: 25px;
        color: #00000;
        display: inline-block;
        line-height: 22px;
        text-transform: uppercase;
        /*        font-family: 'kanitbold';*/
        font-family: DRUK;
        margin-bottom: 10px;
        position: relative;
        letter-spacing: 4.08px;
        font-size: 34px;
    }

        .about_content_txt h2 span {
            position: absolute;
            height: 70%;
            top: 50%;
            left: calc(100% + 15px);
            left: -webkit-calc(100% + 15px);
            left: -moz-calc(100% + 15px);
            transform: translateY(-44%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        }

            .about_content_txt h2 span img {
                width: auto;
                height: 100%;
            }

    .about_content_txt h3 {
        font-size: 18px;
        color: #000;
        line-height: 22px;
        margin-bottom: 5px;
        font-family: 'kanitmedium';
    }

    .about_content_txt p {
        font-size: 16px;
        color: #000;
        line-height: 26px;
        letter-spacing: 0.8px;
        margin-bottom: 25px;
        opacity: 0.7;
    }

.about_content_img {
    margin: 60px 0px;
    position: relative;
    background: #000;
    overflow: hidden;
}

    .about_content_img img {
        float: left;
    }

.about_content_img1 {
    width: 33.5%;
}

.about_content_img2 {
    width: 66.5%;
}

.race_section1 {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 544px;
}

    .race_section1.pune {
        background: url(../images/rallyLife/pune/rally-life-pune-video-thumb.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 30%;
    }

        .race_section1.pune svg {
            position: relative;
            top: 50%;
            left: 45%;
            opacity: 0.7;
        }
    .race_section1.coimbatore {
        background: url(../images/rallyLife/coimbatore/rally-life-coimbatore-video-thumb.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 30%;
    }

        .race_section1.coimbatore svg {
            position: relative;
            top: 50%;
            left: 45%;
            opacity: 0.7;
        }

    .race_section1.bglr svg {
        position: relative;
        top: 50%;
        left: 45%;
        opacity: 0.4;
    }

    .race_section1.bglr {
        background: url(/images/rallyLife/bangalore/rally-life-video-thumbnail.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 5%;
    }




.race_img1 a {
    display: block;
}

.img1_txt {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 15px;
    padding: 0px 25px 0px 85px;
    color: #FFF;
    text-shadow: 2px 2px 0px #000;
}

.arrow_box {
    width: 35px;
    position: absolute;
    left: 20px;
    bottom: 0px;
}

    .arrow_box img {
        width: auto;
        height: 100%;
    }

.img1_txt h2 {
    font-size: 30px;
    line-height: 24px;
    font-family: 'kanitbold';
}

.img1_txt p {
    font-size: 18px;
    line-height: 18px;
    margin-top: 5px;
}

.over_result {
    width: calc(35% - 30px);
    width: -webkit-calc(35% - 30px);
    width: -moz-calc(35% - 30px);
    float: right;
    background: #e1e0e0;
    position: absolute;
    right: 0px;
    height: 100%;
    top: 0px;
}

.over_result_head {
    text-align: center;
    font-size: 22px;
    height: 65px;
    line-height: 65px;
    font-family: 'kanitmedium';
}

.over_result_stand {
    padding: 5px 15px;
    height: 200px;
    background: #262424;
    height: calc(100% - 65px);
    height: -webkit-calc(100% - 65px);
    height: -moz-calc(100% - 65px);
    overflow-y: auto;
}

.riders_position {
    width: 100%;
    border-bottom: 1px solid #939292;
    padding: 10px 0px;
    overflow: hidden;
    position: relative;
}

    .riders_position:last-child {
        border-bottom: none;
    }

.race_updates {
    width: 100%;
    position: relative;
    /* padding-top: 30px; */
}

.race_updates_section {
    width: 100%;
    position: relative;
    overflow: hidden;
    /* margin-top: 30px; */
}

.riders_details {
    padding-right: 160px;
}

    .riders_details h2 {
        font-size: 18px;
        color: #FFF;
        line-height: 20px;
    }

    .riders_details p {
        font-size: 18px;
        color: #ca2228;
        line-height: 20px;
        margin-top: 5px;
        padding-left: 25px;
        font-style: italic;
        line-height: 12px;
    }

.time_taken {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 150px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.time_icon {
    width: 20px;
    float: left;
}

.time_taken_txt {
    float: left;
    margin-left: 10px;
    font-size: 16px;
    color: #FFF;
}
/*.race_updates_section:nth-child(even) .race_update_img{
    float: left;
}
.race_updates_section:nth-child(even) .race_update_txt{
    right:0px;
}
.race_updates_section:nth-child(odd) .race_update_img{
    float: right;
}
.race_updates_section:nth-child(odd) .race_update_txt{
    left: 0px;
}*/
.race_update_img {
    /*    width: 50%;*/
    overflow: hidden;
    /*    float: left;*/
}

    .race_update_img > div {
        position: relative;
    }

.race_update_txt {
    /*    width: 50%;*/
    /*    position: absolute;*/
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    padding: 0px 45px;
    color: #000;
    right: 0px;
    box-shadow: 0px 0px 15px 0px rgb(162 162 162 / 75%);
    width: 55%;
    margin-left: 2rem;
    background: #fff;
    clip-path: polygon(47% 0, 51% 13%, 82% 13%, 85% 0, 100% 0, 100% 100%, 0 100%, 0 0);
    padding-top: 6rem;
    padding-bottom: 1rem;
    margin-bottom: -5rem;
}

.race_update_txt_wrap {
    filter: drop-shadow(2px 4px 6px gray);
}



.race_update_txt h2 {
    font-size: 25px;
    line-height: 25px;
    font-family: 'Druk';
    text-transform: uppercase;
    letter-spacing: 1px;
}

.race_update_txt p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 5px;
    font-family: 'latoregular';
}

.race_update_txt_cta a {
    margin-right: 15px;
}

.race_img_1 {
    float: left;
    width: 100%;
}

    .race_img_1 .cta_skew_btn {
        position: absolute;
        right: 40px;
        bottom: 40px;
    }

.race_img_2 {
    width: calc(57.2% - 15px);
    width: -webkit-calc(57.2% - 15px);
    width: -moz-calc(57.2% - 15px);
    float: left;
    margin-bottom: 30px;
}

.race_img_3 {
    width: calc(43.1% - 15px);
    width: -webkit-calc(43.1% - 15px);
    width: -moz-calc(43.1% - 15px);
    float: right;
    margin-bottom: 30px;
}

.video_play_btn {
    width: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}

.view_more_stories {
    display: block;
    padding: 0px 0px 40px;
    text-align: center;
    cursor: pointer;
    clear: both;
    position: relative;
}

    .view_more_stories p {
        font-size: 18px;
        color: #ca2228;
        font-family: 'kanitmedium';
    }

    .view_more_stories span {
        width: 20px;
        display: block;
        margin-top: 5px;
        position: absolute;
        left: 50%;
        margin-left: -10px;
    }

.fallow_content {
    width: 100%;
}

.follow_img {
    float: left;
    position: relative;
    margin-top: 30px;
}

.follow_img1 {
    width: 100%;
}

.follow_img2 {
    width: calc(50% - 15px);
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    margin-top: 30px;
}

    .follow_img2:nth-child(even) {
        margin-right: 30px;
    }

.follow_img_txt {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 0 30px 30px 30px;
    color: #FFF;
}

    .follow_img_txt h2 {
        font-size: 30px;
        line-height: 30px;
        font-family: 'kanitbold';
    }

    .follow_img_txt p {
        font-size: 18px;
        line-height: 22px;
        margin-top: 10px;
    }

    .follow_img_txt .cta_skew_btn {
        margin-top: 10px;
    }

.fallow_content_wrapper {
    max-width: 1400px;
    padding: 0px 20px 30px;
}

.login_content {
    width: 100%;
    height: 805px;
    background: url(../images/login_page_bg.jpg) no-repeat top center;
    overflow: hidden;
}

.login_content_wrapper {
    max-width: 800px;
    padding: 0 20px;
    margin-top: 270px;
    overflow: hidden;
}

    .login_content_wrapper h1 {
        font-size: 50px;
        text-transform: uppercase;
        font-family: 'kanitextrabold_italic';
        color: #FFF;
        line-height: 40px;
    }

.login_form {
    margin: 0px auto;
    padding: 0 30px;
}

.text_box {
    width: 43%;
    float: left;
    height: 36px;
    background: #ca2228;
    position: relative;
    margin-top: 20px;
}

    .text_box .customSelectInner:after {
        font-size: 10px;
        right: 0px;
        top: 10px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        content: '\0041';
        font-family: 'hero moto sport';
    }

    .text_box input {
        width: 100%;
        z-index: 1;
        position: relative;
        height: 36px;
        border: none;
        background: none;
        color: #FFF;
        font-size: 18px;
        outline: none;
        text-align: center;
        font-family: 'kanitlight';
    }

        .text_box input::-webkit-input-placeholder { /* Chrome */
            color: #FFF;
        }

        .text_box input:-ms-input-placeholder { /* IE 10+ */
            color: #FFF;
        }

        .text_box input::-moz-placeholder { /* Firefox 19+ */
            color: #FFF;
            opacity: 1;
        }

        .text_box input:-moz-placeholder { /* Firefox 4 - 18 */
            color: #FFF;
            opacity: 1;
        }

    .text_box:nth-child(odd) {
        margin-right: 7%;
    }

    .text_box:before, .text_box:after {
        position: absolute;
        top: 0px;
        height: 100%;
        -webkit-transform: skew(-210deg);
        -moz-transform: skew(-210deg);
        transform: skew(-210deg);
        content: '';
        width: 50px;
        background: #ca2228;
    }

    .text_box:before {
        left: -12px;
    }

    .text_box:after {
        right: -12px;
    }

.form_submit_btn_holder {
    width: auto;
    background: #FFF;
    -webkit-transform: skew(-210deg);
    -moz-transform: skew(-210deg);
    transform: skew(-210deg);
    height: 30px;
    margin: 20px 0px 20px 20px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
}

.form_submit_btn {
    /* width: ; */
    height: 30px;
    display: inline-block;
    font-size: 16px;
    color: #000;
    -webkit-transform: skew(210deg);
    -moz-transform: skew(210deg);
    transform: skew(210deg);
    font-family: 'kanitlight';
    text-transform: uppercase;
    background: url(../images/submit_arrow.png) no-repeat right center;
    padding-right: 20px;
    outline: none;
    border: none;
    cursor: pointer;
    margin: 0 30px;
}

.form_btm_txt {
    margin-top: 20px;
    font-size: 20px;
    line-height: 22px;
    color: #FFF;
    display: block;
    text-shadow: 1px 1px 0px #000;
}

    .form_btm_txt > a {
        color: #ca2228;
        font-weight: bold;
    }

.sign_in_wrapper {
    max-width: 1500px;
    padding: 0 20px;
}

    .sign_in_wrapper .login_content_wrapper {
        margin: 270px 0px 0px 0px;
    }

.custom_dropdown {
    display: block;
    position: relative;
    z-index: 1;
}

    .custom_dropdown select {
        width: 100%;
        border: none;
        left: 0px;
        top: 0px;
    }

    .custom_dropdown option {
        padding: 3px 10px;
    }

span.customSelect {
    height: 36px;
    font-family: 'kanitlight';
    width: 100% !important;
    position: relative;
    z-index: 1;
}

    span.customSelect.changed {
        background-color: #f0dea4;
    }

.customSelectInner {
    padding: 0px 20px 0 0px;
    width: 100% !important;
    color: #FFF;
    font-weight: normal;
    font-size: 18px;
    position: relative;
}

    .customSelectInner:after {
        position: absolute;
        right: 0px;
        content: '\0041';
        font-family: 'hero moto sport';
        top: 50%;
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        transform: rotate(90deg);
        margin-top: -18px;
        font-size: 12px;
        margin-top: -6px;
        height: 12px;
    }

.cs_santosh {
    background: #000 url(../images/cs_santosh_bg.jpg) no-repeat top center;
}

.jord {
    background: #000 url(../images/jord.jpg) no-repeat top center;
}

.oriol-mena {
    background: #000 url(../images/oriol_mena.jpg) no-repeat top center;
}

.rider_info {
    width: 100%;
    background-size: auto 100%;
    overflow: hidden;
}

.rider_info_wrapper {
    max-width: 1400px;
    padding: 200px 20px 0px;
}

    .rider_info_wrapper h1 {
        display: inline-block;
        font-size: 35px;
        padding-bottom: 15px;
        text-transform: uppercase;
        font-family: 'kanitbold';
        color: #FFF;
        position: relative;
        line-height: 30px;
    }

    .rider_info_wrapper h2 {
        font-size: 28px;
        color: #ca2228;
        line-height: 22px;
        font-family: 'kanitbold';
        margin-top: 15px;
    }

    .rider_info_wrapper p {
        font-size: 16px;
        color: #ffffff;
        line-height: 20px;
        margin-top: 5px;
    }

.rider_info_txt {
    width: 38%;
    margin: 0px;
    padding: 20px 0px 50px;
}

.fallow_dropdown_holder {
    width: 100%;
}

.fallow_cta_holder {
    float: left;
    position: relative;
    margin-right: 5px;
}

    .fallow_cta_holder:last-child {
        margin-right: 0px;
    }

.fallow_cta {
    position: relative;
    display: block;
    background: #ca2228;
    height: 35px;
    -webkit-transform: skew(-210deg);
    -moz-transform: skew(-210deg);
    transform: skew(-210deg);
    padding: 0 24px;
    margin: 20px 0px 0px 10px;
    font-size: 16px;
    overflow: hidden;
    cursor: pointer;
}

    .fallow_cta span {
        position: relative;
        z-index: 1;
        color: #FFF;
        display: block;
        height: 35px;
        line-height: 35px;
        -webkit-transform: skew(210deg);
        -moz-transform: skew(210deg);
        transform: skew(210deg);
        font-family: 'kanitmedium';
        padding-right: 25px;
        background: url(../images/down_arrow_white.png) no-repeat right center;
        font-size: 14px;
    }

.fallow_dropdown {
    width: calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    position: absolute;
    left: 0px;
    top: 100%;
    background: #000000;
    padding: 0px 0px 0px 10px;
    z-index: 1;
    display: none;
}

    .fallow_dropdown h3 {
        font-size: 14px;
        color: #ca2228;
        height: 30px;
        line-height: 30px;
    }

    .fallow_dropdown a {
        font-size: 14px;
        color: #FFF;
        height: 30px;
        line-height: 28px;
        border-bottom: 1px solid #404040;
        display: block;
        margin-right: 10px;
        overflow: hidden;
    }

        .fallow_dropdown a:hover {
            color: #ca2228;
        }

.media_img {
    float: left;
    position: relative;
    margin-top: 30px;
}

.media_img1 {
    width: 100%;
}

.media_img2, .media_img3 {
    width: calc(50% - 15px);
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    margin-top: 30px;
}

.media_img3 {
    margin-left: 30px;
}

.fallow_dropdown_holder .cta_skew_btn span {
    padding-right: 20px;
    background: url(../images/rh_arrow.png) right center no-repeat;
}

.media_hero_logo img {
    padding-bottom: 10px;
    width: 150px;
    margin: 0px;
}

.gallery_section, .video_gallery_section {
    width: 100%;
    overflow-y: hidden;
}

    .gallery_section h2 {
        font-size: 30px;
        color: #000;
        font-family: 'kanitbold';
        line-height: 30px;
        text-transform: uppercase;
        padding: 30px 0px 0px 10px;
        clear: both;
    }

    .gallery_section a {
        width: 33.33%;
        float: left;
        padding: 10px;
        display: block;
        cursor: pointer;
        position: relative;
    }

    .video_gallery_section a {
        width: calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        float: left;
        margin: 10px 0px;
        position: relative;
    }

        .video_gallery_section a:nth-child(even) {
            margin-left: 20px;
        }

.page_filter {
    width: 100%;
    overflow: hidden;
    padding: 40px 0 40px 25px;
}

.filter_box {
    min-width: 200px;
    float: left;
    height: 36px;
    position: relative;
    margin-left: 35px;
    border-bottom: 1px solid #EC2129;
}

    .filter_box select, .text_box select {
        position: relative;
        z-index: 2;
        color: #EC2129;
        font-family: 'kanitlight';
    }

        .filter_box select option, .text_box select option {
            font-size: 14px;
            padding: 5px 10px;
        }

    .filter_box:before {
        left: -12px;
    }

    .filter_box:after {
        right: -12px;
    }

    /* .filter_box:before, .filter_box:after {
        position: absolute;
        top: 0px;
        height: 100%;
        -webkit-transform: skew(-210deg);
        -moz-transform: skew(-210deg);
        transform: skew(-210deg);
        content: '';
        width: 22px;
        background: #d8d8d8;
    } */

    .filter_box .customSelectInner {
        color: #EC2129;
        font-family: 'Druk';
        text-transform: uppercase;
        letter-spacing: 1px;
    }

.filter_submit {
    width: auto;
    background: #ca2228;
    -webkit-transform: skew(-210deg);
    -moz-transform: skew(-210deg);
    transform: skew(-210deg);
    height: 36px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
}

.filter_submit_btn {
    /*width: ;*/
    height: 36px;
    display: inline-block;
    font-size: 20px;
    color: #FFF;
    -webkit-transform: skew(210deg);
    -moz-transform: skew(210deg);
    transform: skew(210deg);
    font-family: 'kanitmedium';
    text-transform: uppercase;
    background: url(../images/rh_arrow.png) no-repeat right center;
    padding-right: 20px;
    outline: none;
    border: none;
    cursor: pointer;
    margin: 0 15px;
}

.gal_inner_page_content {
    overflow: hidden;
    width: 100%;
}

    .gal_inner_page_content h2 {
        font-size: 30px;
        color: #000;
        font-family: 'Druk';
        line-height: 30px;
        text-transform: uppercase;
        clear: both;
        margin-top: 30px;
    }

    .gal_inner_page_content p {
        font-size: 16px;
        line-height: 22px;
        font-family: 'latoregular'
    }

        .gal_inner_page_content p b {
            font-family: 'kanitmedium';
            display: block;
        }

.race_img1, .race_img2 {
    width: calc(50% - 15px);
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    float: left;
    position: relative;
}

.race_img2, .race_img1_2 {
    margin-left: 30px;
}

    .race_img2 .img1_txt {
        padding-left: 25px;
    }

.team_content {
    overflow-y: hidden;
}

.team {
    width: calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: -webkit-calc(50% - 15px);
    position: relative;
    float: left;
    margin: 15px 0px;
}

    .team:nth-child(even) {
        margin-left: 30px;
    }

.team_txt {
    position: absolute;
    left: 0px;
    bottom: 30px;
    padding: 0 30px;
    width: 100%
}

    .team_txt h2 {
        font-size: 40px;
        font-family: 'kanitbold';
        color: #FFF;
        line-height: 35px;
        padding-right: 170px;
    }

    .team_txt p {
        font-size: 14px;
        color: #ca2228;
        line-height: 20px;
        padding-right: 170px;
        margin-top: 5px;
    }

    .team_txt .cta_skew_btn {
        position: absolute;
        right: 30px;
        bottom: 0px;
    }

.forgot_password {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.80);
    z-index: 10;
    display: none;
}

    .forgot_password > div {
        display: table;
        width: 100%;
        height: 100%
    }

        .forgot_password > div > div {
            width: 100%;
            height: 100%;
            display: table-cell;
            padding: 20px;
            vertical-align: middle;
        }

.forgot_password_form {
    background: #cb2229;
    max-width: 500px;
    position: relative;
    padding: 40px 20px;
}

.forgot_password_form_wrapper {
    max-width: 350px;
}

    .forgot_password_form_wrapper h2 {
        font-size: 50px;
        text-transform: uppercase;
        font-family: 'kanitbold';
        color: #FFF;
        line-height: 45px;
    }

.for_pas_form {
    overflow: hidden;
    margin-top: 20px;
}

.fo_pw_text_box {
    height: 36px;
    background: #FFF;
    position: relative;
    margin: 0px 22px;
}

    .fo_pw_text_box #txtForgotEmail-error {
        color: #fff;
        font-size: 14px;
        line-height: 10px;
        display: block;
        margin-top: 3px;
    }
    /*#pMsg{
    font-size: 14px;
    display: block;
    margin-top: 10px;
    line-height: 12px;
    color:#FFF;
}*/
    .fo_pw_text_box:before, .fo_pw_text_box:after {
        position: absolute;
        top: 0px;
        height: 100%;
        -webkit-transform: skew(-210deg);
        -moz-transform: skew(-210deg);
        transform: skew(-210deg);
        content: '';
        width: 50px;
        background: #FFF;
    }

    .fo_pw_text_box:before {
        left: -12px;
    }

    .fo_pw_text_box:after {
        right: -12px;
    }

    .fo_pw_text_box input {
        width: 100%;
        z-index: 1;
        position: relative;
        height: 36px;
        border: none;
        background: none;
        color: #000;
        font-size: 18px;
        outline: none;
        text-align: left;
        font-family: 'kanitlight';
        padding: 0 18px;
    }

.for_pas_form .form_submit_btn_holder {
    margin: 30px 0 0 10px;
}

.fo_pw_text_box input::-webkit-input-placeholder { /* Chrome */
    color: #000;
}

.fo_pw_text_box input:-ms-input-placeholder { /* IE 10+ */
    color: #000;
}

.fo_pw_text_box input::-moz-placeholder { /* Firefox 19+ */
    color: #000;
    opacity: 1;
}

.fo_pw_text_box input:-moz-placeholder { /* Firefox 4 - 18 */
    color: #000;
    opacity: 1;
}

.close_btn_fo_ps {
    width: 25px;
    height: 25px;
    border: 1px solid #000;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    background: url(../images/pop_close.jpg) no-repeat center center;
}




.menu-btn {
    color: #FFF;
    cursor: pointer;
    display: none;
    float: right;
    font-size: 26px;
    margin: 0;
    text-align: center;
    width: auto;
    margin-left: 15px;
}

.pushy-active .site-overlay {
    /*animation: 500ms ease 0s normal none 1 running fade;*/
    animation: fade 500ms ease 0s 1 normal running;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
    height: 100%;
}
/*mobil nav*/
.pushy {
    position: fixed;
    width: 90%;
    height: 100%;
    top: 0;
    right: 0px;
    z-index: 9999;
    background: #FFF;
    font-size: 0.9em;
    font-weight: bold;
    overflow: auto;
    display: none;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

/* Menu Movement */

.pushy-left {
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

.pushy-open {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: block;
}

.container-push, .push-push {
    -webkit-transform: translate3d(-90%,0,0);
    -moz-transform: translate3d(-90%,0,0);
    -ms-transform: translate3d(-90%,0,0);
    -o-transform: translate3d(-90%,0,0);
    transform: translate3d(-90%,0,0);
}

.pushy, #container, .push {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

.site-overlay {
    display: none;
}

.pushy-active .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0,0,0,0.5);
    -webkit-animation: fade 500ms;
    -moz-animation: fade 500ms;
    -ms-animation: fade 500ms;
    -o-animation: fade 500ms;
    animation: fade 500ms;
}


.accordion {
    overflow: hidden;
    list-style: none;
    padding: 0px;
    position: relative;
    margin: 0;
    text-transform: uppercase;
}

    .accordion > li {
        display: block;
        margin-top: 0px;
    }

        .accordion > li > .l1 {
            color: #000;
            font-size: 24px;
            display: block;
            padding: 0px;
            position: relative;
            font-family: 'Druk';
            height: 50px;
            line-height: 50px;
            text-transform: uppercase;
            letter-spacing: 3px;
            cursor: pointer;
        }

        .accordion > li > div {
            display: none;
            font-size: 18px;
            color: #c92229;
            line-height: 26px;
            padding: 10px 0px;
        }

        .accordion > li > span.l1:after {
            position: absolute;
            right: 10px;
            top: 50%;
            content: '\0041';
            width: 10px;
            height: 12px;
            margin-top: -6px;
            font-family: 'hero moto sport';
            font-size: 10px;
            color: #c92229;
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            line-height: initial;
        }

        .accordion > li > .l1.active:after {
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

.l2, .l3 {
    font-size: 20px;
    margin: 0px 0px 0px 10px;
    color: #333;
    height: 40px;
    line-height: 40px;
    display: block;
    font-family: 'Druk';
    letter-spacing: 2px;
    cursor: pointer;
}

.accordion2, .accordion3 {
    overflow: hidden;
    list-style: none;
    padding: 0px;
    position: relative;
    margin: 0;
}

    .accordion2 > li, .accordion3 > li {
        display: block;
        margin-top: 0px;
    }

        .accordion2 > li > .l2, .accordion3 > li > .l3 {
            color: #333;
            font-size: 20px;
            display: block;
            padding: 0px;
            position: relative;
            height: 40px;
            line-height: 40px;
            letter-spacing: 2px;
        }

.accordion3 {
    padding-left: 10px;
}

    .accordion3 > li > .l3 {
        color: #474747;
    }

    .accordion2 > li > div, .accordion3 > li > div {
        display: none;
        font-size: 18px;
        color: #c92229;
        line-height: 26px;
    }

    .accordion2 > li > span.l2:after, .accordion3 > li > span.l3:after {
        position: absolute;
        right: 10px;
        top: 50%;
        content: '\0041';
        width: 10px;
        height: 12px;
        margin-top: -6px;
        font-family: 'hero moto sport';
        font-size: 10px;
        color: #c92229;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        line-height: initial;
    }

    .accordion2 > li > .l2.active:after, .accordion3 > li > .l3.active:after {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .accordion2 > li > div > a, .accordion3 > li > div > a {
        font-size: 20px;
        margin: 0px;
        color: #333;
        /*height: 40px;*/
        line-height: 40px;
        display: block;
        padding: 0 15px;
        font-family: 'Druk';
        letter-spacing: 1px;
    }

body.pushy-active {
    overflow-y: hidden;
}
/*mobil nav*/

.rider_video_section {
    width: 100%;
    background: #000;
}

.rider_video_section_wrapper {
    max-width: 1400px;
    padding: 0px 20px;
    overflow: hidden;
    padding-bottom: 30px;
}

    .rider_video_section_wrapper > div:nth-child(even) {
        margin-left: 30px;
    }

    .rider_video_section_wrapper .race_img1 a {
        border: 1px solid #FFF;
    }

.error_404 {
    width: 100%;
    height: calc(100vh - 250px);
    height: -webkit-calc(100vh - 250px);
    height: -moz-calc(100vh - 250px);
    background: url(../images/error_404.jpg) no-repeat center;
    position: relative;
    background-size: cover;
}

.error_404_content {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

    .error_404_content h1 {
        font-size: 100px;
        text-align: center;
        display: inline-block;
        padding-bottom: 30px;
        color: #FFF;
        position: relative;
        font-family: 'kanitbold';
        line-height: 72px;
    }

        .error_404_content h1:after {
            width: 100%;
            position: absolute;
            left: 0px;
            bottom: 0px;
            height: 10px;
            -webkit-transform: skew(-210deg);
            -moz-transform: skew(-210deg);
            transform: skew(-210deg);
            content: '';
            background: #ca2228;
        }

    .error_404_content p {
        font-size: 18px;
        line-height: 18px;
        color: #FFF;
        text-shadow: 1px 1px 0 #000;
        margin-top: 20px;
        padding: 0 20px;
    }

.timer, #clockdiv {
    display: none;
}

.password-strong {
    text-align: center;
    width: 250px;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 10px;
    color: #FFF;
    background: #000;
    font-size: 14px;
    border-radius: 5px;
    z-index: 10;
    padding: 5px 10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: none;
}

    .password-strong:after {
        position: absolute;
        left: 50%;
        top: -10px;
        border-bottom: 10px solid #000;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: '';
        margin-left: -10px;
    }

.slick-slide {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

img {
    width: 100%;
    display: block;
}

.bg_home_image {
    background: url(../images/blog-bg.jpg) no-repeat center;
    background-size: cover;
}

.blog-slider-holder {
}

.blog-slider {
}

.blog-head {
    max-width: 1300px;
    overflow: hidden;
    position: relative;
    padding: 40px 0px;
    margin: 0 auto 20px;
}

    .blog-head img {
        width: 220px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .blog-head:before, .blog-head:after {
        width: calc(50% - 150px);
        height: 5px;
        background: #FFF;
        content: '';
    }

    .blog-head:before {
        float: left;
    }

    .blog-head:after {
        float: right;
    }

.blog-slider .slide-content.slick-slide a {
    display: block;
    outline: none;
}

.blog-slider .slide-content.slick-slide {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    box-shadow: 0px 0px 20px 0px #000;
}

.blog-slider .slick-current.slide-content {
    transform: scale(1.5);
    z-index: 3;
}

.blog-slid-txt {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #FFF;
    font-size: 30px;
    line-height: 30px;
    width: 40%;
    font-family: 'dharma_gothic_eexbold';
}

    .blog-slid-txt span {
        display: none;
        font-size: 10px;
        font-family: 'kanitmedium';
    }

.slick-slide.slick-current.slick-active.slick-center .blog-slid-txt span {
    display: inline-block;
}

.blog-slider .slick-list.draggable {
    padding: 80px 0px !important;
}

.blog-slider-holder {
    padding: 50px 50px;
}

.blog-slider .slick-dots {
    text-align: center;
    padding: 50px 0px 20px;
    margin: 0;
}

    .blog-slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
        background: #FFF;
        border-radius: 5px;
    }

        .blog-slider .slick-dots li.slick-active {
            background: #830905;
        }

        .blog-slider .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

.blog-slider button.slick-arrow {
    width: 25%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    opacity: 0;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
}

.blog-slider button.slick-prev.slick-arrow {
    left: 0;
}

.blog-slider button.slick-next.slick-arrow {
    right: 0;
}

.video-txt {
    padding: 0 20px;
    font-size: 36px;
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-family: 'kanitbold';
    margin: 0;
    line-height: 36px;
}

/*news ticker start*/
.jctkr-wrapper,
.jctkr-wrapper * {
    box-sizing: border-box;
}

.jctkr-wrapper {
    position: fixed;
    width: 100%;
    height: 35px;
    overflow: hidden;
    background: #FFF;
    bottom: 0px;
    left: 0px;
}

    .jctkr-wrapper ul {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        white-space: nowrap;
        font-size: 0;
        opacity: 0;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
    }

    .jctkr-wrapper.jctkr-initialized ul {
        opacity: 1;
    }

    .jctkr-wrapper ul li {
        display: inline-block;
        font-family: sans-serif;
        font-size: 16px;
    }

.jctkr-label {
    display: inline-block;
}
/*news ticker end*/



@media screen and (max-width: 1200px) {
    .blog-slid-txt {
        font-size: 20px;
        line-height: 22px;
    }

    .blog-slider-holder {
        padding: 30px 20px;
    }

    .home_riders, .riders_content {
        padding: 0 0px;
    }

    .quote {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 900px) {

    .about_content_txt {
        padding: 4rem 2rem !important;
    }

    .quote {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 800px) {
    .about_content_txt:first-child {
        clip-path: polygon(0 0, 18% 0, 22% 2%, 52% 2%, 54% 0, 100% 0, 100% 100%, 0 100%);
    }

    .synopsis {
        grid-template-columns: auto !important;
    }

        .synopsis div.gal_inner_page_content {
            transform: translateY(-19px) !important;
            max-width: 90% !important;
        }

    .mt-7 {
        margin-top: -1rem !important;
    }
}

@media screen and (max-width: 767px) {
    .mt-1 {
        margin-top: -1rem !important;
    }

    .inner_content div.inner_content_wrapper {
        transform: translateY(-31px) !important;
    }

    .blog-slider-holder {
        padding: 20px 0px;
    }

    .blog-slider .slick-list.draggable {
        padding: 0px 20px !important;
    }

    .blog-slider .slick-current.slide-content {
        transform: none;
    }

    .blog-slider .slide-content.slick-slide a {
        display: block;
        padding: 0px 5px;
    }

    .blog-slider .slick-dots {
        padding: 10px 0px 0px;
    }

    .blog-slid-txt {
        font-size: 20px;
        line-height: 22px;
    }

    .blog-head img {
        width: 140px;
    }

    .blog-head:before, .blog-head:after {
        width: calc(50% - 85px);
        height: 3px;
    }

    .blog-head img {
        width: 140px;
    }

    .blog-head {
        padding: 20px 0px;
    }
}


@media screen and (max-width: 1000px) {
    .quote {
        font-size: 14px !important;
        margin-left: 0 !important;
    }
    
    .quote1 {
     width: 100% !important;
    }

    .about_content_img {
        flex-flow: column;
    }

    .about_content_img_wrapper, .quote{
        width: 100% !important;
        transform: translateY(10%) !important;
    }

        .quote p:last-child ,.quote1 p:last-child {
            font-size: 12px !important;
        }
}


.about_content_txt {
    padding: 2rem 4rem;
    color: #000;
    right: 7px;
    box-shadow: 0px 0px 15px 0px rgb(162 162 162 / 75%);
    width: 100%;
    background: #fff;
    margin: 4rem 0;
}

    .about_content_txt:first-child {
        /*clip-path: polygon(0 0, 18% 0, 20% 8%, 52% 8%, 54% 0, 100% 0, 100% 100%, 0 100%); */
        clip-path: polygon(0 0, 18% 0, 20% 2%, 52% 2%, 54% 0, 100% 0, 100% 100%, 0 100%);
        width: 93%;
        margin-left: 0;
        align-items: center;
    }

.inner_content div.inner_content_wrapper {
    /*transform: translateY(-64px);*/
}




.about_content_txt h2 {
    margin-bottom: 24px;
}

.about_content_txt:first-child h2 {
    margin-bottom: 12px;
    margin-left: 0;
    line-height: 34px;
}

.about_content_txt p {
    letter-spacing: 0.8px;
}

.vision {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 83% 100%, 82% 92%, 55% 92%, 54% 100%, 0 100%);
}

.mission {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 43% 100%, 42% 92%, 15% 92%, 14% 100%, 0 100%)
}

.brand {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 64% 100%, 63% 92%, 35% 92%, 34% 100%, 0 100%);
}

.manufacturing {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 49% 92%, 22% 92%, 21% 100%, 0 100%);
}

.training_camp {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 70% 100%, 66% 92%, 23% 92%, 20% 100%, 0 100%);
}

.div1 {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(167px,252px));
}

.pd_4 {
    padding-top: 4rem;
}

.pd_6 {
    padding-top: 6rem;
}

.ml-2 {
    margin-left: 2% !important;
}

.ytrans {
    transform: translateY(-64px);
}

.gal_inner_page_content {
    width: 100%;
    padding: 25px 10px 20px 20px;
    background: #FFFFFF;
}

    .gal_inner_page_content div {
        overflow: scroll;
        max-height: 293px;
        margin-top: 24px;
    }

.text-left {
    text-align: left !important;
}

.gal_inner_page_content h1 {
    font-family: DRUK;
    letter-spacing: 2.88px;
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;
}

.gal_inner_page_content p {
    font-family: 'latoregular';
    font-size: 16px;
    line-height: 26px;
    /* opacity: 0.8; */
}
.gal_inner_page_content ul li{
    text-align: center;
}

.synopsis {
    display: grid;
    grid-auto-columns: 3fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin: 40px 0;
    filter: drop-shadow(0px 5px 12px #00000019);
}

.scrollbar div::-webkit-scrollbar {
    width: 6px;
}

.scrollbar div::-webkit-scrollbar-thumb {
    clip-path: polygon(100% 49%, 100% 100%, 0 52%, 0 0);
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .92) 15%, transparent 0%, transparent 0%, rgb(195 49 49 / 90%) 7%, rgb(210 13 13 / 99%) 85%, transparent 85%, transparent 90%)
}

.synopsis img {
    width: inherit;
    height: 544px;
    padding: 0.8rem;
}

.synopsis div.gal_inner_page_content {
    height: max-content;
    margin: auto;
    transform: translateX(-47px);
}

.rally-life {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 62% 100%, 59% 97%, 14% 97%, 12% 100%, 0 100%)
}

.nr_content_img_wrapper {
    background-image:  url("../images/HMS-National-Racing-Who-Are-We-banner.jpg")!important;
     width: 58%;
    height: 644px;
    background-position: center;
    background-size: cover;
}
@media screen and (max-width: 1000px) {
    .row_gap{
gap:20px;   
}
    .nr_content_img_wrapper {
          width: 100%;
}

 }

.about_content_img_wrapper {
    background: url("../images/Hero-Motorsports-Who-We-Are-Banner.jpg");
    width: 58%;
    height: 644px;
    background-position: center;
    background-size: cover;
}

.about_content_img {
    display: flex;
    background: transparent;
    position: relative;
    background-position: center;
}

.quote {
    width: 50%;
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    padding: 3rem;
    background: black;
    color: white;
    margin: 2rem 0;
    margin-left: -2rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 65% 100%, 59% 94%, 15% 94%, 11% 100%, 0 100%);
}

    .quote p:last-child {
        margin: 1rem 0;
        color: grey;
        font-size: 18px;
    }





    .quote span:last-child:after {
        content: url("../images/about/quoteend.svg");
        position: absolute;
        margin-left: -0.5rem;
    }

    .quote span:first-child:before {
        content: url("../images/about/appostroph.svg");
        position: absolute;
        margin-top: -0.3rem;
        margin-left: -3rem;
    }

.pt-0 {
    padding-top: 0 !important;
}

.cl-red {
    color: red;
}

.mt-7 {
    margin-top: -6rem;
}

.mt-1 {
    margin-top: -3rem;
}

.hm-header {
    width: 100%;
    background: #FFF;
    padding: 20px 40px 10px 0px;
    overflow: hidden;
    position: relative;
}

/*
.home-head-logos {
    float: right;
    margin-right: 40px;
    width: 149px;
}

.hm-logo {
    float: right;
    width: 140px;
}

.m-nav {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 30px;
    display: none;
}

.close-nav {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    display: none;
}
*/
.reg-form{
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 75%);;
    position: fixed;
    left: 0px;
    top: 0px;
    overflow-y: auto;
}
.reg-form-wrapper{
    max-width: 500px;
    margin:0px auto;
    background: #FFF;
    position: relative;
    margin-top: 50px;
}
.reg-form-wrapper h2 {
   font-family: DRUK;
    position: relative;
    font-size: 55px;
}
.reg-form-wrapper .border-div {
    border-right: 2px solid;
    padding-bottom: 30px;
    min-height: 450px;
}
.reg-form-wrapper form{
    padding:0px 30px;
    width: 100%;
}
.reg-form-head {
    border-bottom: 2px solid;
    margin-bottom: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
    padding-top:20px;
}
.reg-form-head p{
    padding-bottom: 0px;
    text-transform: uppercase;
    color: #F30000;
    margin-bottom: 0;
}
.reg-form-wrapper h4{
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 22px;
    font-family: kanitlight;
}
.reg-form-wrapper .fields-50 {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    position: relative;
}
.reg-form-wrapper .fields-50 input, .reg-form-wrapper select, .reg-form-wrapper select {
    display: block;
    width: 93%;
    padding: 10px !important;
    border: 1px solid #80808070;
    font-size: 14px;
    color: gray;
    font-family: kanitlight;
    height: 43px;
}

.reg-form-wrapper .form-groupcks{
    width: 100%;
    float: left;
    margin-top: 10px;
}

.reg-form-wrapper .form-groupcks label {
    width: calc(100% - 50px);
    vertical-align: top;
    padding-left: 10px;
    display: inline-block;
}

.reg-form-wrapper .registering {
    background: #F30000;
    color: white;
    text-transform: uppercase;
    border: none;
    outline: none;
    padding: 12px 20px;
    font-family: kanitlight;
}

.reg-form-wrapper .registering img{
    position: relative;
    top: -1px;
    margin-left: 5px;
    width: initial;
    display: initial;
}
.reg-form-wrapper .close-btn {
    position: absolute;
    right: 15px;
    top: 5px;
    color: #b7b7b7;
    cursor: pointer;
}
.reg-form-head p {
    padding-bottom: 0px;
    text-transform: uppercase;
    color: #F30000;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
}
.success-msg{
    text-align: center;
    padding: 20px;
}

.success-msg p{
    max-width: 250px;
    margin:0px auto;
    padding: 20px 0px;
}
.success-msg .pop-close{
    display: inline-block;
    background: #37c02b;
    color: #FFF !important;
    height: 50px;
    text-align: center;
    padding: 0px 20px;
    line-height: 48px;
    cursor: pointer;
}
@charset "UTF-8";/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/@font-face{font-family:"Ionicons";src:url("fonts/ionicons.eot?v=2.0.0");src:url("fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),url("fonts/ionicons.ttf?v=2.0.0") format("truetype"),url("fonts/ionicons.woff?v=2.0.0") format("woff"),url("fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-circle:before{content:"\f359"}.ion-android-alarm-clock:before{content:"\f35a"}.ion-android-alert:before{content:"\f35b"}.ion-android-apps:before{content:"\f35c"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down:before{content:"\f35d"}.ion-android-arrow-dropdown:before{content:"\f35f"}.ion-android-arrow-dropdown-circle:before{content:"\f35e"}.ion-android-arrow-dropleft:before{content:"\f361"}.ion-android-arrow-dropleft-circle:before{content:"\f360"}.ion-android-arrow-dropright:before{content:"\f363"}.ion-android-arrow-dropright-circle:before{content:"\f362"}.ion-android-arrow-dropup:before{content:"\f365"}.ion-android-arrow-dropup-circle:before{content:"\f364"}.ion-android-arrow-forward:before{content:"\f30f"}.ion-android-arrow-up:before{content:"\f366"}.ion-android-attach:before{content:"\f367"}.ion-android-bar:before{content:"\f368"}.ion-android-bicycle:before{content:"\f369"}.ion-android-boat:before{content:"\f36a"}.ion-android-bookmark:before{content:"\f36b"}.ion-android-bulb:before{content:"\f36c"}.ion-android-bus:before{content:"\f36d"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-cancel:before{content:"\f36e"}.ion-android-car:before{content:"\f36f"}.ion-android-cart:before{content:"\f370"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkbox:before{content:"\f374"}.ion-android-checkbox-blank:before{content:"\f371"}.ion-android-checkbox-outline:before{content:"\f373"}.ion-android-checkbox-outline-blank:before{content:"\f372"}.ion-android-checkmark-circle:before{content:"\f375"}.ion-android-clipboard:before{content:"\f376"}.ion-android-close:before{content:"\f2d7"}.ion-android-cloud:before{content:"\f37a"}.ion-android-cloud-circle:before{content:"\f377"}.ion-android-cloud-done:before{content:"\f378"}.ion-android-cloud-outline:before{content:"\f379"}.ion-android-color-palette:before{content:"\f37b"}.ion-android-compass:before{content:"\f37c"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-contract:before{content:"\f37d"}.ion-android-create:before{content:"\f37e"}.ion-android-delete:before{content:"\f37f"}.ion-android-desktop:before{content:"\f380"}.ion-android-document:before{content:"\f381"}.ion-android-done:before{content:"\f383"}.ion-android-done-all:before{content:"\f382"}.ion-android-download:before{content:"\f2dd"}.ion-android-drafts:before{content:"\f384"}.ion-android-exit:before{content:"\f385"}.ion-android-expand:before{content:"\f386"}.ion-android-favorite:before{content:"\f388"}.ion-android-favorite-outline:before{content:"\f387"}.ion-android-film:before{content:"\f389"}.ion-android-folder:before{content:"\f2e0"}.ion-android-folder-open:before{content:"\f38a"}.ion-android-funnel:before{content:"\f38b"}.ion-android-globe:before{content:"\f38c"}.ion-android-hand:before{content:"\f2e3"}.ion-android-hangout:before{content:"\f38d"}.ion-android-happy:before{content:"\f38e"}.ion-android-home:before{content:"\f38f"}.ion-android-image:before{content:"\f2e4"}.ion-android-laptop:before{content:"\f390"}.ion-android-list:before{content:"\f391"}.ion-android-locate:before{content:"\f2e9"}.ion-android-lock:before{content:"\f392"}.ion-android-mail:before{content:"\f2eb"}.ion-android-map:before{content:"\f393"}.ion-android-menu:before{content:"\f394"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-microphone-off:before{content:"\f395"}.ion-android-more-horizontal:before{content:"\f396"}.ion-android-more-vertical:before{content:"\f397"}.ion-android-navigate:before{content:"\f398"}.ion-android-notifications:before{content:"\f39b"}.ion-android-notifications-none:before{content:"\f399"}.ion-android-notifications-off:before{content:"\f39a"}.ion-android-open:before{content:"\f39c"}.ion-android-options:before{content:"\f39d"}.ion-android-people:before{content:"\f39e"}.ion-android-person:before{content:"\f3a0"}.ion-android-person-add:before{content:"\f39f"}.ion-android-phone-landscape:before{content:"\f3a1"}.ion-android-phone-portrait:before{content:"\f3a2"}.ion-android-pin:before{content:"\f3a3"}.ion-android-plane:before{content:"\f3a4"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-print:before{content:"\f3a5"}.ion-android-radio-button-off:before{content:"\f3a6"}.ion-android-radio-button-on:before{content:"\f3a7"}.ion-android-refresh:before{content:"\f3a8"}.ion-android-remove:before{content:"\f2f4"}.ion-android-remove-circle:before{content:"\f3a9"}.ion-android-restaurant:before{content:"\f3aa"}.ion-android-sad:before{content:"\f3ab"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-share-alt:before{content:"\f3ac"}.ion-android-star:before{content:"\f2fc"}.ion-android-star-half:before{content:"\f3ad"}.ion-android-star-outline:before{content:"\f3ae"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-subway:before{content:"\f3af"}.ion-android-sunny:before{content:"\f3b0"}.ion-android-sync:before{content:"\f3b1"}.ion-android-textsms:before{content:"\f3b2"}.ion-android-time:before{content:"\f3b3"}.ion-android-train:before{content:"\f3b4"}.ion-android-unlock:before{content:"\f3b5"}.ion-android-upload:before{content:"\f3b6"}.ion-android-volume-down:before{content:"\f3b7"}.ion-android-volume-mute:before{content:"\f3b8"}.ion-android-volume-off:before{content:"\f3b9"}.ion-android-volume-up:before{content:"\f3ba"}.ion-android-walk:before{content:"\f3bb"}.ion-android-warning:before{content:"\f3bc"}.ion-android-watch:before{content:"\f3bd"}.ion-android-wifi:before{content:"\f305"}.ion-aperture:before{content:"\f313"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-asterisk:before{content:"\f314"}.ion-at:before{content:"\f10f"}.ion-backspace:before{content:"\f3bf"}.ion-backspace-outline:before{content:"\f3be"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bonfire:before{content:"\f315"}.ion-bookmark:before{content:"\f26b"}.ion-bowtie:before{content:"\f3c0"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-cash:before{content:"\f316"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-closed-captioning:before{content:"\f317"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-crop:before{content:"\f3c1"}.ion-cube:before{content:"\f318"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-easel:before{content:"\f3c2"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-email-unread:before{content:"\f3c3"}.ion-erlenmeyer-flask:before{content:"\f3c5"}.ion-erlenmeyer-flask-bubbles:before{content:"\f3c4"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-fireball:before{content:"\f319"}.ion-flag:before{content:"\f279"}.ion-flame:before{content:"\f31a"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-funnel:before{content:"\f31b"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-happy:before{content:"\f31c"}.ion-happy-outline:before{content:"\f3c6"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-heart-broken:before{content:"\f31d"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-alarm-outline:before{content:"\f3c7"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-albums-outline:before{content:"\f3c9"}.ion-ios-americanfootball:before{content:"\f3cc"}.ion-ios-americanfootball-outline:before{content:"\f3cb"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-analytics-outline:before{content:"\f3cd"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-left:before{content:"\f3d2"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-ios-arrow-thin-down:before{content:"\f3d4"}.ion-ios-arrow-thin-left:before{content:"\f3d5"}.ion-ios-arrow-thin-right:before{content:"\f3d6"}.ion-ios-arrow-thin-up:before{content:"\f3d7"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-at-outline:before{content:"\f3d9"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-barcode-outline:before{content:"\f3db"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-baseball-outline:before{content:"\f3dd"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-basketball-outline:before{content:"\f3df"}.ion-ios-bell:before{content:"\f3e2"}.ion-ios-bell-outline:before{content:"\f3e1"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-bolt:before{content:"\f3e6"}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-book-outline:before{content:"\f3e7"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bookmarks-outline:before{content:"\f3e9"}.ion-ios-box:before{content:"\f3ec"}.ion-ios-box-outline:before{content:"\f3eb"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-browsers-outline:before{content:"\f3ef"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calculator-outline:before{content:"\f3f1"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-calendar-outline:before{content:"\f3f3"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-camera-outline:before{content:"\f3f5"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cart-outline:before{content:"\f3f7"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatboxes-outline:before{content:"\f3f9"}.ion-ios-chatbubble:before{content:"\f3fc"}.ion-ios-chatbubble-outline:before{content:"\f3fb"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-empty:before{content:"\f3fd"}.ion-ios-checkmark-outline:before{content:"\f3fe"}.ion-ios-circle-filled:before{content:"\f400"}.ion-ios-circle-outline:before{content:"\f401"}.ion-ios-clock:before{content:"\f403"}.ion-ios-clock-outline:before{content:"\f402"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-empty:before{content:"\f404"}.ion-ios-close-outline:before{content:"\f405"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-download-outline:before{content:"\f407"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloud-upload-outline:before{content:"\f40a"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-cloudy-night-outline:before{content:"\f40d"}.ion-ios-cloudy-outline:before{content:"\f40f"}.ion-ios-cog:before{content:"\f412"}.ion-ios-cog-outline:before{content:"\f411"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-filter-outline:before{content:"\f413"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-ios-compose:before{content:"\f418"}.ion-ios-compose-outline:before{content:"\f417"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-copy-outline:before{content:"\f41b"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-crop-strong:before{content:"\f41d"}.ion-ios-download:before{content:"\f420"}.ion-ios-download-outline:before{content:"\f41f"}.ion-ios-drag:before{content:"\f421"}.ion-ios-email:before{content:"\f423"}.ion-ios-email-outline:before{content:"\f422"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-outline:before{content:"\f424"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-fastforward-outline:before{content:"\f426"}.ion-ios-filing:before{content:"\f429"}.ion-ios-filing-outline:before{content:"\f428"}.ion-ios-film:before{content:"\f42b"}.ion-ios-film-outline:before{content:"\f42a"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flag-outline:before{content:"\f42c"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flame-outline:before{content:"\f42e"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flask-outline:before{content:"\f430"}.ion-ios-flower:before{content:"\f433"}.ion-ios-flower-outline:before{content:"\f432"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-outline:before{content:"\f434"}.ion-ios-football:before{content:"\f437"}.ion-ios-football-outline:before{content:"\f436"}.ion-ios-game-controller-a:before{content:"\f439"}.ion-ios-game-controller-a-outline:before{content:"\f438"}.ion-ios-game-controller-b:before{content:"\f43b"}.ion-ios-game-controller-b-outline:before{content:"\f43a"}.ion-ios-gear:before{content:"\f43d"}.ion-ios-gear-outline:before{content:"\f43c"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-glasses-outline:before{content:"\f43e"}.ion-ios-grid-view:before{content:"\f441"}.ion-ios-grid-view-outline:before{content:"\f440"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-outline:before{content:"\f442"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-empty:before{content:"\f444"}.ion-ios-help-outline:before{content:"\f445"}.ion-ios-home:before{content:"\f448"}.ion-ios-home-outline:before{content:"\f447"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-infinite-outline:before{content:"\f449"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-empty:before{content:"\f44b"}.ion-ios-information-outline:before{content:"\f44c"}.ion-ios-ionic-outline:before{content:"\f44e"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-keypad-outline:before{content:"\f44f"}.ion-ios-lightbulb:before{content:"\f452"}.ion-ios-lightbulb-outline:before{content:"\f451"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f453"}.ion-ios-location:before{content:"\f456"}.ion-ios-location-outline:before{content:"\f455"}.ion-ios-locked:before{content:"\f458"}.ion-ios-locked-outline:before{content:"\f457"}.ion-ios-loop:before{content:"\f45a"}.ion-ios-loop-strong:before{content:"\f459"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medical-outline:before{content:"\f45b"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-medkit-outline:before{content:"\f45d"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-mic-outline:before{content:"\f460"}.ion-ios-minus:before{content:"\f464"}.ion-ios-minus-empty:before{content:"\f462"}.ion-ios-minus-outline:before{content:"\f463"}.ion-ios-monitor:before{content:"\f466"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-moon:before{content:"\f468"}.ion-ios-moon-outline:before{content:"\f467"}.ion-ios-more:before{content:"\f46a"}.ion-ios-more-outline:before{content:"\f469"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-navigate-outline:before{content:"\f46d"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-nutrition-outline:before{content:"\f46f"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-outline:before{content:"\f471"}.ion-ios-paperplane:before{content:"\f474"}.ion-ios-paperplane-outline:before{content:"\f473"}.ion-ios-partlysunny:before{content:"\f476"}.ion-ios-partlysunny-outline:before{content:"\f475"}.ion-ios-pause:before{content:"\f478"}.ion-ios-pause-outline:before{content:"\f477"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-paw-outline:before{content:"\f479"}.ion-ios-people:before{content:"\f47c"}.ion-ios-people-outline:before{content:"\f47b"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-outline:before{content:"\f47d"}.ion-ios-personadd:before{content:"\f480"}.ion-ios-personadd-outline:before{content:"\f47f"}.ion-ios-photos:before{content:"\f482"}.ion-ios-photos-outline:before{content:"\f481"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pie-outline:before{content:"\f483"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pint-outline:before{content:"\f485"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-outline:before{content:"\f487"}.ion-ios-plus:before{content:"\f48b"}.ion-ios-plus-empty:before{content:"\f489"}.ion-ios-plus-outline:before{content:"\f48a"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetag-outline:before{content:"\f48c"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-pricetags-outline:before{content:"\f48e"}.ion-ios-printer:before{content:"\f491"}.ion-ios-printer-outline:before{content:"\f490"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-pulse-strong:before{content:"\f492"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-rainy-outline:before{content:"\f494"}.ion-ios-recording:before{content:"\f497"}.ion-ios-recording-outline:before{content:"\f496"}.ion-ios-redo:before{content:"\f499"}.ion-ios-redo-outline:before{content:"\f498"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-empty:before{content:"\f49a"}.ion-ios-refresh-outline:before{content:"\f49b"}.ion-ios-reload:before{content:"\f49d"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-reverse-camera-outline:before{content:"\f49e"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-rewind-outline:before{content:"\f4a0"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-rose-outline:before{content:"\f4a2"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-search-strong:before{content:"\f4a4"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-settings-strong:before{content:"\f4a6"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-shuffle-strong:before{content:"\f4a8"}.ion-ios-skipbackward:before{content:"\f4ab"}.ion-ios-skipbackward-outline:before{content:"\f4aa"}.ion-ios-skipforward:before{content:"\f4ad"}.ion-ios-skipforward-outline:before{content:"\f4ac"}.ion-ios-snowy:before{content:"\f4ae"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-speedometer-outline:before{content:"\f4af"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-stopwatch-outline:before{content:"\f4b4"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}.ion-ios-telephone:before{content:"\f4b9"}.ion-ios-telephone-outline:before{content:"\f4b8"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-tennisball-outline:before{content:"\f4ba"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-thunderstorm-outline:before{content:"\f4bc"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-time-outline:before{content:"\f4be"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-timer-outline:before{content:"\f4c0"}.ion-ios-toggle:before{content:"\f4c3"}.ion-ios-toggle-outline:before{content:"\f4c2"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trash-outline:before{content:"\f4c4"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-undo-outline:before{content:"\f4c6"}.ion-ios-unlocked:before{content:"\f4c9"}.ion-ios-unlocked-outline:before{content:"\f4c8"}.ion-ios-upload:before{content:"\f4cb"}.ion-ios-upload-outline:before{content:"\f4ca"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-videocam-outline:before{content:"\f4cc"}.ion-ios-volume-high:before{content:"\f4ce"}.ion-ios-volume-low:before{content:"\f4cf"}.ion-ios-wineglass:before{content:"\f4d1"}.ion-ios-wineglass-outline:before{content:"\f4d0"}.ion-ios-world:before{content:"\f4d3"}.ion-ios-world-outline:before{content:"\f4d2"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before{content:"\f29a"}.ion-load-b:before{content:"\f29b"}.ion-load-c:before{content:"\f29c"}.ion-load-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-lock-combination:before{content:"\f4d4"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-merge:before{content:"\f33f"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-mouse:before{content:"\f340"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-network:before{content:"\f341"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-outlet:before{content:"\f342"}.ion-paintbrush:before{content:"\f4d5"}.ion-paintbucket:before{content:"\f4d6"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-planet:before{content:"\f343"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-podium:before{content:"\f344"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-pull-request:before{content:"\f345"}.ion-qr-scanner:before{content:"\f346"}.ion-quote:before{content:"\f347"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-ribbon-a:before{content:"\f348"}.ion-ribbon-b:before{content:"\f349"}.ion-sad:before{content:"\f34a"}.ion-sad-outline:before{content:"\f4d7"}.ion-scissors:before{content:"\f34b"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-angular:before{content:"\f4d9"}.ion-social-angular-outline:before{content:"\f4d8"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-chrome:before{content:"\f4db"}.ion-social-chrome-outline:before{content:"\f4da"}.ion-social-codepen:before{content:"\f4dd"}.ion-social-codepen-outline:before{content:"\f4dc"}.ion-social-css3:before{content:"\f4df"}.ion-social-css3-outline:before{content:"\f4de"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-euro:before{content:"\f4e1"}.ion-social-euro-outline:before{content:"\f4e0"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-foursquare:before{content:"\f34d"}.ion-social-foursquare-outline:before{content:"\f34c"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-google:before{content:"\f34f"}.ion-social-google-outline:before{content:"\f34e"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-html5:before{content:"\f4e3"}.ion-social-html5-outline:before{content:"\f4e2"}.ion-social-instagram:before{content:"\f351"}.ion-social-instagram-outline:before{content:"\f350"}.ion-social-javascript:before{content:"\f4e5"}.ion-social-javascript-outline:before{content:"\f4e4"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-markdown:before{content:"\f4e6"}.ion-social-nodejs:before{content:"\f4e7"}.ion-social-octocat:before{content:"\f4e8"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-python:before{content:"\f4e9"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-sass:before{content:"\f4ea"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-snapchat:before{content:"\f4ec"}.ion-social-snapchat-outline:before{content:"\f4eb"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitch:before{content:"\f4ee"}.ion-social-twitch-outline:before{content:"\f4ed"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-usd:before{content:"\f353"}.ion-social-usd-outline:before{content:"\f352"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-whatsapp:before{content:"\f4f0"}.ion-social-whatsapp-outline:before{content:"\f4ef"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-yen:before{content:"\f4f2"}.ion-social-yen-outline:before{content:"\f4f1"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-soup-can:before{content:"\f4f4"}.ion-soup-can-outline:before{content:"\f4f3"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-toggle:before{content:"\f355"}.ion-toggle-filled:before{content:"\f354"}.ion-transgender:before{content:"\f4f5"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-trophy:before{content:"\f356"}.ion-tshirt:before{content:"\f4f7"}.ion-tshirt-outline:before{content:"\f4f6"}.ion-umbrella:before{content:"\f2b7"}.ion-university:before{content:"\f357"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-wand:before{content:"\f358"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"}

/* new-css [START]*/
@media screen and (max-width:1650px){

}

@media screen and (max-width:1440px){
    .hm-riders-list{
        cursor: grab;
    }  
}

@media screen and (max-width:1200px){
.home-head-logos{
    
}
.hm-about-img-slider-txt-container{
    padding: 30px;
}
.hm-about-img-slider-txt p {
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0px 0px 0px;
}
.hm-about-img-slider-txt h2 {
    font-size: 26px;
    line-height: 26px;
    padding-bottom: 0px;
    margin: 0px;
}

.rally-life-nav-txt {
    padding: 20px 140px 20px 0px;
}
.nav-section {
    width: 200px;
}
.content-container {
    padding-left: 200px;
}
.poulo-logo {
    left: 20px;
}
.hm-footer {
    padding: 40px;
}

.rider-details {
    width: 350px;
    right: 80px;
    top: 20%;
    padding: 25px;
    position: absolute;
}
.rider-info {
    margin-top: 10px;
}
.why-mot-sport-txt p {
    font-size: 18px;
    line-height: 26px;
    font-family: 'latoregular';
    padding-left: 0px;
}
.why-mot-sport-txt {
    padding: 30px 30px 20px 30px;
}
.most-exp p {
    width: calc(100% - 260px);
    margin-left: 30px;
}
.media-kit-filter .media-filter-heading, .press-kit-head {
    width: 140px;
}
.latest-press-release-list {
    padding-right: 20px;
    margin-top: 20px;
}
}
@media screen and (max-width:800px){
    .nav-section{
        padding: 60px 20px 20px;
    }
.home-head-logos {
    margin-right: 25px;
    max-width: 107px;
}
.rider-details {
    width: 100%;
    right: inherit;
    top: inherit;
    padding: 25px;
    position: relative;
    margin: 0px 0px 0px auto;
}
.race-exp-txt {
    width: calc(100% - 40px);
    position: absolute;
    left: 20px;
    padding: 20px 40px 40px 40px;
    position: absolute;
}
.why-mot-sport-img {
    width: 100%;
}
.why-mot-sport-txt {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
    transform: translateY(0%);
    background: #000;
    padding: 40px 40px 20px 40px;
}
.best-part-job-img {
    width: 100%;
}
.best-part-job-txt {
    width: initial;
    position: initial;
    left: initial;
    top: initial;
    margin-left: 10px;
    transform: translateY(0%);
    background: #FFF;
    padding: 30px 30px 20px 30px;
    box-shadow: 0px 0px 10px 0px rgb(148 148 148 / 48%);
}
.side-hustle {
    width: inherit;
    margin-top: 80px;
    position: relative;
    margin-bottom: 50px;
    overflow: hidden;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 10px;
}
.side-hustle-img {
    width: 100%;
    float: none;
}
.side-hustle-txt {
    width: 97%;
    position: initial;
    right: initial;
    margin-left: 0px;
    top: initial;
    float: none;
    transform: translateY(0%);
    background: #FFF;
    padding: 40px 40px 20px 40px;
}

.rider {
    width: 50%;
    margin-bottom: 30px;
}
.media-filter-holder {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.filter_box {
    min-width: calc(100%);
    /* margin-right: 35px; */
    margin-left: 0px;
}
#divMedia .mediaDiv {
    width: calc(100% - 40px);
    margin-bottom: 40px;
}
.press-kit-list-content {
    width: 100%;
    margin-top: 20px;
}
.press-kit-list {
    width: calc(33.33% - 40px);
    padding-right: 0px;
    margin-right: 40px;
}
.freature-media-list-txt {
    width: 80%;
    background: #FFF;
    padding: 0px 40px 40px;
    box-shadow: 0px 0px 15px 0px rgb(162 162 162 / 75%);
    margin-top: -50px;
    position: relative;
    margin-left: 40px;
}
.latest-press-release-list {
    width: 100%;
}
}
@media screen and (max-width:767px){
.breadcrumbs{
    display: none;
}
.nav-section{
    left: -200px;
}
.content-container{
    padding: 0px 0px;
}
.hm-about-img-slider {
    width: 100%;
}
.hm-about-section {
    width: 100%;
    padding: 0px;
    margin-top: 50px;
}
.hm-about-img-slider-txt-container {
    padding: 30px;
    width: calc(100% - 40px);
    top: inherit;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    right: inherit;
    position: relative;
    margin-left: 20px;
    margin-bottom: 30px;
    margin-top: -45px;
}
.hm-about-img-slider {
    width: 100%;
    padding: 0px 20px 20px;
}
.hm-about-img-slider-txt .slick-dots {
    position: absolute;
    top: inherit;
    right: 0;
    bottom: -20px;
    margin: 0;
}
.hm-about-img-slider-txt .slick-dots li.slick-active button {
    background: #c71c23;
}
.hm-riders {
    margin-top: 50px;
}
.section-heading a {
    margin-right: 0px;
}
.hm-riders-list-container .slick-list.draggable, .hm-upcoming-events-content .slick-list.draggable, .hm-latest-news  .slick-list.draggable, .hm-gallery  .slick-list.draggable, .hm-social-feeds   .slick-list.draggable{
    padding: 0px 30px !important;
}
.hm-riders-list {
    margin: 0px 10px 10px;
}
.hm-riders .section-heading, .hm-upcoming-events .section-heading, .hm-latest-news-section .section-heading, .hm-social .section-heading, .hm-about-section .section-heading {
    padding: 0px 20px 20px;
}
.hm-upcoming-events-list {
    margin: 0px;
    padding-bottom: 20px;
}
.hm-upcoming-events-list-txt {
    position: relative;
    left: inherit;
    bottom: inherit;
    width: calc(100% - 0px);
    background: #FFF;
    padding: 0px 22px 20px;
    margin-left: 0px;
    margin-top: -20px;
}
.hm-upcoming-events {
    margin-top: 50px;
    padding-bottom: 0px;
}
.hm-latest-news-section {
    margin: 50px 0px 0px;
    padding-left: 0px;
}
.hm-news-list a{
    margin:0px 10px;
}
.hm-news-txt p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 0;
}
.rally-life-nav-logo {
    width: 280px;
    float: inherit;
    margin: 0px auto;
}
.rally-life-nav-txt {
    padding: 0px;
    width: auto;
    margin: 20px;
}
.rally-life-nav-txt a {
    position: inherit;
    right: inherit;
    top: inherit;
    height: auto;
    display: block;
    width: inherit;
    padding: 10px 0px;
    margin-top: 10px;
}
.rally-life-nav-logo {
    width: 280px;
    float: inherit;
    margin: 0px auto;
}
.rally-life-nav-txt a span {
    position: relative;
    top: inherit;
    left: inherit;
    transform: translate(0%, 0%);
    padding-right: 14px;
}
.hm-gallery-lh{
    display: none;
}
.hm-gallery-section {
    width: 100%;
    margin-top: 50px;
    padding-left: 0px;
    position: relative;
}
.hm-gallery-rh {
    width: 100%;
    padding-left: 0px;
    padding-bottom: 0px;
}
.hm-gallery-rh-top-sec {
    overflow: hidden;
    padding: 0px 20px 0px 20px;
}
.hm-gallery {
    margin-top: 0px;
}
.hm-gallery .tile {
    margin: 0px 10px;
}
.subscribe {
    padding: 25px 25px 60px;
    margin-top: 50px;
}
.subscribe .text-box input {
    padding: 0px 60px 0px 20px;
    height: 50px;
}
.subscribe-btn {
    width: 50px;
    height: 50px;
}
.subscribe .text-box:after {
    width: 75px;
    height: 50px;
}
.hm-social {
    padding: 20px 0px 50px 0px;
    margin: 50px 0px 0px 0px;
}
.soc-fd{
    margin: 0px 10px;
}
.rally-life-nav {
    margin-top: 50px;
}
.footer-links a {
    font-size: 22px;
    color: #FFF;
    display: block;
    margin-right: 0px;
    text-align: center;
    margin-top: 10px;
}
.hm-footer {
    padding: 25px;
}
.footer-logo-section {
    overflow: hidden;
    text-align: center;
}
.soc-icon {
    float: none;
    margin: 0px auto;
}
.footer-logo {
    float: none;
    width: 130px;
    margin: 30px auto 0px;
}
.footer-logo-section {
    margin-top: 50px;
}
.home-head-logos {
  margin: auto 15px;
}
.hm-header {
    position: relative;
    padding: 25px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.hm-logo {
    float: right;
/*    width: 100%;*/
}
.hm-logo  a{
    max-width: 130px;
    display: block;
    float: right;
}
.m-nav {
    display: block;
    margin: auto 20px;
}

   

.nav-section{
    transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
}
.show-nav .nav-section{
    left: 0px;
    box-shadow: 0px 0px 10px 0px #000;
}
.close-nav{
    display: block;
}
.rider {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
}
.most-exp p {
    width: 100%;
    margin-left: 0px;
    padding: 0px;
}
.side-hustle {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
}
.best-part-job , .why-mot-sport{
    width: inherit;
    margin: 50px 20px 0px;
}
.race-exp-txt {
    width: calc(100% - 40px);
    position: absolute;
    left: initial;
    padding: 20px 40px 40px 40px;
    position: relative;
    margin: -15px auto 0px;
}
#divMedia .mediaDiv {
    width: calc(100% - 20px);
    margin-bottom: 20px;
}
.media-kit-section {
    padding-left: 20px;
}
.press-kit-list {
    width: initial;
    padding-right: 0px;
    margin-right: 20px;
    float: none;
    margin-top: 40px;
}
.freature-preass-release {
    margin: 0px 0px 40px 20px;
}
.media-kit-filter .media-filter-heading, .press-kit-head {
    width: inherit;
}
.freature-media {
    margin-top: 0px;
    position: relative;
    max-width: 100%;
    margin-right: 20px;
}
.freature-media-list-txt {
    width: initial;
    background: #FFF;
    padding: 0px 20px 20px;
    margin-top: -10px;
    position: relative;
    margin-left: 20px;
    max-width: 100%;
    margin-right: 20px;
}
.freature-media-list-txt p{
    margin-bottom: 0px;
}
.latest-press-release-list-img {
    width: 100%;
    float: none;
}
.latest-press-release-list-txt {
    width: 100%;
    float: none;
    padding-left: 0px;
    margin-top: 20px;
}
.press-kit-list-content{
    margin-top: 0px;
}
}
/* new-css [END]*/





@media screen and (max-width:1500px){
.img1_txt {
    padding: 0px 25px 0px 94px;
}
}


@media screen and (max-width:1200px){


.riders_content {
    border-top: 0px solid #333;
}
.team_txt p {
    padding-right: 140px;
}
.follow_img_txt .cta_skew_btn {
    margin-top: 5px;
}
.follow_img_txt {
    padding: 0 10px 15px 15px;
}
.banner_txt_wrapper h1, .inner_banner_txt_wrapper h1 {
    font-size: 30px;
    line-height: 30px;
}
.banner_txt_wrapper p {
    font-size: 18px;
    line-height: 18px;
    margin-top: 10px;
}
.hm_rider_txt h2 , .gallery_big_img_txt h2, .team_txt h2{
    font-size: 30px;
    line-height: 30px;
}
.hm_rider_txt p {
    font-size: 16px;
    padding-right: 165px;
    line-height: 22px;
}
.gallery_big_img_txt {
    right: 8%;
}
.cta_skew_btn {
    padding: 0 20px;
}
.cta_skew_btn {
    height: 35px;
    padding: 0 20px;
    font-size: 14px;
}
.cta_skew_btn span {
    height: 35px;
    line-height: 35px;
}
.logo, .footer_hero_logo img {
    width: 120px;
}
.nav {
    float: left;
    margin: 20px 0 0 0px;
}
.inner_banner_txt_wrapper h1:after, .rider_info_wrapper h1:after {
    height: 10px;
}
.inner_banner_txt_wrapper h1, .rider_info_wrapper h1{
    padding-bottom: 18px;
}
.follow_img_txt p {
    font-size: 14px;
    line-height: 14px;
}
.race_updates_section {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}
.race_updates_section:nth-child(odd) .race_update_img {
    float: left;
    width: 100%;
}

.race_update_txt {
    width: 100%;
    position: initial;
    top: inherit;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    padding: 20px 10px;
    border-bottom: 1px solid #bbb;
    margin-bottom: 20px;
    margin-left: 0;
    clip-path:none;
    
}
.race_updates_section:nth-child(odd) .race_update_txt {
    left: inherit;
    float: left;
}
.race_update_img {
    width: 100%;
    overflow: hidden;
}
.race_updates_section:nth-child(even) .race_update_txt {
    right: inherit;
    float: left;
}
.over_result {
    width:100%;
    float: right;
    background: #e1e0e0;
    position: inherit;
    right: inherit;
    height: auto;
    top: inherit;
}
.rider_info_wrapper p {
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
}
.timer {
    float: right;
    margin-top: 4px;
    width: 215px;
    width: 190px;
}
.timer p {
    margin-left: 0px;
    width: 100%;
    text-align: center;
}
.nav > ul > li {
    margin-left: 20px;
}
#clockdiv > div > span {
    font-size: 18px;
    line-height: 14px;
}
#clockdiv > div > div {
    font-size: 10px;
    line-height: 10px;
    margin-top: 4px;
    text-transform: uppercase;
}
.timer p {
    font-size: 16px;
    line-height: 20px;
}
.seprater {
    margin: 6px 0px 0px;
}
.img1_txt h2 {
    font-size: 20px;
    line-height: 18px;
}
.img1_txt p {
    font-size: 14px;
    line-height: 10px;
    margin-top: 5px;
}
.arrow_box {
    width: 32px;
/*    left: 15px;*/
    bottom: 0px;
}
.img1_txt {
    padding: 0px 25px 0px 60px;
}


.filter_submit {
    height: 30px;
    margin-left: -10px
}
.filter_submit_btn {
    height: 30px;
    font-size: 15px;
}
.follow_img_txt h2 {
    font-size: 20px;
    line-height: 20px;
}
.fallow_cta {
    padding: 0 15px;
    margin: 10px 0px 0px 10px;
}
.media_hero_logo img {
    width: 100px;
}

.header_wrapper {
    padding: 5px 15px 5px;
    overflow: hidden;
}
.header {
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1;
    background: #585858;
}
.nav{
    display: none !important;
}
.menu-btn{
    display: block;
    margin-top: 10px;
}
/* .nav-section {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 200px;
} */
}
@media screen and (max-width:800px){
.riders_content .hm_riders {
    width: 100%;
}
.riders_content .hm_riders.jrd {
    padding-left: 0px;
    border-top: 10px solid #333;
}
.team:nth-child(even) {
    margin-left: 15px;
}
.team {
    width: calc(50% - 8px);
    width: -moz-calc(50% - 8px);
    width: -webkit-calc(50% - 8px);
    margin: 8px 0px;
}
.team_txt h2 {
    font-size: 25px;
    line-height: 25px;
}
.follow_img_txt .cta_skew_btn {
    margin-top: 5px;
}
.media_img2, .media_img3{
    width: 100%;
}
.media_img2, .media_img3, .media_img1{
    margin-left: 0px;
    margin-top: 15px;
}

.med_sp_img{
    padding-top: 15px;
    border: 1px solid #000;

}
.med_sp_img > img {
    display: none;
}
.med_sp_img .follow_img_txt{
    position: relative;
}
.gallery_section h2 {
    font-size: 20px;
    line-height: 16px;
    padding: 20px 0px 0px 10px;
}
.gallery_section a {
    width: 100%;
}
.inner_content_wrapper {
    padding: 0px 20px 20px;
}
.gal_inner_page_content h2, .race_update_txt h2 {
    font-size: 20px;
    line-height: 20px;
    margin-top: 0px;
}
.inner_content_wrapper {
    max-width: 1650px;
    padding: 20px 15px 10px;
}
.gal_inner_page_content p, .race_update_txt p, .gal_inner_page_content ul li {
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
    font-family: 'latoregular';
}
.race_section1 {
    margin-top: 15px;
}
.race_updates {
    padding-top: 15px;
}
.race_updates_section {
    margin-top: 15px;
}
.media_img1, .follow_img1{
    border: 1px solid #000;
}
.media_img1 .follow_img_txt, .follow_img1 .follow_img_txt{
    position: relative;
    padding-top: 15px
}
.media_img1 .follow_img_txt h2, .media_img1 .follow_img_txt p, .follow_img1 .follow_img_txt h2, .follow_img1 .follow_img_txt p{
    color: #000;
}
.media_img1 .follow_img_txt p, .follow_img1 .follow_img_txt p{
    margin-top: 5px;
}
.media_img1 .follow_img_txt h2 br, .media_img1 .follow_img_txt p br, .follow_img1 .follow_img_txt p br, .follow_img_txt h2 br{
    display: none;
}
.rider_info_wrapper h1{
    font-size: 30px;
    line-height: 25px;
}
.rider_info_wrapper h2 {
    font-size: 18px;
    line-height: 16px;
}
 .rider_info_wrapper h2 br {
     display:none;
    }
.rider_info_wrapper p {
    font-size: 14px;
    line-height: 14px;
    margin-top: 5px;
}
.rider_info_wrapper {
    padding: 20px 20px 0px;
    background: #000;
    margin-top: 60vw;
}
.rider_info_txt {
    width: 100%;
    padding: 0px 0px 50px;
}
.cs_santosh {
    background: #000 url(../images/cs_santosh_home.jpg) no-repeat  center top;
}
.jord {
    background: #000 url(../images/jrod_home.jpg) no-repeat center top;
}
.oriol-mena{
    background: #000 url(../images/oriol_mena_home.jpg) no-repeat center top;
}
.rider_info{
    background-size: 100% auto;
}
.patners_section a {
    width: -webkit-calc(33% - 10px) !important;
    width: -moz-calc(33% - 10px) !important;
     width: calc(33% - 10px) !important;
    margin: 5px !important;
}
.filter_box select{
    width: 100%;
}
}

@media screen and (max-width: 799px){
.hm_rider_txt p {
    font-size: 16px;
    padding-right: 0px;
    line-height: 22px;
    padding-bottom: 40px;
    text-shadow: 1px 1px 1px #000;
}
.hm_rider_txt h2, .gallery_big_img_txt h2, .team_txt h2 {
    font-size: 24px;
    line-height: 24px;
    text-shadow: 1px 1px 1px #000;
}
}
@media screen and (max-width:750px){
.race_update_txt {
    padding: 10px 0px 0px;
    margin-bottom: 10px;
	box-shadow:none;
	border-bottom:none;
}
.race_update_txt_wrap{
	filter:none;
}
.race_img1, .race_img2 {
    width: 100%;
}
.race_img2{
    margin:15px 0px 0px 0px;
}
.rider_video_section_wrapper > div:nth-child(even) {
     margin-left:0px;
     margin-top: 15px;
}
.team_txt {
    bottom: 20px;
    padding: 0 15px;
}
.team_txt h2, .team_txt p {
    padding-right: 110px;
}
.team_txt .cta_skew_btn {
    right: 20px;
}
.fallow_cta span {
    height: 25px;
    line-height: 25px;
    -webkit-transform: skew(210deg);
    -moz-transform: skew(210deg);
    transform: skew(210deg);
    font-family: 'kanitmedium';
    padding-right: 20px;
    font-size: 10px;
    background-size: 9px auto;
}
.fallow_cta {
    height: 25px;
}
.banner_txt_wrapper h1, .hm_rider_txt h2, .gallery_big_img_txt h2, .inner_banner_txt_wrapper h1, .follow_img_txt h2, .team_txt h2 {
    font-size: 20px;
    line-height: 20px;
}
.hm_rider_txt p {
    font-size: 14px;
    padding-right: 120px;
    line-height: 16px;
    margin-top: 5px;
    padding-bottom: 0px;
}
.logo {
    width: 80px;
}
.timer p {
    font-size: 12px;
    line-height: 14px;
}
#clockdiv > div {
    width: 30px;
    float: left;
    text-align: center;
    color: #ffffff;
    font-family: 'kanitmedium';
}
#clockdiv > div > span {
    font-size: 13px;
    line-height: 14px;
}
.seprater {
    margin: 4px 0px 0px;
    width: 6px;
}
.timer {
    width: 150px;
    margin-top: 0px;
}
#clockdiv > div > div {
    font-size: 8px;
    line-height: 8px;
    margin-top: 0px;
    text-transform: uppercase;
}
.header_wrapper {
    padding: 5px 10px 5px;
}

.menu-btn {
    margin-top: 1px;
}
.fallow_dropdown_holder .cta_skew_btn span {
    background-size: 6px auto;
}
.cta_skew_btn span {
    height: 25px;
    line-height: 25px;
}
.cta_skew_btn {
    height: 25px;
    padding: 0 12px;
    font-size: 10px;
    margin-top: 10px;
}

.hm_rider_txt .cta_skew_btn {
    right: 20px;
}
.hm_rider_txt {
    bottom: 20px;
    padding-left: 20px;
}
.hm_glly_thumb {
    width: 100%;
    float: left;
    padding: 10px;
}
.hm_gallery_wrapper {
    padding: 5px;
}
.gallery_big_img {
    padding: 5px 10px 10px;
}
.thumb_small a {
    padding: 5px;
}
.thumb_small{
    padding: 0px 5px;
}
.banner_txt_wrapper p {
    font-size: 14px;
    line-height: 10px;
    margin-top: 10px;
}
.banner_txt {
    bottom: 10px;
}
.banner_txt_wrapper {
    padding: 0px 15px;
}
.footer_hero_logo img {
    width: 80px;
}
.footer_wrapper {
    padding: 20px 15px;
}
.f_follow {
    padding: 10px;
}
.f_follow p {
    float: none;
    font-size: 15px;
    line-height: 18px;
    margin: 0px 0px 0 0;
    text-align: center;
    padding-bottom: 10px;
    line-height: 14px;
}
.f_soc_icon {
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 165px;
}
.footer_txt {
    padding: 20px 0 0px;
}
.about_content_txt p {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 15px;
}
.about_content_txt h2 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 5px;
}
.about_content_txt h2 span {
    left: calc(100% + 8px);
    left: -webkit-calc(100% + 8px);
    left: -moz-calc(100% + 8px);
}
.inner_content_wrapper {
    max-width: 1650px;
    padding: 20px 15px;
}
.about_content_img {
    margin: 25px 0px;
}
.inner_banner_txt_wrapper h1:after, .rider_info_wrapper h1:after {
    height: 5px;
}
.inner_banner_txt_wrapper h1, .rider_info_wrapper h1 {
    padding-bottom: 12px;
}
.inner_banner_txt_wrapper {
    padding: 0px 15px 0px;
}
.fallow_content_wrapper {
    max-width: 1650px;
    padding: 0px 15px 20px;
}
.follow_img_txt {
    padding: 0 15px 15px 15px;
}
.follow_img2 {
    width: calc(50% - 8px);
    width: -webkit-calc(50% - 8px);
    width: -moz-calc(50% - 8px);
    margin-top: 15px;
}
.follow_img2:nth-child(even) {
    margin-right: 15px;
}
.follow_img_txt p {
    font-size: 14px;
    line-height: 14px;
}
.follow_img {
    margin-top: 15px;
}
.login_content_wrapper h1, .forgot_password_form_wrapper h2 {
    font-size: 30px;
    line-height: 25px;
}
.login_content_wrapper {
    margin-top: 70px;
    padding-bottom: 70px;
}
.login_content {
    height: auto;
    background-size: auto 100%;
    background-position: left center;
}
.text_box {
    width: 230px;
    margin-top: 15px;
}
.form_btm_txt {
    margin-top: 10px;
    font-size: 15px;
    line-height: 15px;
}
.sign_in_wrapper .login_content_wrapper {
    margin: 70px 0px 30px 0px;
    padding: 0 0px;
}
.sign_in_wrapper {
    padding: 0 15px;
}
.race_img_3 {
    width: calc(43.1% - 8px);
    width: -webkit-calc(43.1% - 8px);
    width: -moz-calc(43.1% - 8px);
    margin-bottom: 15px;
}
.race_img_2 {
    width: calc(57.2% - 8px);
    width: -webkit-calc(57.2% - 8px);
    width: -moz-calc(57.2% - 8px);
    margin-bottom: 15px;
}
.over_result_head {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    font-family: 'kanitmedium';
}
.riders_details h2 {
    font-size: 14px;
    line-height: 14px;
}
.riders_details p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 2px;
    padding-left: 20px;
    line-height: 13px;
}
.time_icon {
    width: 15px;
}
.time_taken_txt {
    margin-left: 10px;
    font-size: 12px;
    margin-top: 2px;
}
.time_taken {
    width: 110px;
}
.riders_details {
    padding-right: 115px;
}
.view_more_stories {
    padding: 0px;
}
.arrow_box {
  left: 15px;
}
.img1_txt {
    padding: 0px 17px 0px 55px;
}
.video_gallery_section a {
    width: 100%;
}
.video_gallery_section a:nth-child(even){
    margin-left: 0px;
}
.gallery_section a {
    width: 100%;
}
.gallery_section a {
    padding: 5px;
}
.gallery_section h2 {
    padding: 20px 0px 0px 5px;
}
.view_more_stories p {
    font-size: 14px;
}
.view_more_stories span {
    width: 16px;
}
.team{
    width: 100%;
}
.team:nth-child(even) {
    margin-left: 0px;
}
.team:first-child{
    margin-top: 0px;
}
.rider_info_wrapper h1 {
    font-size: 20px;
    line-height: 20px;
}
.filter_box:before, .filter_box:after{
    display: none;
}
.page_filter {
    /* padding-left: 5px; */
	padding: 40px 20px 20px;
}
.filter_box {
    width: auto;
    margin-right: 10px;
}
}
@media screen and (max-width:500px){
.follow_img_txt p br{
    display: none;
}
.filter_box .customSelectInner {
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    width: 120px !important;
    text-align: left;
}
.filter_box {
    /* width: calc(100% - 22px); */
    /* width: -webkit-calc(100% - 22px); */
    /* width: -moz-calc(100% - 22px); */
    margin-right: 0px;
    margin-bottom: 5px;
}
.filter_submit {
    height: 30px;
    margin-left: -15px;
    width: 100%;
}
.fallow_dropdown a {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
}
}

@media screen and (max-width:479px){
.hm_riders{
    width: 100%;
    padding: 20px;
}
.home_riders, .riders_content{
    padding: 0px;
}
/*.cs {
    padding-right: 0px;
    border-bottom: 10px solid #0c0c0c;
}
.jrd {
    padding-left: 0px;
}*/
/*.hm_rider_txt .cta_skew_btn {
    right: 30px;
}*/
.hm_rider_txt h2 {
    font-size: 6vw;
    line-height: 5.5vw;
}
.hm_rider_txt p {
    font-size: 14px;
    line-height: 14px;
}
.follow_img2 {
    width:100%;
    margin-top: 15px;
}
.follow_img2:nth-child(even) {
    margin-right: 0px;
}
.banner_txt_wrapper h1, .hm_rider_txt h2, .gallery_big_img_txt h2 {
    font-size: 16px;
    line-height: 16px;
}
.about_content_img{
    background:url(../images/aboutus.jpg) no-repeat top center;
    padding-top: 200px;
    background-size:100% auto;
}
.about_content_img1{
    display: none;
}
.about_content_img2 {
    width: 128%;
    transform: translateX(-12%);
    -webkit-transform: translateX(-12%);
    -moz-transform: translateX(-12%);
    -ms-transform: translateX(-12%);
}
.text_box:nth-child(odd) {
    margin-right: 0;
}
.follow_img_txt {
    padding: 0 15px 10px 15px;
}
.follow_img_txt h2 br{
    display: none;
}
.fallow_dropdown h3{
    display: none;
}

.hm-riders-list-txt h3{
    font-size: 15px;
    width: 95px;
}
.country_name{
    font-size: 16px;
    line-height: 17px;
}
.age{
    font-size: 16px;
    line-height: 17px;
}
.career-highlights-hd{
    font-size: 17px;
    letter-spacing: 1.5px;
}
.ca-list{
    margin-top: 10px;
}
.hm-riders-list-txt h3:after{
    left: -20px;
}

}
@font-face {
    font-family: 'Dharma Gothic E Regular';
    src: url("fonts//DharmaGothicE-RegularItalic.eot");
    src: url("fonts//DharmaGothicE-RegularItalic.eot?#iefix") format("embedded-opentype"),url("fonts//DharmaGothicE-RegularItalic.woff2") format("woff2"),url("fonts//DharmaGothicE-RegularItalic.woff") format("woff"),url("fonts//DharmaGothicE-RegularItalic.ttf") format("truetype"),url("fonts//DharmaGothicE-RegularItalic.svg#DharmaGothicE-RegularItalic") format("svg");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'Kanit';
    src: url("fonts//Kanit-Bold.woff2") format("woff2"),url("fonts//Kanit-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

.blog-btn a, .blog_wrapper_each--content h3, .blog_wrapper_each.highs:after, .insta_feeds .insta_slider_each_inner .rider_content, .footer_txt .footer-links a, .new-media .media-box p {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

a {
    text-decoration: none;
    color: inherit
}

    a:hover {
        color: inherit;
        text-decoration: none
    }

.clear {
    clear: both
}

.common_header {
    text-align: center
}

    .common_header h2 {
        color: #111;
        text-transform: uppercase;
        display: inline-block;
        position: relative
    }

        .common_header h2:after, .common_header h2:before {
            position: absolute;
            content: '';
            width: 300px;
            height: 2px;
            background: #111;
            top: calc(50% - 1px)
        }

@media (max-width: 767px) {
    .common_header h2:after, .common_header h2:before {
        width: 80px
    }
}

.common_header h2:after {
    left: calc(100% + 25px)
}

.common_header h2:before {
    right: calc(100% + 25px)
}

.split-line {
    width: 100%;
    height: 1px;
    background: #c9c9c9
}

.blog-btn {
    margin: 26px 0 0 20px;
    font-family: "kanitbold";
    float: right
}

    .blog-btn a {
        font-size: 16px;
        line-height: 16px;
        color: #111;
        text-transform: uppercase
    }

        .blog-btn a:hover {
            color: #ca2228
        }

.spl-header {
    background: #dadada url("../images/footer_bg.jpg") no-repeat top center;
    background-size: 100% auto;
    position: relative;
    z-index: 1000
}

    .spl-header .nav > ul > li > a, .spl-header .sub_nav_arrow {
        color: #111
    }

@media (max-width: 1200px) {
    .spl-header {
        position: absolute
    }

        .spl-header .nav, .spl-header .blog-btn {
            display: none
        }
}

.timer_banner .area_video {
    position: relative
}

.timer_banner .area_video_content {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .timer_banner .area_video_content a {
        margin: 0 auto;
        display: block
    }

        .timer_banner .area_video_content a img {
            width: 70px
        }

@media (max-width: 991px) {
    .timer_banner .area_video_content a img {
        width: 50px
    }
}

.timer_banner .area_video_content h1 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 0px;
    font-family: "Kanit"
}

@media (max-width: 991px) {
    .timer_banner .area_video_content h1 {
        font-size: 2rem
    }
}

.timer_banner .area_video_content p {
    color: #fff;
    font-size: 1rem;
    text-align: center;
    line-height: 1.15rem
}

.timer_banner .area_timer {
    position: relative
}

.timer_banner .area_timer_counts {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center
}

    .timer_banner .area_timer_counts .time_holder {
        max-width: 400px
    }

        .timer_banner .area_timer_counts .time_holder .clock-column {
            margin: 0 20px;
            text-align: center;
            position: relative
        }

            .timer_banner .area_timer_counts .time_holder .clock-column::after {
                content: ':';
                display: block;
                font-size: 5rem;
                font-weight: 200;
                color: #fff;
                position: absolute;
                top: 0px;
                right: -30px;
                font-family: "Dharma Gothic E Regular";
                line-height: 5rem
            }

@media (max-width: 991px) {
    .timer_banner .area_timer_counts .time_holder .clock-column::after {
        font-size: 2.4rem;
        right: -18px;
        line-height: 3.4rem
    }
}

.timer_banner .area_timer_counts .time_holder .clock-column:last-child::after {
    display: none
}

@media (max-width: 991px) {
    .timer_banner .area_timer_counts .time_holder .clock-column {
        margin: 0 15px
    }
}

.timer_banner .area_timer_counts .time_holder .clock-column:last-child {
    margin-right: 0
}

.timer_banner .area_timer_counts .time_holder .clock-label {
    text-transform: uppercase;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    font-family: "Dharma Gothic E Regular";
    margin-bottom: 0;
    font-style: italic
}

@media (max-width: 991px) {
    .timer_banner .area_timer_counts .time_holder .clock-label {
        font-size: 1.2rem;
        line-height: 1.2rem
    }
}

.timer_banner .area_timer_counts .time_holder .clock-timer {
    color: #fff;
    font-size: 6rem;
    margin: 0;
    font-family: "Dharma Gothic E Regular";
    line-height: 6rem;
    font-style: italic
}

@media (max-width: 991px) {
    .timer_banner .area_timer_counts .time_holder .clock-timer {
        font-size: 4rem;
        line-height: 4rem
    }
}

.timer_banner .area_timer_counts .time_holder .done {
    color: #fff;
    font-family: "Dharma Gothic E Regular"
}

@media (max-width: 991px) {
    .timer_banner .area_timer_counts .time_holder {
        max-width: 290px
    }
}

@media (max-width: 479px) {
    .timer_banner .area_timer_counts .time_holder {
        max-width: 270px
    }
}

@media (max-width: 991px) {
    .timer_banner .area_timer_counts {
        top: 48%
    }
}

.timer_banner .area_timer_foots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 30px
}

.timer_banner .area_timer_foots--left {
    float: left;
    width: 50%;
    text-align: left
}

    .timer_banner .area_timer_foots--left img {
        width: 180px;
        display: inline-block
    }

@media (max-width: 991px) {
    .timer_banner .area_timer_foots--left img {
        width: 120px
    }
}

.timer_banner .area_timer_foots--right {
    float: right;
    width: 50%;
    text-align: right
}

    .timer_banner .area_timer_foots--right .cta_skew_btn {
        background: #fff
    }

        .timer_banner .area_timer_foots--right .cta_skew_btn:after {
            background: #f1f1f1
        }

        .timer_banner .area_timer_foots--right .cta_skew_btn span {
            color: #111
        }

@media (max-width: 991px) {
    .timer_banner .area_timer_foots--right .cta_skew_btn {
        margin-top: 4px
    }
}

.blog_wrapper_each {
    border: solid 1px #111;
    display: block;
    margin-bottom: 20px
}

.blog_wrapper_each--content {
    padding: 20px 40px
}

    .blog_wrapper_each--content h4 {
        color: #ca2228;
        text-transform: uppercase;
        font-size: 1rem
    }

    .blog_wrapper_each--content h3 {
        color: #111;
        font-weight: bolder;
        text-transform: uppercase;
        font-family: "Kanit";
        font-size: 2.5rem;
        line-height: 2.5rem
    }

@media (max-width: 767px) {
    .blog_wrapper_each--content h3 br {
        display: none
    }
}

@media (max-width: 991px) {
    .blog_wrapper_each--content h3 {
        font-size: 1.4rem;
        line-height: 1.4rem
    }
}

@media (max-width: 991px) {
    .blog_wrapper_each--content {
        padding: 15px 25px
    }
}

.blog_wrapper_each--img {
    position: relative;
    display: block
}

    .blog_wrapper_each--img img {
        width: 100%
    }

    .blog_wrapper_each--img span {
        position: absolute;
        right: 0;
        bottom: 0
    }

        .blog_wrapper_each--img span img {
            width: 40px
        }

.blog_wrapper_each.highs {
    position: relative;
    margin-bottom: 30px
}

    .blog_wrapper_each.highs:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 7px;
        background: #ca2228;
        z-index: 1;
        height: 100%
    }

.blog_wrapper_each.smalls .blog_wrapper_each--content {
    padding: 15px 30px
}

    .blog_wrapper_each.smalls .blog_wrapper_each--content h4 {
        font-size: 0.8rem;
        line-height: 0.8rem
    }

    .blog_wrapper_each.smalls .blog_wrapper_each--content h3 {
        font-weight: normal;
        font-size: 1.6rem;
        line-height: 1.6rem
    }

@media (max-width: 767px) {
    .blog_wrapper_each.smalls .blog_wrapper_each--content h3 {
        font-size: 1.2rem;
        line-height: 1.2rem
    }
}

@media (max-width: 767px) {
    .blog_wrapper_each.smalls .blog_wrapper_each--content {
        padding: 15px 20px
    }
}

.blog_wrapper_each:hover h3 {
    color: #ca2228
}

.blog_wrapper_each:hover.highs:after {
    width: 10px
}

.blog_wrapper .common_head {
    color: #111;
    font-size: 3rem;
    text-transform: uppercase;
    text-align: left;
    font-family: "Kanit";
    font-weight: bold
}

@media (max-width: 767px) {
    .blog_wrapper .common_head {
        font-size: 1.6rem
    }
}



.home_riders .hm_riders:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    content: '';
    background: url("..//images/patch.png") no-repeat center center/cover;
}

.home_riders .hm_riders .hm_rider_txt {
    z-index: 1
}

    .home_riders .hm_riders .hm_rider_txt p {
        font-size: 1rem;
        color: #fff;
        margin-bottom: 0
    }



.insta_feeds {
    padding: 0 25px
}

    .insta_feeds .insta_slider_each {
        padding: 0 20px;
        outline: none
    }

    .insta_feeds .insta_slider_each_inner {
        position: relative;
        background: #ca2228;
        overflow: hidden;
        display: block
    }

        .insta_feeds .insta_slider_each_inner .insta_icon {
            position: absolute;
            right: 20px;
            top: 20px;
            height: 30px;
            width: 30px
        }

        .insta_feeds .insta_slider_each_inner .rider_content {
            position: absolute;
            left: 0;
            bottom: -50px;
            opacity: 0;
            width: 100%;
            color: #fff;
            padding: 30px 20px;
            background: #ca2228;
            text-align: center
        }

            .insta_feeds .insta_slider_each_inner .rider_content h4 {
                font-size: 1.2rem
            }

            .insta_feeds .insta_slider_each_inner .rider_content p {
                font-size: 1rem;
                font-weight: lighter;
                margin-bottom: 0
            }

@media (max-width: 1049px) {
    .insta_feeds .insta_slider_each_inner .rider_content {
        opacity: 1;
        bottom: 0;
        padding: 10px 15px;
        position: static
    }
}

@media (min-width: 1050px) {
    .insta_feeds .insta_slider_each_inner:hover .rider_content {
        bottom: 0;
        opacity: 1
    }
}

@media (max-width: 767px) {
    .insta_feeds .insta_slider_each {
        padding: 0
    }
}

.insta_feeds .insta_slider .slick-arrow {
    height: 52px
}

    .insta_feeds .insta_slider .slick-arrow.arrow-left {
        left: -25px
    }

    .insta_feeds .insta_slider .slick-arrow.arrow-right {
        right: -25px
    }

    .insta_feeds .insta_slider .slick-arrow.slick-disabled {
        cursor: inherit;
        opacity: 0.2
    }

@media (max-width: 767px) {
    .insta_feeds .insta_slider .slick-arrow {
        display: block !important;
        width: 20px;
        height: 34px
    }
}

.footer_txt {
    padding: 20px 0
}

    .footer_txt p {
        float: left;
        text-align: left;
        width: 50%
    }

@media (max-width: 991px) {
    .footer_txt p {
        float: none;
        width: 100%;
        padding-top: 15px;
        text-align: center;
        margin-bottom: 0
    }
}

.footer_txt .footer-links {
    float: right;
    line-height: 13px
}

    .footer_txt .footer-links a {
        display: inline-block;
        vertical-align: middle;
        color: #111;
        font-size: 13px;
        line-height: 13px;
        margin-left: 15px
    }

        .footer_txt .footer-links a:hover {
            color: #ca2228
        }

@media (max-width: 640px) {
    .footer_txt .footer-links a {
        margin: 5px
    }
}

@media (max-width: 991px) {
    .footer_txt .footer-links {
        float: none;
        width: 100%;
        text-align: center
    }
}

.video-modal, .video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
}

.video-modal {
    overflow: hidden;
    position: fixed;
    opacity: 0.0;
    -webkit-transform: translate(500%, 0%);
    transform: translate(500%, 0%);
    -webkit-transition: -webkit-transform 0s linear 0s;
    transition: -webkit-transform 0s linear 0s;
    transition: transform 0s linear 0s;
    transition: transform 0s linear 0s, -webkit-transform 0s linear 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

    .video-modal .overlay {
        z-index: 0;
        background: rgba(0,0,0,0.82);
        opacity: 0.0;
        -webkit-transition: opacity 0.2s ease-out 0.05s;
        transition: opacity 0.2s ease-out 0.05s
    }

.video-modal-content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    margin: 0 auto;
    overflow-y: visible;
    background: #000;
    width: calc(100% - 12em);
    height: 0;
    padding-top: calc((100% - 12em) * 0.5625)
}

@media (min-aspect-ratio: 16 / 9) {
    .video-modal-content {
        width: 0;
        height: calc(100vh - 10em);
        padding-top: 0;
        padding-left: calc((100vh - 10em) * 1.7778)
    }
}

@media (max-width: 640px) {
    .video-modal-content {
        width: calc(100% - 1em);
        padding-top: calc((100% - 1em) * 0.5625)
    }
}

.close-video-modal {
    display: block;
    position: absolute;
    right: 0;
    top: -40px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff
}

iframe#youtube {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    -webkit-box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 16px rgba(0,0,0,0.5)
}

.show-video-modal .video-modal {
    opacity: 1.0;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%)
}

    .show-video-modal .video-modal .overlay {
        opacity: 1.0
    }

.show-video-modal .video-modal-content {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%)
}

.blog_post_full--type {
    color: #ca2228;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .blog_post_full--type {
        font-size: 0.9rem
    }
}

.blog_post_full--title {
    font-family: "Kanit";
    color: #111;
    font-size: 3.2rem;
    line-height: 3rem
}

@media (max-width: 767px) {
    .blog_post_full--title {
        font-size: 1.6rem;
        line-height: 1.6rem
    }
}

.blog_post_full--date {
    padding: 10px 0;
    color: #444
}

@media (max-width: 767px) {
    .blog_post_full--date {
        font-size: 0.8rem;
        padding: 5px 0
    }
}

.blog_post_full_content--img {
    padding: 15px 0;
    text-align: left
}

    .blog_post_full_content--img img {
        display: inline-block
    }

.blog_post .panel_head p {
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
    color: #222;
    font-size: 1.2rem
}

.new-media .page_filter {
    text-align: center
}

    .new-media .page_filter .filter_box {
        float: none;
        display: inline-block;
        margin: 0 20px;
        vertical-align: middle
    }

        .new-media .page_filter .filter_box .customSelectInner {
            max-width: 190px;
            overflow: hidden
        }

            .new-media .page_filter .filter_box .customSelectInner:after {
                right: 2px
            }

@media (max-width: 767px) {
    .new-media .page_filter .filter_box {
        margin: 10px 0;
        display: block;
        width: 100%
    }
}

.new-media .media-box {
    display: block;
    margin: 10px 0;
    position: relative
}

    .new-media .media-box:before {
        content: attr(data-text);
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.5);
        width: 100%;
        height: 100%;
        padding-top: 23%;
        color: #fff;
        text-align: center;
        white-space: pre-wrap;
        font-size: 1.5rem
    }

    .new-media .media-box p {
        margin: 0;
        padding: 10px 15px;
        text-align: center;
        background: #111;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        position: relative
    }

    .new-media .media-box:hover p {
        background: #ca2228
    }

.new-media .media-btns {
    text-align: center
}

    .new-media .media-btns a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 20px
    }

        .new-media .media-btns a.cta_skew_btn {
            background: #111
        }

@media (max-width: 767px) {
    .new-media .media-btns a {
        display: block;
        margin: 10px 0
    }
}

.race-page .wide_bg_head {
    background: url("../images/rally/infograph/dakar-2019/red-map-bg.jpg") no-repeat center center/ cover;
    padding: 15px 10px;
    text-align: center
}

    .race-page .wide_bg_head h1 {
        text-transform: uppercase;
        font-weight: bolder;
        color: #fff;
        font-size: 3.5rem;
        font-family: "Kanit";
        margin-bottom: 0
    }

        .race-page .wide_bg_head h1 span {
            font-weight: normal;
            font-family: 'kanitlight'
        }

@media (max-width: 767px) {
    .race-page .wide_bg_head h1 {
        font-size: 2.5rem
    }
}

.race-page .wide_bg_head h2 {
    text-transform: uppercase;
    font-weight: bolder;
    color: #fff;
    font-size: 2.5rem;
    font-family: "Kanit"
}

@media (max-width: 767px) {
    .race-page .wide_bg_head h2 {
        font-size: 1.8rem
    }
}

.race-page .wide_bg_head h4 {
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    font-size: 1.4rem
}

@media (max-width: 767px) {
    .race-page .wide_bg_head h4 {
        font-size: 1rem
    }
}

.race-page .post_type_1_content {
    background: url("../images/rally/infograph/dakar-2019/grey-map-bg.jpg") no-repeat center center/cover;
    padding: 40px 25px
}

    .race-page .post_type_1_content h3 {
        color: #fff;
        text-transform: uppercase;
        font-style: italic;
        font-size: 1.2rem
    }

    .race-page .post_type_1_content p {
        font-size: 1rem;
        color: #fff
    }

@media (max-width: 767px) {
    .race-page .post_type_1_content {
        padding: 15px
    }
}

.race-page .indvidual_post_content {
    background: url("../images/rally/infograph/dakar-2019/grey-map-bg.jpg") no-repeat center center/cover;
    padding: 40px 25px;
    position: relative;
    padding-left: 17%
}

.race-page .indvidual_post_content_name {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

    .race-page .indvidual_post_content_name img {
        display: inline-block;
        height: 100%;
        width: initial
    }

.race-page .indvidual_post_content h3 {
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-size: 1.2rem
}

.race-page .indvidual_post_content p {
    font-size: 1rem;
    color: #fff
}

.race-page .indvidual_post.reverse .indvidual_post_content {
    padding-left: 25px;
    padding-right: 17%
}

.race-page .indvidual_post.reverse .indvidual_post_content_name {
    left: inherit;
    right: 17px
}

@media (max-width: 767px) {
    .race-page .indvidual_post.reverse .indvidual_post_content_name {
        right: 0
    }
}

.race-page .result_tables {
    background: url("../images/rally/infograph/dakar-2019/wide-grey-bg.jpg") no-repeat center center/cover;
}

    .race-page .result_tables table {
        width: 100%;
        border-collapse: collapse
    }

        .race-page .result_tables table tr {
            border: none
        }

            .race-page .result_tables table tr td {
                color: #fff;
                border-right: solid 1px #fff;
                border-top: none;
                border-bottom: none;
                padding: 0 15px;
                border-left: solid 1px #fff;
                text-transform: uppercase
            }

            .race-page .result_tables table tr:first-child td {
                padding-top: 20px
            }

            .race-page .result_tables table tr:last-child td {
                padding-bottom: 20px
            }

        .race-page .result_tables table tr {
            border: none
        }

            .race-page .result_tables table tr th {
                text-transform: uppercase;
                color: #fff;
                border-right: solid 1px #fff;
                padding: 20px 15px;
                font-family: 'kanitlight';
                border-left: solid 1px #fff;
                border-top: none
            }

        .race-page .result_tables table tbody tr.highlighted td {
            color: #ca2228
        }

@media (max-width: 767px) {
    .race-page .result_tables table {
        width: 600px
    }
}

@media (max-width: 767px) {
    .race-page .result_tables {
        white-space: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.continue-gust {
    color: #fff;
    margin-left: 15px
}

    .continue-gust:hover {
        color: #ca2228
    }

.login_content {
    position: relative
}

    .login_content:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        content: ''
    }

    .login_content .login_content_wrapper {
        position: relative
    }

    .login_content a.form_btm_txt:hover {
        color: #ca2228
    }

.race-page .wide_bg_head.bg_img {
    position: relative;
    min-height: 200px;
    background: url(../images/dakar-2019/view-gallery-bg.png) no-repeat top center/cover;
    padding: 20px 10px;
    text-align: center
}

    .race-page .wide_bg_head.bg_img .text-center {
        position: absolute;
        bottom: 20px;
        right: 50px
    }

.header .blog-btn a {
    color: #fff
}

.header.spl-header .blog-btn a {
    color: #000
}

.timer_banner .area_timer_counts .time_holder .clock-timer, .timer_banner .area_timer_counts .time_holder .clock-label, .timer_banner .area_timer_counts .time_holder .clock-column::after {
    color: #000;
    font-family: 'dharma_gothic_eexbold';
}

.timer_banner .area_timer_counts {
    top: 60%;
}

    .timer_banner .area_timer_counts .time_holder .clock-timer {
        font-style: normal;
    }

.timer_banner .area_timer_foots--right .cta_skew_btn, .timer_banner .area_timer_foots--right .cta_skew_btn:hover {
    background: #ca2228;
}

    .timer_banner .area_timer_foots--right .cta_skew_btn span {
        color: #fff;
    }

.blog-slider button.slick-arrow {
    height: 60%;
}

.timer_banner .area_timer_foots--right .cta_skew_btn:after {
    background: #000;
}

.highlightRed {
    color: #ff0000;
    animation: fadeIn 1.45s linear infinite;
}

.highlightBlack {
    color: #111;
    animation: fadeInBlack 1.45s linear infinite;
}

.clock-timer {
    color: #000 !important;
}

.clock-label {
    color: #ff0000 !important;
}

@keyframes fadeInBlack {
    0% {
        color: #c92229;
    }

    30% {
        color: #111;
    }

    60% {
        color: #c92229;
    }

    100% {
        color: #c92229;
    }
}

@keyframes fadeIn {
    0% {
        color: #ff0000;
    }

    30% {
        color: #111;
    }

    60% {
        color: #ff0000;
    }

    100% {
        color: #ff0000;
    }
}

@media only screen and (max-width: 991px) {
    .header .blog-btn {
        display: none
    }
}

@media only screen and (max-width: 500px) {
    .new-media .page_filter .filter_box .customSelectInner {
        max-width: 100%
    }

    .filter_box .customSelectInner {
        width: 100% !important
    }
}
/*# sourceMappingURL=style.min.css.map */


/*CSS for Covid19 starts here*/
#covid-form {
    width: 95%;
    margin: 0 auto;
    border-radius: 50px;
    box-shadow: 1px 1px 30px #00000024;
    padding-bottom: 100px;
}

.questions {
    text-align: center;
    padding-top: 20px;
    font-size: 26px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 80%;
}

    .questions span {
        display: block;
        font-weight: bold;
    }

.left-side-question {
    width: 70%;
    display: inline-block;
    vertical-align: top;
}

.right-side-image {
    width: 29%;
    display: inline-block;
    /*float: right;*/
}

    .right-side-image img {
        width: 90%;
    }

.navContainer {
    margin-top: 30px;
}

.options {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    display: inline-block;
    text-align: left;
    padding-left: 80px;
}

    .options input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 40px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.options:hover input ~ .checkmark {
    background-color: #ccc;
}

.options input:checked ~ .checkmark {
    background-color: cadetblue;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.options input:checked ~ .checkmark:after {
    display: block;
    background: red;
}

.options .checkmark:after {
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: grey;
    display: block;
}

.answers {
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.navContainer {
    text-align: center;
}

.navItem {
    display: inline-block;
    position: relative;
    min-width: 100px;
    margin-right: 0px;
    text-decoration: none;
    color: #ddd;
    max-height: 95px;
}

.q-10 {
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
    font-size: 30px;
}

.navItem:last-child {
    margin-right: 0;
    width: auto;
    min-width: 0;
}

.navItem.active .innerCircle {
    border-color: #abdf75;
    border-color: #abdf75;
    background: green;
    border: 4px solid #dedede;
}

.navItem.active .icon-right {
    color: #abdf75;
    visibility: visible;
}

.navItem.active .navItem-label {
    color: #abdf75;
}

.navItem.visited .innerCircle {
    border-color: #dedede;
    background: green;
}

.navItem.visited .icon-check {
    color: #c75000;
    visibility: visible;
}

.navItem.visited .icon-right {
    visibility: hidden;
}

.navItem.visited .navItem-label {
    color: #c75000;
}

.navItem.visited .line {
    opacity: 1;
    background-color: #c75000;
}

.innerCircle {
    display: inline-block;
    border: 4px solid #dedede;
    border-radius: 50%;
    padding: 10px;
    position: relative;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    background: #c72c13;
}

    .innerCircle.active {
        border-color: #abdf75;
        background: #ff863d;
        border: 4px solid #dedede;
    }

.icon {
    color: #dedede;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
}

.icon-right {
    color: #abdf75;
}

.line {
    display: inline-block;
    width: 79px;
    height: 5px;
    background-color: #e74852;
    border-radius: 0;
    position: absolute;
    top: 37%;
    right: -43px;
    -webkit-transform: translateY(-270%);
    transform: translateY(-270%);
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

.navItem-label {
    margin-top: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: hidden;
}

.contentContainer {
    padding: 30px 0;
    grid-area: "content";
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.content {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    text-align: justify;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 20px;
    height: 100%;
    overflowY: auto;
    display: none;
}

.control {
    text-align: center;
    grid-area: "control";
}

.content.active {
    opacity: 1;
    position: relative;
    max-width: 100%;
    display: block;
    height: initial;
}

.next,
.prev, .submit {
    font-family: 'Verdana', sans-serif;
    background: none;
    display: inline-block;
    width: 140px;
    margin: 0 15px;
    text-align: center;
    padding: 15px;
    border: 2px solid;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: bold;
    font-weight: bold;
    background: #c72415;
    color: white !important;
    border: none;
    width: 180px;
    display: inline-block;
    padding: 12px;
    outline: none !important;
    cursor: pointer;
    width: 130px;
    font-size: 18px;
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.submit {
    position: relative;
    width: 160px;
    text-align: center;
    margin: 0 auto;
}

    .submit.active {
        display: block !Important;
    }

        .submit.active:after {
            content: '';
            height: 0;
            width: 0;
            padding: 7px;
            border: 1px solid #ffffff;
            border-right-color: #c72415;
            border-radius: 22px;
            -webkit-animation: rotate 1s infinite linear;
            animation: rotate 1s infinite linear;
            position: absolute;
            right: 20px;
            top: 33%;
        }

.next:hover, .next:visited, .next:active {
    outline: none;
}

.next i {
    margin-left: 10px;
}

.prev {
    display: none;
}

    .prev.active {
        display: inline-block;
    }

.submit {
    display: none;
}

    .submit.active {
        display: inline-block;
    }

.next.active {
    display: inline-block;
}

.prev:hover, .prev:visited, .prev:active {
    outline: none;
}

.next:disabled, .submit:disabled {
    background: #ccc;
}

span.error {
    color: #ff0000;
    font-size: 13px;
}

.errMsg, .errOption {
    color: #ff0000;
    font-size: 15px;
    display: none;
}

.errOption {
    margin: 20px;
    text-align: center;
    float: left;
}

@media(max-width: 1090px) {
    .questions {
        font-size: 20px;
    }

    .options {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .answers {
        width: 100%;
    }

    .navContainer {
        display: none;
    }

    .next, .prev, .submit {
        margin-bottom: 10px;
    }

    .checkmark {
        top: -3px;
    }
}

@media(max-width: 479px) {
    .options {
        font-size: 14px;
        margin-bottom: 18px;
        width: 210px;
    }

    .questions {
        text-align: left;
    }

    .q-10 {
        font-size: 20px;
    }
}

/*Start Quiz Form*/

.contentContainer, .control, .q-10 {
    display: none;
}

.navContainer {
    opacity: 0;
}

.start-quiz input[type=text], .start-quiz input[type=email] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.start-quiz h1 {
    margin-bottom: 50px;
}

.start-quiz input[type=submit] {
    /*width: 30%;*/
    display: flex;
    background-color: #c72814;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 35%;
}

.start-quiz input[type=text]:active, .start-quiz input[type=email]:active,
.start-quiz input[type=text]:visited, .start-quiz input[type=email]:visited,
.start-quiz input[type=text]:focus, .start-quiz input[type=email]:focus {
    outline: none !important;
    border: 1px solid #ff883c !important;
}

.start-quiz input[type=submit]:hover, .start-quiz input[type=submit]:visited, .start-quiz input[type=submit]:active {
    background-color: #ff883c;
    outline: none;
}

.start-quiz form {
    width: 540px;
    margin: 0 auto;
    padding-top: 60px;
}

.certificate-tq {
    background-image: url('../images/thankyou-bg.jpg');
    min-height: 500px;
    background-size: cover;
    font-family: 'Bebas Neue', cursive;
    padding-bottom: 30px;
    letter-spacing: 1.2px;
}

.thankyou-text {
    text-align: center;
    padding-top: 30px;
}

    .thankyou-text p {
        margin: 0px;
        font-size: 28px;
    }

    .thankyou-text h4 {
        color: #c72315;
        font-size: 30px;
        margin: 10px;
        margin-bottom: 30px;
    }

.thankyou-image {
    text-align: center;
}

    .thankyou-image img {
        border: 1px solid #c72315;
        width: auto;
    }

.thankyou-social-share {
    text-align: center;
    padding: 20px 0;
}

.download-btn {
    display: inline-block;
    padding-right: 30px;
    border-right: 1px solid;
}

.share-btn {
    display: inline-block;
    padding-left: 30px;
}

    .share-btn img {
        width: 30px;
        margin: 0 10px;
        position: relative;
        top: 5px;
        display: inline-block;
    }

    .share-btn span {
        font-size: 20px;
    }

.download-btn a {
    background: #c72315;
    padding: 10px 17px;
    display: inline-block;
    border-radius: 40px;
    color: white;
    font-size: 24px;
    /*text-transform: uppercase;*/
}

.certificate-tq a {
    text-decoration: none;
}

@media(max-width: 1199px) {
    .certificate img {
        width: 100%;
    }

    .certificate p {
        top: 24% !important;
        left: 45% !important;
        margin: 0px !important;
        margin-top: 2% !important;
    }
}

@media(max-width: 767px) {
    .certificate p {
        font-size: 120% !important;
    }

    .left-side-question {
        width: 100%;
        display: inline-block;
    }

    .right-side-image {
        width: 100%;
        display: inline-block;
        float: none;
        margin: 0 auto;
        text-align: center;
        padding: 0 20px;
    }

    .race_section1 {
        padding: 10px;
    }

    #covid-form {
        width: 100%;
    }

    .questions {
        width: 95%;
        font-size: 16px;
    }

    .checkmark {
        left: 10px;
    }

    .options {
        padding-left: 42px;
        width: 90%;
    }

    #covid-form {
        padding-bottom: 70px;
        border-radius: 5px;
        margin: 30px 0;
    }

    .contentContainer {
        padding: 0px;
        margin-bottom: 0px;
    }

    .control {
        margin-top: 10px;
    }

    .start-quiz form {
        padding-top: 30px;
    }
}

@media(max-width: 600px) {
    .certificate p {
        font-size: 100% !important;
    }
}

@media(max-width: 480px) {
    .certificate p {
        font-size: 80% !important;
        padding: 3px 6px !important;
    }
}

@media (max-width: 400px) {
    .certificate p {
        font-size: 70% !important;
        padding: 3px 6px !important;
    }
}

@media (max-width: 400px) {
    .certificate p {
        font-size: 60% !important;
    }
}

@media(max-width: 600px) {
    .start-quiz form {
        width: 90%;
    }

    .start-quiz h1 {
        font-size: 20px;
    }

    .start-quiz input[type=submit] {
        display: block;
        width: initial;
        margin-left: 0;
        float: right;
    }

    .start-quiz h1 {
        margin-bottom: 0px;
    }
}

@media(max-width: 993px) {
    .thankyou-image img {
        width: 90%;
    }

    .thankyou-text p {
        font-size: 18px;
    }

    .thankyou-text h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .download-btn a {
        font-size: 14px;
    }

    .download-btn {
        padding-right: 10px;
    }

    .share-btn {
        padding-left: 10px;
    }

        .share-btn span {
            font-size: 14px;
        }

    .certificate-tq {
        min-height: 400px;
        padding-bottom: 0px;
    }
}

/*Checking answer*/
.correct-answer {
    width: 50%;
    margin-left: 25%;
    color: black;
    display: none;
}

.gal_inner_page_content p {
    text-align: center;
}

.active .correct-answer.active {
    display: block;
}

.correct-answer p {
    color: green;
}

.mobileNumOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.45);
    display: none;
    align-items: center;
    justify-content: center;
}

.mobileNumOverlayCopy {
    background: #fff;
    text-align: center;
    padding: 50px;
    max-width: 1200px;
}

    .mobileNumOverlayCopy span {
        display: inline-block;
        color: #fff;
        background: #c72415;
        padding: 6px 10px;
        min-width: 80px;
        cursor: pointer;
    }

    .mobileNumOverlayCopy h4 {
        margin-bottom: 20px;
        line-height: 24px;
    }

@media(max-width: 1090px) {
    .correct-answer p {
        padding: 0 20px;
    }

    .correct-answer {
        width: 100%;
        margin-left: 0%;
    }
}
/*CSS for Covid19 ends here*/

#cookie-div {
    width: 100%;
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 9999;
    color: #fff;
    background: #000;
    padding: 10px 2% 15px 2%;
    display: none;
}

.cookie-table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    border-spacing: 2px;
    border-color: grey;
    max-width: 1400px;
    margin: 0 auto;
}

    .cookie-table tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

    .cookie-table td {
        display: table-cell;
        vertical-align: inherit;
    }

#cookie-div a {
    color: #ff0000;
    text-decoration: none;
    font-family: 'kanitbold';
}

.cookie-table td {
    font-size: 16px;
    font-family: 'kanitlight';
}

#cookie-div a.btn {
    display: inline-block;
    background-color: #ff0000;
    color: #fff;
    padding: 2px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'kanitlight';
    margin-left: 10px;
    width: 100%;
}

.cokie {
    display: block;
}

    .cokie.active {
        display: none;
        opacity: 0;
    }

@media(max-width:600px) {
    .cookie-table td {
        display: block;
        font-size: 12px;
    }

    #cookie-div a.btn {
        font-size: 12px;
        margin: 0 !important;
    }

    tr td:last-child {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}