/* start of Root - revised @ 31/7/2025 */



.burger {
    top: 18px !important;
}


.stickyBar.active {
    z-index: 989 !important;
}

.gotoTop {
    bottom: 15px;
    z-index: 990 !important;
}


.reco-venues__splide-container .splide__arrow {
    background: #ea4b8e !important;
}

.reco-venues__splide-container .splide__arrow:hover {
    background: #BD2D6E !important;
}

.splide__arrow--next {
right: 15% !important;
}

.introduction-and-info-card__calendar-container h3 {
    margin-bottom: 20px;
}


ul {
    margin-bottom: 20px;
    }
    
    ul li {
    margin-bottom: 10px;
    }
    
    .mobile-new-theme .racing-mobile-navigation ul li a:hover {
    color: #a71f5f !important;
    }
    
    
    .subnav__link.subnav__link--active .subnav__link-anchor, .subnav-item ul li a:hover {
    color: #a71f5f !important;
    }
    
    @media (min-width: 767px) {
        #racing-promotion-banner .kv-video-container {
            max-height: 604px;
            padding-bottom: 31.3% !important;
        }
    
        #racing-promotion-banner .kv-video-container__video-blk {
            top: -100px !important;
        }
    }
    
    
    :root {

         --rh-global-black: black;
        --rh-global-red: red;
        --rh-global-navy: navy;
        --rh-global-white: white;
        --rh-global-table-grey: #f6f6f6;
        --rh-btn-font-size: 1rem;
        --rh-btn-min-width: 200px;
        --rh-btn-margin-bottom: 1rem;
        --rh-btn-add-to-calendar-font-size: 1.3rem;
        --rh-btn-add-to-calendar-width: 200px;
        --rh-btn-register-now-font-size: 16px;
        --rh-btn-register-now-width: 200px;
        --rh-btn-hover-opacity: 0.8;
        --rh-section-video-text-color: var(--rh-global-white);
        --rh-global-body-font-color: #333;
        
        /* start of mainly update this theme color set */
        --rh-themecolor-primary: #a71f5f;
        --rh-themecolor-primary-rgba: rgba(167, 31, 95, 1);
        --rh-themecolor-primary-rgba-opacity-01: rgba(167, 31, 95, 0.1);
        --rh-themecolor-primary-rgba-opacity-08: rgba(167, 31, 95, 0.8);
        --rh-themecolor-secondary: #cc3676;
        --rh-themecolor-secondary-hover: #cd3778;
         --rh-themecolor-secondary-rgba: rgba(205, 55, 120, 1);
        --rh-themecolor-gradient: linear-gradient(225deg, rgba(167, 31, 95, 1) 0%, rgba(234, 75, 142, 1) 100%);
        --rh-themecolor-gradient-radial: radial-gradient(circle, rgba(234, 75, 142, 1) 0%, rgba(167, 31, 95, 1) 100%);
        --rh-themecolor-third: #ea4b8e;
        --rh-themecolor-fourth: #fa99c2;
        --rh-themecolor-fifth: #ffb6db;
        --rh-themecolor-highlight: #fa99c2;
        --rh-themecolor-highlight-active: #ea4b8e;
        --rh-themecolor-btn-bg: #ea4b8e;
        --rh-themecolor-btn-bg-active: #fa99c2;
        --rh-themecolor-btn-bg-hover: #BD2D6E;
        /* end of mainly update this theme color set */
        
        
        --rh-table-font-size: 0.9125em;
        --rh-table-bgcolor-odd: var(--rh-global-white);
        --rh-table-bgcolor-even: var(--rh-global-white);
        --rh-table-padding: 20px 10px;
        --rh-table-line-height: 1.5em;
        --rh-icon-base-font-size: 1.5em;
        --rh-global-eng-font-family: "Red Hat Text";
        --rh-global-eng-special-font-family: "Red Hat text", sans-serif;
        --rh-global-eng-kv-font-family: 'Bebas Neue', sans-serif;
        --rh-global-chi-font-family: "Noto Sans HK";
        --rh-global-chi-special-font-family: var(--rh-global-chi-font-family);
        --rh-global-chi-kv-font-family: var(--rh-global-chi-font-family);
         --rh-global-sc-font-family: "Noto Sans SC";
        --rh-global-sc-special-font-family: var(--rh-global-sc-font-family);
        --rh-global-sc-kv-font-family: var(--rh-global-sc-font-family);
        --rh-global-font-size: 16px;
        --rh-global-body-line-height: 2;
        --rh-global-eng-font-size: var(--rh-global-font-size);
        --rh-global-chi-font-size: var(--rh-global-font-size);
        --rh-global-table-th-chi-font-size: 1em;
        --rh-spacer: 1rem;
        --rh-global-border-radius: 20px;
        --rh-global-border-radius-lv2: 15px;
        --rh-themecolor-basic-line-color: #cccccc;
        --rh-themecolor-icon-base-color:#009edf;
    
        --rh-atc-border-color: var(--rh-themecolor-primary);
        --rh-atc-text-color: var(--rh-global-white);
        --rh-atc-text-color-hover: var(--rh-global-white);
        --rh-atc-bg-color-hover: var(--rh-themecolor-primary);
        --rh-atc-bg-color: var(--rh-themecolor-primary);
    
        /* Video Play Icon */
        --rh-video-play-icon-w: 100px;
        --rh-video-play-icon-h: var(--rh-video-play-icon-w);
        --rh-video-play-icon-border-radius: 100em;
        --rh-video-play-icon-bg-color: var(--rh-themecolor-third);
        --rh-video-play-icon-shadow: 10px 10px 9px 1px rgba(0, 0, 0, 0.3);
    
        /* contender-page */
        --rh-contender-btn-color01: #fecf13;
        --rh-contender-btn-color02: #2d5775;
        --rh-contender-primary-color: var(--rh-themecolor-secondary);
        --rh-contender-secondary-color: var(--rh-themecolor-third);
        --rh-contender-highlight-color: var(--rh-themecolor-highlight);
    
        /* accordion keys date */
        --rh-accordion-keys-date-item-bg-gradient: linear-gradient(30deg, rgba(0, 0, 0, 0.85) 10%, rgba(0, 0, 0, 0.6) 100%);
        --rh-accordion-keys-date-item-bg-gradient-0deg: linear-gradient(0deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.75) 100%);
        --rh-accordion-keys-date-item-bg-gradient-123deg: linear-gradient(123deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.75) 100%);
    
        /* IJC */
        --rh-global-table-ijc-grey: #ddd;
        --rh-global-btn-shadow:0px 3px 6px rgba(0, 0, 0, 0.5);
    }
    
    
    /* end of Root */
    
    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    
    .home .racing-promotion-banner-container {
        margin-bottom: 0px !important;
    }
    
    
    
    .racing-promotion-banner-container {
        margin-bottom: 48px !important;
    }
    
    .new-mrd-h2 h2 {
        border-bottom: 3px solid #FECF13;
        padding-bottom: 16px;
        margin-bottom: 48px !important;
    }
    
    
    .racing-promotion-banner-container {
        margin-top: -2px !important;
    }
    
    
    #racing-promotion-banner {
        /* background-image: url(https://res.hkjc.com/campaigns/wp-content/uploads/sites/879/so2025-hero-bg.jpg);
        background-size: cover;
        background-attachment: fixed; */
        background-color: #9A4958 !important;
    
    }
    
    
    .racing-promotion-static-banner {
       /* background-image: url(https://res.hkjc.com/campaigns/wp-content/uploads/sites/879/so2025-hero-bg.jpg);
        background-size: cover;
        background-attachment: fixed; */
        background-color: #9A4958 !important;
    }
    
    .slick-dots {
        >li {
            display: inline-block;
        }
    
        >li:only-child {
            display: none;
        }
    }
    
    
    li.nav-ewin {
        border: none !important;
    }
    
    
    .racing-promotion-banner-container>div>ul {
        position: absolute;
        bottom: 0;
        right: 20px;
        margin-left: 0;
        padding-left: 0;
    }
    
    .racing-promotion-banner-container>div>ul>li {
        display: inline-block;
        margin-right: 20px;
    }
    
    
    .racing-promotion-banner-container>div>ul>li:last-child {
        margin-right: 0;
    }
    
    .racing-promotion-banner-container>div>ul>li>button {
        text-indent: 101%;
        white-space: nowrap;
        overflow: hidden;
        width: 14px;
        height: 14px;
        padding: 0;
        border-radius: 4px;
        border: 2px solid;
        border-color: var(--rh-themecolor-third);
        background-color: transparent;
        display: inline-block;
        float: left;
    }
    
    .racing-promotion-banner-container>div>ul>li.slick-active>button {
        background-color: var(--rh-themecolor-third);
    }
    
    
    div#subnav {
        margin-top: -2px;
    }
    
    body.overflow footer#colophon {
        display: none;
    }
    
    #masthead {
        position: relative;
        z-index: 999 !important;
    }
    
    nav.paging-navigation {
        display: none !important;
    }
    
    /* Season Opening Slider Start */
    .racing-promotion-banner-container {
        position: relative;
    }
    
    .promotion-banner-mobile {
        display: none !important;
    }
    
    .promotion-banner-desktop {
        display: block !important;
    }
    
    
    .slider-left {
        float: left;
        width: 26.04% !important;
    }
    
    .slider-right {
        float: left;
        width: 73.96% !important;
    }
    
    /* Season Opening Slider End */
    
    #menuIcon {
        display: none !important;
    
    }
    
    /* INITIAL */
    body #page,
    body .site-footer {
        opacity: 0;
    }
    
    body .preload-blk {
        display: block;
        z-index: 99999;
        position: fixed;
        top: 0;
        width: 100vw;
        height: 100vh;
    }
    
    body.isReady #page,
    body.isReady .site-footer {
        opacity: 1;
    }
    
    body:not(.isReady) {
        background: var(--rh-themecolor-gradient-radial);
    }
    
    /* Racing Mobile Nav Style */
    
    .dropdown>button:after {
        content: none !important;
    }
    
    .left-1 {
        width: 100%;
        padding-right: 0px !important;
    }
    
    .left-2 {
        display: none;
    }
    
    .left-4 {
        display: none;
    }
    
    .left-1>ul>li.ewin-horse-icon {
        display: none;
    }
    
    .raw-html {
        height: auto;
        margin-top: 0px;
        background-color: transparent !important;
    }
    
    .raw-html>aside>.container {
        padding: 0px;
        background-color: transparent;
    }
    
    
    li.nav-left-column-first-child {
        margin-bottom: 0px !important;
    }
    
    ul.nav-left-column>li.menu-social-icon {
        display: none;
    }
    
    .raw-html>aside>.container>div>div>.vc_column-inner>div>div {
        margin-bottom: 0px;
    }
    
    .racing-mobile-navigation ul {
        margin-bottom: 0px;
        list-style-type: none;
        padding-left: 0;
    }
    
    /* Racing Mobile Nav Style End*/
    
    
    
    /* Footer Style */
    
    .footer-sixth-row-left ul li {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-right: 5px;
        border-right: none !important;
        border-left: none !important;
        margin-bottom: 20px;
    }
    
    .footer-sixth-row-left ul li:after {
        content: "|";
        margin-left: 5px;
    }
    
    .footer-sixth-row-left ul li:last-child:after {
        content: none;
    }
    
    .footer-sixth-row-left ul li:last-child {
        margin-right: 0px !important;
    }
    
    .footer-nav-raw>aside>.container {
        background: transparent !important;
    }
    
    
    .footer-nav-raw {
        background-color: transparent !important;
    }
    
    .racing-social-media ul {
        list-style: none;
        padding-left: 0;
    }
    
    ul#menu-footer {
        padding: 0;
    }
    
    ul#menu-footer li {
        width: 50%;
    }
    
    .footer-nav-raw>aside>.container {
        padding: 0;
    }
    
    
    .racing-social-media h3 {
        color: #fff !important;
        margin-bottom: 20px;
        text-align: right;
        line-height: 1.5em;
    }
    
    .racing-social-media ul {
        text-align: right;
    }
    
    
    .racing-social-media ul li {
        display: inline-block;
        margin-right: 20px;
    }
    
    
    .racing-social-media ul li:last-child {
        margin-right: 0px;
    }
    
    .footer-container {
        background: var(--rh-themecolor-gradient) !important;
        background-color: transparent;
        display: inline-block;
        width: 100%;
    }
    
    .footer-first-row {
        padding-bottom: 0px;
    }
    
    .footer-second-row {
        display: none;
    }
    
    .footer-third-row {
        display: none;
    }
    
    .footer-fourth-row {
        display: none;
    }
    
    
    ul#menu-footer li>h4>a:hover {
        color: var(--rh-themecolor-highlight);
    }
    
    ul#menu-footer li>h4>a {
        text-decoration: none;
    }
    
    .racing-social-media ul>li>a:hover>svg>.st0 {
        fill: var(--rh-themecolor-highlight);
    }
    
    .racing-social-media ul>li>a:hover>svg>g>.st0 {
        fill: var(--rh-themecolor-highlight);
    }
    
    
    .footer-nav ul {
        display: block;
    }
    
    
    footer#colophon {
        background: var(--rh-themecolor-gradient) !important;
    }
    
    
    .footer-nav-raw {
        background-color: transparent !important;
        height: auto;
    }
    
    
    @media only screen and (max-width: 900px) {
    
    
        .footer-nav-raw {
            width: 100%;
        }
    
        .footer-nav-group {
            width: 100%;
        }
    
        .racing-social-media {
            display: inline-block;
            float: left;
            width: 100%;
            text-align: left;
            margin-bottom: 30px;
        }
    
    
        .racing-social-media h3 {
            text-align: left;
        }
    
        .racing-social-media ul {
            text-align: left;
        }
    
        ul#menu-footer li:last-child {
            margin-bottom: 0;
        }
    
    
    }
    
    
    @media only screen and (max-width: 768px) {


.gotoTop {
    bottom: 30px;
}
    
        img.racing-promotion-banner-title-en {
            position: absolute;
            top: 10%;
            left: 4.5%;
            width: 50% !important;
        }
    
    
        img.racing-promotion-banner-title-ch {
            position: absolute;
            top: 11.8%;
            left: 4.5%;
            width: 55% !important;
        }
    
    
    
        .slider-left {
            width: 100% !important;
        }
    
        .slider-right {
            width: 100% !important;
        }
    
        .promotion-banner-mobile {
            display: block !important;
        }
    
        .promotion-banner-desktop {
            display: none !important;
        }
    
        .footer-fifth-row-right>.hidden-xs {
            display: block !important;
        }
    
    
        .footer-fifth-row-right>.visible-xs {
            display: none !important;
        }
    
    }
    
    @media only screen and (max-width: 400px) {
    
        ul#menu-footer li {
            width: 100%;
            margin-bottom: 10px;
        }
    
    }
    
    /* Footer Style End*/
    
    
    
    
    
    
    
    
    
    
    
    /* Top Menu */
    
    #site-navigation .navbar-header {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: table !important;
    }
    
    #site-navigation .navbar-nav>li>a {
        text-transform: uppercase;
        font-weight: normal;
    }
    
    /* MMenu style */
    #mmenu .langToggle a {
        color: #fff;
    }
    
    #mmenu .ewin_link a {
        color: #fff;
    }
    
    #mmenu .followUs p,
    #mmenu .followUs span {
        color: #fff;
    }
    
    #mmenu {
        background-color: #666;
    }
    
    #mmenu #menu-main-menu>.menu-item {
        background: #787878;
    }
    
    @media (max-width: 1200px) and (min-width: 768px) {
    #subnav li {
        margin-right: 30px!important;
    }
    }
    
    
    /* Table Style */
    .generalTable {}
    
    table thead tr {
        /*background: #ddd;*/
        border-radius: 10px;
    }
    
    table tbody tr {
        background: rgba(255, 255, 255, 0.8) none repeat scroll 0px 0px;
    }
    
    table tbody tr:nth-child(even) {
        background: rgba(228, 228, 228, 0.5) none repeat scroll 0px 0px;
    }
    
    table tbody tr:nth-child(odd) {
        background: rgba(255, 255, 255, 0.8) none repeat scroll 0px 0px;
    }
    
    td,
    th {
        padding: 3px;
    }
    
    .responsive-table-container table th {
        /* color:#fff;
    background:#888888;*/
    }
    
    table.raceinfo th {
        /*background-color: #888888!important;*/
    }
    
    table.raceinfo td.bg-blue {
        /*background-color: #ccc!important;*/
    }
    
    .messagebox h3 {
        color: #888888;
    }
    
    .ewinIcon .ewin_link a {
        color: #fff
    }
    
    .gotoTop .fa {
        color: #ffb6db;
    }
    
    h1.page-title {
    
        display: none;
    }
    
    .container.experts h1.page-title {
    
        display: block;
        margin-bottom: 30px;
        position: relative;
    }
    
    .container.news h1.page-title {
    
        display: block;
        margin-bottom: 30px;
        position: relative;
        /*text-transform: uppercase;*/
    }
    
    .container.trackwork h1.page-title {
    
        display: block;
        margin-bottom: 30px;
        position: relative;
        /*text-transform: uppercase;*/
    }
    
    .container.videos h1.page-title {
    
        display: block;
        margin-bottom: 30px;
        position: relative;
        /*text-transform: uppercase;*/
    }
    
    .container.photos h1.page-title {
    
        display: block;
        margin-bottom: 30px;
        position: relative;
        /*text-transform: uppercase;*/
    }
    
    .site-content {
        /*background:#f7efe2;*/
    }
    
    .subpage-top-container {
        background: #fff;
    }
    
    .subpage-top-container>.container {
        background: #fff !important;
    }
    
    @media (max-width:575px) {
        .subpage-top-container {
            display: none !important;
        }
    }
    
    .page-template-page-fullwidth #content,
    #content>.container,
    .widget>.container,
    .content-header>.container,
    #content .subpage-top-container .container,
    .vc_section.container {
        /*background-color:#f7efe2;*/
    }
    
    .maincolor {
        color: #888888
    }
    
    .secondarycolor {
        color: #f7efe2
    }
    
    /* news */
    
    #article-list-right .dropdown.otherlist-dropdown {
        display: none !important;
    }
    
    
    .article-list .article-list-container h2 {
        padding: 5px 10px;
        background: #888888;
        color: #fff;
    }
    
    .article-list .article-list-container .othersList blockquote {
        padding: 0px;
        padding-bottom: 10px;
        margin-top: 2px;
        margin-bottom: 0;
        border-top: 0px solid #cecece;
        border-right: 0px solid #cecece;
        border-bottom: 1px solid #888888;
        border-left: 0px solid #cecece;
    }
    
    .othersList h3 {
    
        font-weight: normal;
    }
    
    .article-list .article-list-container .othersList a.active blockquote {
        background: rgba(255, 255, 255, 0);
    }
    
    .footerSection .rgp-container .rgp-text {
        font-size: 18px;
    }
    
    .wpb_single_image .vc_figure-caption {
        line-height: 1.5em !important;
        padding-bottom: 20px !important;
    }
    
    .wpb_single_image .vc_figure-caption {
        margin-top: 0.2em !important;
        font-size: .8em !important;
    }
    
    .am-table td, .am-table th {
        padding: 0.5em;
    }
    
    .am-table table th, .am-table table td {
        padding-left: 5px;
        line-height: 18px;
    }
    .am-table table th {
        background: var(--rh-themecolor-primary);
        color: var(--rh-global-white);
        line-height: 1.2em;
        text-transform: capitalize;
        /*padding: 10px 0px;*/
    }
    
    
    /*race*/
    .race-icon {
        background: #888888;
    }
    
    
    .pastwinnerlist table th {
        color: #fff !important;
    }
    
    
    
    /* Contenders */
    
    .subStarContent {
        background: rgba(255, 255, 255, 0.2) none repeat scroll 0px 0px !important;
        border-bottom: 1px solid #ccc !important;
    }
    
    .subStarContent:hover {
        color: #888888;
        opacity: 0.7;
    }
    
    
    .subStarContent.on {
        /*background: #888888 !important;
        color: #fff;*/
    }
    
    .rating.ng-binding {
        background: #888888 !important;
    }
    
    .messageFirst {
        background: #888888 !important;
        color: #fff;
    }
    
    .messagebox {
        background: rgba(255, 255, 255, 0.5) none repeat scroll 0px 0px;
        border: 1px solid #ccc;
    }
    
    .graphTitle {
        font-size: 1.2em;
    }
    
    .highlight-box h4 {
        background-color: #888888 !important;
    }
    
    .highlightTable table tr:first-child>td {
        background-color: #ccc;
    }
    
    .btn-primary {
        color: #888888;
        background-color: #ccc;
        border-color: #fff;
    }
    
    .btn-primary:active,
    .btn-primary.active,
    .open>.dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #888888;
        border-color: #fff;
    }
    
    .fa-play-circle {}
    
    .otherlist-dropdown button {
        width: 100%;
    }
    
    .otherlist-dropdown ul.dropdown-menu {
        max-height: 400px;
        overflow-y: auto;
        width: 100%;
    }
    
    
    .cuisines-table {
        font-size: 0.875em;
        line-height: 1.2;
    }
    
    .cuisines-table td, .cuisines-table th {
        padding: 10px;
    }
    
    .cuisines-table th {
    line-height: 1.2;
        letter-spacing: normal;
        font-weight: 700;
        background: var(--rh-themecolor-secondary);
        color: var(--rh-global-white);
    }
    
    
    /* start of the News Landing*/
    
    .container.news,
    .container.experts {
        margin: 0px auto;
        max-width: 800px !important;
    }
    
    .article-list .article-list-container .othersList blockquote {
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: 0px;
        margin-bottom: 0;
        border-top: 0px solid #cecece;
        border-right: 0px solid #cecece;
        border-bottom: 1px solid #cccccc;
        border-left: 0px solid #cecece;
    }
    
    p.article-mauthor {
        font-size: 14px;
        width: 100%;
    }
    
    .article-mdate {
        width: 100%;
    font-size: 12px;
    }
    
    
    .article-search-items.col-md-12.article-item-search--list p.article-mauthor {
        font-size: 0.95em;
        width: 100%;
        margin-bottom: 0rem !important;
        margin-top: 5px !important;
    }
    
    
    
    
    .article-search-items.col-md-12.article-item-search--list .article-mdate {
        width: 100%;
        margin-bottom: 0rem !important;
    
        margin-top: 0px !important;
    }
    
    
    .article-search-items.col-md-12.article-item-search--list h3 {
        width: 100%;
        margin-bottom: 0rem !important;
        margin-top: 0px !important;
    }
    
    
    .search.search-results h1.page-title {
        display: block !important;
        text-transform: uppercase;
    }
    
    
    .search.search-results h1.page-title {
        display: block;
        position: relative;
        margin-bottom: 30px;
        text-transform: uppercase;
    }
    
    
    .search.search-results .entry-title {
        margin-bottom: 5px;
        font-size: 1.2em !important;
        line-height: 1.4em;
    }
    
    .search-results span {
        color: var(--rh-themecolor-fourth);
    }
    
    .search-results .container {
        max-width: 800px;
    }
    
    
    
    
    @media (min-width:500px) and (max-width: 991px) {
        .block-news__thumbnail.col-md-3 {
            /* width: 30%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;*/
        }
    
        .block-news__content.col-md-9 {
            /* width: 70%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;*/
        }
        .mrd-news-container-highlight-row .highlight {
            grid-row: 1 / span 1;
        }
    }
    
    @media (min-width:375px) and (max-width: 499px) {
        .index-template .article-items .entry-title {
            font-size: 14px;
    
        }
    
        .block-news__thumbnail.col-md-3 {
            /* width: 35%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;*/
        }
    
        .block-news__content.col-md-9 {
            /* width: 65%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;*/
        }
    
    
    }
    
    @media (max-width:374px) {
        .index-template .article-items .entry-title {
            font-size: 14px;
    
        }
    
        .block-news__thumbnail.col-md-3 {
            padding-left: 0px;
            padding-right: 0px;
        }
    
        .block-news__content.col-md-9 {
            padding-left: 0px;
            padding-right: 0px;
        }
    }
    
    
    
    .category-news .index-template {
        padding: 0 30px;
    }
    
    .category-news .article-list-name-container {
        margin-bottom: 1em;
    }
    
    .category-news .article-items.article-item--list a {
        transition: box-shadow 0.5s ease;
    }
    
    .category-news .article-items.article-item--list:hover>a {
        box-shadow: 0 0 24px 6px rgba(53, 52, 52, 0.3);
        transition: box-shadow 0.5s ease;
    }
    
    .category-news .article-items.article-item--list:hover .entry-title {
        text-decoration: underline;
    }
    
    
    input.search-submit.btn.btn-primary,
    input.search-submit.btn.btn-primary:hover {
        transition: color 0.5s ease;
    }
    
    input.search-submit.btn.btn-primary:hover {
        color: #ffda2f;
    }
    
    .load_more_container {
        margin-bottom: 3em;
    }
    
    
    .block-news__content.col-md-9 {
        padding-left: 0px;
        padding-right: 10px;
    }
    
    .block-news__thumbnail.col-md-3 {
    padding: 0px;
    }
    
    .category-news #main>.row {
        display: flex;
        flex-wrap: wrap;
    }
    
    
    .search_form_container,
    .article-list-name-container {
        flex: 0 0 100%;
    }
    
    .article-item--list blockquote,
    .article-item-search--list blockquote {
        width: 100%;
        padding: 1.2em 0;
        border-left: none;
        margin-bottom: 0;
        background: var(--rh-themecolor-primary-rgba-opacity-01);
    
    }
    
    
    .article-item--list,
    .article-item-search--list {
        background-color: #ffffff;
        margin-bottom: 5px;
    }
    
    .article-items.col-md-12.article-item--list {
    
        width: 50%;
        padding-left: 2px;
        padding-right: 2px;
        display: flex !important;
    }
    
    .article-items.col-md-12.article-item--list a {
        display: flex;
        width: 100%;
    }
    
    @media (max-width:991px) {
        .article-items.col-md-12.article-item--list {
            width: 100%;
            padding-left: 2px;
            padding-right: 2px;
        }
    
        .article-item--list blockquote,
        .article-item-search--list blockquote {
            height: auto;
            padding: 1em 0;
            border-left: none;
            margin-bottom: 0;
            background: var(--rh-themecolor-primary-rgba-opacity-01);
    
        }
    }
    
    .article-list .article-list-container .othersList a:not(.active):hover blockquote,
    .article-list .article-list-container .othersList a.active blockquote {
        background: var(--rh-themecolor-primary-rgba-opacity-01);
        transition: background-color 0.5s ease;
    }
    
    
    .category-news .block-news {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    
    .navbar .menu-item:hover {
        /*&background: #0b589c;*/
    }
    
    .block-news__thumbnail {
        min-width: 41.66666667%;
    }
    
    .block-news__content {
        display: flex;
        flex-wrap: wrap;
        align-content: baseline;
        min-width: 58.33333333%;
    }
    
    
    .article-content h1.page-title {
        margin-top: 10px;
        /* color: #333; */
        font-size: 1.4em !important;
        line-height: 1.4em;
    }
    
    
    .othersList h3 {
    
        line-height: 1.5em;
        font-size: 1em !important;
    }
    
    .article-list .article-list-container h2 {
        padding: 8px 5px;
    
        color: #fff;
        font-size: 1.3em !important;
    }
    
    
    .content-header h1.page-title:after {
        content: "";
        position: absolute;
        left: 0;
        /* right: 0; */
        z-index: 1;
        width: 50px;
        margin-top: 1.35em;
        border-bottom: 4px solid var(--rh-themecolor-highlight);
    }
    
    .category-news h1.page-title {
        display: block;
        position: relative;
        margin-bottom: 30px;
    }
    
    .category-experts h1.page-title {
        display: block;
        position: relative;
        margin-bottom: 30px;
    }
    
    
    .article-content.col-md-12 h1.page-title {
    
        margin-bottom: 10px !important;
        text-transform: inherit !important;
    }
    
    
    
    .article-mdate {
        font-size: 0.75rem;
        color: #000000;
        line-height: 1.5rem;
    }
    
    .article-mauthor {
        color: #000000;
        font-size: 0.875rem;
        width: 100%;
        line-height: 1.5rem;
    }
    
    *:lang(en-US) .index-template .article-items .entry-title {
        margin-bottom: 5px;
        font-size: 1.2em;
        line-height: 1.4em;
    
    }
    
    
    .index-template .article-items .entry-title {
        margin-bottom: 5px;
        font-size: 1.2em;
        line-height: 1.4em;
    
    }
    
    
    .article-list-name-container {
        background: var(--rh-themecolor-gradient);
        height: 42px;
    }
    
    
    .article-list-name-container>h2 {
    
        padding: 10px 10px;
        color: #fff !important;
        font-weight: normal;
        font-size: 18px !important;
        margin-bottom: 0px;
        background: none !important;
    }
    
    .article-list .article-list-container h2 {
        padding: 8px 5px;
        /* background: #26484d; */
        color: #fff !important;
        font-size: 1.3em !important;
    }
    
    
    input.search-submit.btn.btn-primary {
        float: none;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 2px solid var(--rh-themecolor-third);
        color: var(--rh-global-white);
        background-color: var(--rh-themecolor-third);
        border-radius: 0px;
        font-size: var(--rh-btn-font-size);
        width: 120px !important;
    
    }
    
    input.search-submit.btn.btn-primary:hover {
        opacity: var(--rh-btn-hover-opacity);
        color: var(--rh-themecolor-primary);
    }
    
    .category-news .article-list-name-container,
    .category-racing-news .article-list-name-container,
    .category-event-news .article-list-name-container,
    .category-experts .article-list-name-container {
        margin-bottom: 0.4em;
    }
    
    
    .article-list .article-list-container {
    
        line-height: 1.2em;
    }
    
    .article-list .article-list-container h2 {
        padding: 8px 5px;
        background: var(--rh-themecolor-gradient) !important;
        color: #fff !important;
        font-size: 1.3em !important;
    }
    
    .othersList h3,
    .othersList p {
        margin: 3px 0px;
    }
    
    
    .othersList .article-mdate {
        line-height: 1em;
    }
    
    .othersList .article-mauthor {
    
        line-height: 1em;
    }
    
    .container.news .dropdown.otherlist-dropdown.visible-sm.visible-xs {
        display: none !important;
    }
    
    .form-control {
    
        height: 38px !important;
    
    }
    
    
    
    .expert-container {
        margin: 20px 0px;
        background: #eee;
        padding: 20px 0px 20px 0px;
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .caption {
        margin-top: 0.2em;
        font-size: .8em;
        color: #666;
        line-height: 1.5em;
    }
    
    /* end of the News Landing*/
    
    
    /* start of the post video + photo*/
    .article-content .category-videos p {
        /*color: #a18d1a;*/
        height: 70px;
    }
    
    .article-content .category-videos .vc_column_container>.vc_column-inner {
        /*padding-left: 2px;
    padding-right: 3px;*/
    }
    
    .article-content h1.page-title {
        margin-top: 10px;
        /* color: #333; */
        font-size: 1.4em !important;
        line-height: 1.4em;
        display: block;
    }
    
    
    /* Gallery */
    
    .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item {
    
        z-index: 0;
        width: 32%;
        margin: 2px;
    }
    
    /* Fix Magnifiers for Gallery*/
    .prettyphoto.cboxElement:not(.imageThumb)::after {
        display: none !important;
    }
    
    /* Video Fix */
    .videoThumbnail {
        /*max-height: 161px;*/
    }
    
    
    
    *:lang(en-US) p.section-gallery_desc-text {
        line-height: 1.5em;
        min-height: 100px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    
    
    
    
    
    *:lang(zh-TW) p.section-gallery_desc-text {
        line-height: 1.5em;
        min-height: 75px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    
    
    *:lang(zh-CN) p.section-gallery_desc-text {
        line-height: 1.5em;
        min-height: 75px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    
    
    
    @media (max-width: 1200px) and (min-width:992px){
        *:lang(en-US) p.section-gallery_desc-text {
            min-height: 120px;
        }
    
        *:lang(zh-TW) p.section-gallery_desc-text {
            min-height: 100px;
        }
        
        *:lang(zh-CN) p.section-gallery_desc-text {
            min-height: 100px;
        }
        
        }
    
        *:lang(en-US) .video-cat-container .col-xs-12:first-child p.section-gallery_desc-text {
            min-height: 75px;
        }
    
        *:lang(zh-TW) .video-cat-container .col-xs-12:first-child p.section-gallery_desc-text {
            min-height: 55px;
    
        }
    
      *:lang(zh-CN) .video-cat-container .col-xs-12:first-child p.section-gallery_desc-text {
            min-height: 55px;
    
        }
    
    
    
    @media (max-width: 992px) {
        *:lang(en-US) p.section-gallery_desc-text, *:lang(en-US) .video-cat-container .col-xs-12:first-child p.section-gallery_desc-text  {
    
            min-height: inherit;
    
        }
    
    
        *:lang(zh-TW) p.section-gallery_desc-text, *:lang(zh-TW) .video-cat-container .col-xs-12:first-child p.section-gallery_desc-text {
    
            min-height: inherit;
    
        }
        
        *:lang(zh-CN) p.section-gallery_desc-text, *:lang(zh-CN) .video-cat-container .col-xs-12:first-child p.section-gallery_desc-text {
    
            min-height: inherit;
    
        }
    }
    
    
 @media (max-width: 768px) {
 .gotoTop {z-index: 990 !important;}
}
    
    
    
    @media (max-width: 550px) {
        .single-post .content-header h1.page-title {
            /*text-align:left;*/
        }
    
        #fontSizeSelecter {
            display: none;
        }
    }
    
    /* Gallery */
    
    .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item {
        z-index: 0;
        width: 32%;
        margin: 2px;
    
    }
    
    
    
    @media (max-width: 550px) {
        .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item {
            width: 49% !important;
        }
    
        .wpb_image_grid .wpb_image_grid_ul .isotope-item {
            margin: 0 2px 2px 0 !important;
        }
    }
    
    
    input {
        outline: none;
    }
    
    
    @media (max-width: 767px) {
        #content {
            padding-top: 15px !important;
        }
    }
    
    
    /* end of the post video + photo*/
    
    
    
    /* start of pre loader */
    
    .page-loading {
        position: fixed;
        left: 0;
        top: 0;
        background: var(--rh-themecolor-gradient-radial);
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        opacity: 1;
        transition: opacity 1s 0.5s ease;
        z-index: 99999;
    
    }
    
    .page-icon {
        position: relative;
        left: 4px;
    }
    
    .page-loading .page-icon-box {
        opacity: 0;
        transition: opacity 0.5s ease;
    }
    
    .page-loading .page-icon-box.show {
        opacity: 1;
    }
    
    
    .page-loading .page-icon {
        width: 180px;
        height: 180px;
        margin: 0 auto;
    }
    
    *:lang(en-US) .page-loading h3 {
        font-size: 24px !important;
        margin: 0;
        color: #fff !important;
        opacity: 0;
        transition: 0.5s ease;
        font-family: var(--rh-global-eng-kv-font-family);
        text-transform: uppercase;
        font-weight: 400 !important;
    
    }
    
    
    *:lang(zh-TW) .page-loading h3 {
        font-size: 24px !important;
        margin: 0;
        color: #fff !important;
        opacity: 0;
        transition: 0.5s ease;
        font-family: var(--rh-global-chi-kv-font-family);
        text-transform: uppercase;
        font-weight: 400 !important;
    
    }
    
    
    .page-loading path {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        stroke: #fff;
        stroke-width: 1.5px;
        animation: dash 10s 1 forwards ease;
    }
    
    @keyframes dash {
        to {
            stroke-dashoffset: 0;
        }
    }
    
    .page-loading.finish {
        opacity: 0;
    }
    
    .page-loading.finish .page-icon-box {
        opacity: 0;
    }
    
    .page-loading h3 span {
        transform: translateY(30px);
        display: inline-block;
        color: #fff !important;
    }
    
    .page-loading h3.show {
        opacity: 1;
    }
    
    .page-loading h3.show span {
        animation: textMoveUp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transform: translateY(0px);
        color: #fff !important;
    }
    
    @keyframes textMoveUp {
        0% {
            transform: translateY(30px);
            opacity: 0;
        }
    
        100% {
            transform: translateY(0px);
            opacity: 1;
        }
    }
    
    .pulse {
        animation: pulse 0.4s infinite ease-in-out alternate;
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2)); 
    }
    
    @keyframes pulse {
        from {
            transform: scale(0.9);
        }
    
        to {
            transform: scale(1);
        }
    }
    
    /* end of pre loader */
    
    
    
    
    /* start of generic */
    
    
    
    
    
    
    
    
    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        color: var(--rh-global-body-font-color);
        font-size: var(--rh-global-font-size);
        line-height: var(--rh-global-body-line-height);
    }
    
    body {
        margin: 0;
        overflow-x: hidden;
    }
    
    *:lang(en-US) body {
        font-family: var(--rh-global-eng-font-family);
        font-size: var(--rh-global-eng-font-size);
    
    }
    
    *:lang(zh-TW) body {
        font-family: var(--rh-global-chi-font-family);
        font-size: var(--rh-global-chi-font-size);
    
    }
    
    *:lang(zh-CN) body {
        font-family: var(--rh-global-sc-font-family);
        font-size: var(--rh-global-sc-font-size);
    
    }
    
    img {
        /*width: 100%;*/
    }
    
    a {
        color: var();
        background-color: transparent;
        outline: none;
    }
    
    a:active,
    a:hover {
        outline: 0;
        outline: none;
    }
    
    a:hover {
        text-decoration: underline;
        outline: none;
    }
    
    a,
    a:visited {
        text-decoration: underline;
        outline: none;
    }
    
    abbr[title]:after {
        content: " ("attr(title) ")"
    }
    
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    
    a {
        color: var(--rh-themecolor-third);
        text-decoration: none;
        outline: none;
    }
    
    a:focus {
        color: var(--rh-themecolor-fourth);
        text-decoration: underline;
        outline: none;
    }

    a:hover {
        color: var(--rh-themecolor-primary);
        text-decoration: underline;
        outline: none;
    }
    
    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        outline: none;
    }
    
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    :after,
    :before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .section-gallery__blk a {
        outline: none;
    }
    
    /* end of generic */
    
    
    /* start of typo */
    
    b,
    strong {
        font-weight: 800
    }
    
    *:lang(en-US) h1 {
        font-family: var(--rh-global-eng-special-font-family);
        color: var(--rh-themecolor-primary);
    }
    
    *:lang(zh-TW) h1 {
        font-family: var(--rh-global-chi-special-font-family);
        color: var(--rh-themecolor-primary);
    }
    
    *:lang(zh-CN) h1 {
        font-family: var(--rh-global-sc-special-font-family);
        color: var(--rh-themecolor-primary);
    }
    
    
    *:lang(en-US) .h1 {
        font-family: var(--rh-global-eng-special-font-family);
        color: var(--rh-themecolor-primary);
    }
    
    *:lang(zh-TW) .h1 {
        font-family: var(--rh-global-chi-special-font-family);
        color: var(--rh-themecolor-primary);
    }
    
    *:lang(zh-CN) .h1 {
        font-family: var(--rh-global-sc-special-font-family);
        color: var(--rh-themecolor-primary);
    }
    
    
    *:lang(en-US) h2 {
        font-family: var(--rh-global-eng-special-font-family);
        color: var(--rh-themecolor-secondary);
    }
    
    *:lang(zh-TW) h2 {
        font-family: var(--rh-global-chi-special-font-family);
        color: var(--rh-themecolor-secondary);
    }
    
    *:lang(zh-CN) h2 {
          font-family: var(--rh-global-sc-special-font-family);
        color: var(--rh-themecolor-secondary);
    }
    
    
    *:lang(en-US) .h2 {
        font-family: var(--rh-global-eng-special-font-family);
        color: var(--rh-themecolor-secondary);
    }
    
    *:lang(zh-TW) .h2 {
        font-family: var(--rh-global-chi-special-font-family);
        color: var(--rh-themecolor-secondary);
    }
    
    *:lang(zh-CN) .h2 {
         font-family: var(--rh-global-sc-special-font-family);
        color: var(--rh-themecolor-secondary);
    }
    
    
    *:lang(en-US) h3 {
        font-family: var(--rh-global-eng-special-font-family);
        color: var(--rh-themecolor-secondary);
    }
    
    *:lang(zh-TW) h3 {
        font-family: var(--rh-global-chi-special-font-family);
        color: var(--rh-themecolor-secondary);
    }
    
    *:lang(zh-CN) h3 {
         font-family: var(--rh-global-sc-special-font-family);
        color: var(--rh-themecolor-secondary);
    }
    
    *:lang(en-US) .h3 {
        font-family: var(--rh-global-eng-special-font-family);
        color: var(--rh-themecolor-third);
    }
    
    *:lang(zh-TW) .h3 {
        font-family: var(--rh-global-chi-special-font-family);
        color: var(--rh-themecolor-third);
    }
    *:lang(zh-CN) .h3 {
          font-family: var(--rh-global-sc-special-font-family);
        color: var(--rh-themecolor-third);
    }
    
    
    
    
    *:lang(en-US) h4,
    *:lang(en-US) h5,
    *:lang(en-US) h6 {
        font-family: var(--rh-global-eng-special-font-family);
        color: var(--rh-themecolor-fourth);
    
    }
    
    *:lang(en-US) .h4,
    *:lang(en-US) .h5,
    *:lang(en-US) .h6 {
        font-family: var(--rh-global-eng-special-font-family);
    
        color: var(--rh-themecolor-fourth);
    }
    
    *:lang(zh-TW) h4,
    *:lang(zh-TW) h5,
    *:lang(zh-TW) h6 {
        font-family: var(--rh-global-chi-special-font-family);
        color: var(--rh-themecolor-fourth);
    }
    
    *:lang(zh-TW) .h4,
    *:lang(zh-TW) .h5,
    *:lang(zh-TW) .h6 {
        font-family: var(--rh-global-chi-special-font-family);
        color: var(--rh-themecolor-fourth);
    }
    
    
    *:lang(zh-CN) h4,
    *:lang(zh-CN) h5,
    *:lang(zh-CN) h6 {
         font-family: var(--rh-global-sc-special-font-family);
        color: var(--rh-themecolor-fourth);
    }
    
    *:lang(zh-CN) .h4,
    *:lang(zh-CN) .h5,
    *:lang(zh-CN) .h6 {
          font-family: var(--rh-global-sc-special-font-family);
        color: var(--rh-themecolor-fourth);
    }
    
    
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    
    h2,
    h3 {
        page-break-after: avoid
    }
    
    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777
    }
    
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        /*margin-top: 20px;
    margin-bottom: 1rem;*/
    }
    
    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small {
        font-size: 65%
    }
    
    .h4,
    .h5,
    .h6,
    h4,
    h5,
    h6 {
        /*margin-top: 10px;
    margin-bottom: 1rem;*/
    }
    
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-size: 75%
    }
    
    .h1,
    h1 {
        font-weight: 800;
        font-size: 3rem;
        line-height: 1.16;
       /* letter-spacing: -.0625rem;*/
    }
    
    .h2,
    h2 {
        font-size: 2.25rem;
        line-height: 1.22;
        /*letter-spacing: -.05rem;*/
    }
    
    .h3,
    h3 {
        font-size: 1.875rem;
        line-height: 1.2;
        /*letter-spacing: -.03125rem;*/
    }
    
    .h4,
    h4 {
        font-size: 1.5rem;
        line-height: 1.33;
        /*letter-spacing: -.025rem;*/
    }
    
    .h5,
    h5 {
        font-size: 1.25rem;
        line-height: 1.4;
        /*letter-spacing: -.0125rem;*/
    }
    
    .h6,
    h6 {
        font-size: 1.125rem;
        line-height: 1.44;
        /*letter-spacing: -.00625rem;*/
    }
    
    .h7,
    h7 {
        font-size: 1rem;
        line-height: 1.5;
        /*letter-spacing: -.00625rem;*/
    }
    
    
    
    p {
        margin-top: 0;
        margin-bottom: 1rem;
        line-height: var(--rh-global-body-line-height);
    }
    
    mark {
        color: #000;
        background: #ff0
    }
    
    small {
        font-size: 80%
    }
    
    sub,
    sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline
    }
    
    sup {
        top: -.5em
    }
    
    sub {
        bottom: -.25em
    }
    
    .section-margin {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    
    
    /*
    10px = 0.625rem (.font-size-10)
    
    12px = 0.75rem (.font-size-12)
    
    14px = 0.875rem (.font-size-14)
    
    16px = 1rem (base) (.font-size-16)
    
    18px = 1.125rem (.font-size-18)
    
    20px = 1.25rem (.font-size-20)
    
    24px = 1.5rem (.font-size-24)
    
    30px = 1.875rem (.font-size-30)
    
    32px = 2rem (.font-size-32)
    
    48px = 3rem (.font-size-48)
    */
    
    .font-size-10 {
        font-size: 0.625rem;
    }
    
    .font-size-12 {
        font-size: 0.75rem;
    }
    
    .font-size-14 {
        font-size: 0.875rem;
    }
    
    .font-size-16 {
        font-size: var(--rh-global-font-size);
    }
    
    .font-size-18 {
        font-size: 1.125rem;
    }
    
    
    .font-size-20 {
        font-size: 1.25rem;
    }
    
    .font-size-24 {
        font-size: 1.5rem;
    }
    
    .font-size-30 {
        font-size: 1.875rem;
    }
    
    .font-size-32 {
        font-size: 2rem;
    }
    
    .font-size-48 {
        font-size: 3rem;
    }
    
    /* end of typo */
    
    
    /* start of button */
    button,
    input,
    optgroup,
    select,
    textarea {
        margin: 0;
        font: inherit;
        color: inherit
    }
    
    button {
        overflow: visible
    }
    
    button,
    select {
        text-transform: none
    }
    
    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }
    
    button[disabled],
    html input[disabled] {
        cursor: default
    }
    
    button::-moz-focus-inner {
        padding: 0;
        border: 0
    }
    
    /* end of button */
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* start of blockquote */
    
    
    blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid #eee
    }
    
    blockquote ol:last-child,
    blockquote p:last-child,
    blockquote ul:last-child {
        margin-bottom: 0
    }
    
    blockquote .small,
    blockquote footer,
    blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777
    }
    
    blockquote .small:before,
    blockquote footer:before,
    blockquote small:before {
        content: '\2014 \00A0'
    }
    
    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0
    }
    
    .blockquote-reverse .small:before,
    .blockquote-reverse footer:before,
    .blockquote-reverse small:before,
    blockquote.pull-right .small:before,
    blockquote.pull-right footer:before,
    blockquote.pull-right small:before {
        content: ''
    }
    
    .blockquote-reverse .small:after,
    .blockquote-reverse footer:after,
    .blockquote-reverse small:after,
    blockquote.pull-right .small:after,
    blockquote.pull-right footer:after,
    blockquote.pull-right small:after {
        content: '\00A0 \2014'
    }
    
    /* end of blockquote */
    
    
    /* start of table */
    
    table {
        background-color: transparent
    }
    
    
    th {
        text-align: left
    }
    
    .table {
        border-collapse: collapse !important
    }
    
    .table td,
    .table th {
        background-color: #fff !important
    }
    
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
    
    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }
    
    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }
    
    .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }
    
    .table>caption+thead>tr:first-child>td,
    .table>caption+thead>tr:first-child>th,
    .table>colgroup+thead>tr:first-child>td,
    .table>colgroup+thead>tr:first-child>th,
    .table>thead:first-child>tr:first-child>td,
    .table>thead:first-child>tr:first-child>th {
        border-top: 0
    }
    
    .table>tbody+tbody {
        border-top: 2px solid #ddd
    }
    
    .table .table {
        background-color: #fff
    }
    
    .table-condensed>tbody>tr>td,
    .table-condensed>tbody>tr>th,
    .table-condensed>tfoot>tr>td,
    .table-condensed>tfoot>tr>th,
    .table-condensed>thead>tr>td,
    .table-condensed>thead>tr>th {
        padding: 5px
    }
    
    .table-bordered {
        border: 1px solid #ddd
    }
    
    .table-bordered>tbody>tr>td,
    .table-bordered>tbody>tr>th,
    .table-bordered>tfoot>tr>td,
    .table-bordered>tfoot>tr>th,
    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
        border: 1px solid #ddd
    }
    
    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
        border-bottom-width: 2px
    }
    
    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9
    }
    
    .table-hover>tbody>tr:hover {
        background-color: #f5f5f5
    
    }
    
    table col[class*=col-] {
        position: static;
        display: table-column;
        float: none
    }
    
    table td[class*=col-],
    table th[class*=col-] {
        position: static;
        display: table-cell;
        float: none
    }
    
    .table>tbody>tr.active>td,
    .table>tbody>tr.active>th,
    .table>tbody>tr>td.active,
    .table>tbody>tr>th.active,
    .table>tfoot>tr.active>td,
    .table>tfoot>tr.active>th,
    .table>tfoot>tr>td.active,
    .table>tfoot>tr>th.active,
    .table>thead>tr.active>td,
    .table>thead>tr.active>th,
    .table>thead>tr>td.active,
    .table>thead>tr>th.active {
        background-color: #f5f5f5
    }
    
    .table-hover>tbody>tr.active:hover>td,
    .table-hover>tbody>tr.active:hover>th,
    .table-hover>tbody>tr:hover>.active,
    .table-hover>tbody>tr>td.active:hover,
    .table-hover>tbody>tr>th.active:hover {
        background-color: #e8e8e8
    }
    
    .table>tbody>tr.success>td,
    .table>tbody>tr.success>th,
    .table>tbody>tr>td.success,
    .table>tbody>tr>th.success,
    .table>tfoot>tr.success>td,
    .table>tfoot>tr.success>th,
    .table>tfoot>tr>td.success,
    .table>tfoot>tr>th.success,
    .table>thead>tr.success>td,
    .table>thead>tr.success>th,
    .table>thead>tr>td.success,
    .table>thead>tr>th.success {
        background-color: #dff0d8
    }
    
    .table-hover>tbody>tr.success:hover>td,
    .table-hover>tbody>tr.success:hover>th,
    .table-hover>tbody>tr:hover>.success,
    .table-hover>tbody>tr>td.success:hover,
    .table-hover>tbody>tr>th.success:hover {
        background-color: #d0e9c6
    }
    
    .table>tbody>tr.info>td,
    .table>tbody>tr.info>th,
    .table>tbody>tr>td.info,
    .table>tbody>tr>th.info,
    .table>tfoot>tr.info>td,
    .table>tfoot>tr.info>th,
    .table>tfoot>tr>td.info,
    .table>tfoot>tr>th.info,
    .table>thead>tr.info>td,
    .table>thead>tr.info>th,
    .table>thead>tr>td.info,
    .table>thead>tr>th.info {
        background-color: #d9edf7
    }
    
    .table-hover>tbody>tr.info:hover>td,
    .table-hover>tbody>tr.info:hover>th,
    .table-hover>tbody>tr:hover>.info,
    .table-hover>tbody>tr>td.info:hover,
    .table-hover>tbody>tr>th.info:hover {
        background-color: #c4e3f3
    }
    
    .table>tbody>tr.warning>td,
    .table>tbody>tr.warning>th,
    .table>tbody>tr>td.warning,
    .table>tbody>tr>th.warning,
    .table>tfoot>tr.warning>td,
    .table>tfoot>tr.warning>th,
    .table>tfoot>tr>td.warning,
    .table>tfoot>tr>th.warning,
    .table>thead>tr.warning>td,
    .table>thead>tr.warning>th,
    .table>thead>tr>td.warning,
    .table>thead>tr>th.warning {
        background-color: #fcf8e3
    }
    
    .table-hover>tbody>tr.warning:hover>td,
    .table-hover>tbody>tr.warning:hover>th,
    .table-hover>tbody>tr:hover>.warning,
    .table-hover>tbody>tr>td.warning:hover,
    .table-hover>tbody>tr>th.warning:hover {
    
        background-color: #faf2cc
    }
    
    .table>tbody>tr.danger>td,
    .table>tbody>tr.danger>th,
    .table>tbody>tr>td.danger,
    .table>tbody>tr>th.danger,
    .table>tfoot>tr.danger>td,
    .table>tfoot>tr.danger>th,
    .table>tfoot>tr>td.danger,
    .table>tfoot>tr>th.danger,
    .table>thead>tr.danger>td,
    .table>thead>tr.danger>th,
    .table>thead>tr>td.danger,
    .table>thead>tr>th.danger {
        background-color: #f2dede
    }
    
    .table-hover>tbody>tr.danger:hover>td,
    .table-hover>tbody>tr.danger:hover>th,
    .table-hover>tbody>tr:hover>.danger,
    .table-hover>tbody>tr>td.danger:hover,
    .table-hover>tbody>tr>th.danger:hover {
        background-color: #ebcccc
    }
    
    .table-responsive {
        min-height: .01%;
        overflow-x: auto
    }
    
    .entry-content th,
    .comment-content th {
    
        text-transform: inherit !important;
    }
    
    .entry-content td,
    .comment-content td {
        border-top: 0px solid #ddd !important;
    
    }
    
    
    @media screen and (max-width:767px) {
    
        .h1,
    h1 {
        font-weight: 800;
        font-size: 2.25rem;
        line-height: 1.22;
       /* letter-spacing: -.0625rem;*/
    }
    
    .h2,
    h2 {
        font-size: 1.875rem;
        line-height: 1.2;
        /*letter-spacing: -.05rem;*/
    }
    
    .h3,
    h3 {
        font-size: 1.5rem;
        line-height: 1.33;
        /*letter-spacing: -.03125rem;*/
    }
    
    .h4,
    h4 {
        font-size: 1.25rem;
        line-height: 1.4;
        /*letter-spacing: -.025rem;*/
    }
    
    .h5,
    h5 {
        font-size: 1.125rem;
        line-height: 1.44;
        /*letter-spacing: -.0125rem;*/
    }
    
    .h6,
    h6 {
        font-size: 1rem;
        line-height: 1.5;
        /*letter-spacing: -.00625rem;*/
    }
    
    .h7,
    h7 {
        font-size: 0.875rem;
        line-height: 1.428;
        /*letter-spacing: -.00625rem;*/
    }
    
    
        .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd
        }
    
        .table-responsive>.table {
            margin-bottom: 0
        }
    
        .table-responsive>.table>tbody>tr>td,
        .table-responsive>.table>tbody>tr>th,
        .table-responsive>.table>tfoot>tr>td,
        .table-responsive>.table>tfoot>tr>th,
        .table-responsive>.table>thead>tr>td,
        .table-responsive>.table>thead>tr>th {
            white-space: nowrap
        }
    
        .table-responsive>.table-bordered {
            border: 0
        }
    
        .table-responsive>.table-bordered>tbody>tr>td:first-child,
        .table-responsive>.table-bordered>tbody>tr>th:first-child,
        .table-responsive>.table-bordered>tfoot>tr>td:first-child,
        .table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .table-responsive>.table-bordered>thead>tr>td:first-child,
        .table-responsive>.table-bordered>thead>tr>th:first-child {
            border-left: 0
        }
    
        .table-responsive>.table-bordered>tbody>tr>td:last-child,
        .table-responsive>.table-bordered>tbody>tr>th:last-child,
        .table-responsive>.table-bordered>tfoot>tr>td:last-child,
        .table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .table-responsive>.table-bordered>thead>tr>td:last-child,
        .table-responsive>.table-bordered>thead>tr>th:last-child {
            border-right: 0
        }
    
        .table-responsive>.table-bordered>tbody>tr:last-child>td,
        .table-responsive>.table-bordered>tbody>tr:last-child>th,
        .table-responsive>.table-bordered>tfoot>tr:last-child>td,
        .table-responsive>.table-bordered>tfoot>tr:last-child>th {
            border-bottom: 0
        }
    }
    
    /* End of table */
    
    
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        /*font-size: 14px;*/
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
    }
    
    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }
    
    .btn.focus,
    .btn:focus,
    .btn:hover {
        color: #333;
        text-decoration: none
    }
    
    .btn.active,
    .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
    }
    
    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
    
    
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65
    }
    
    a.btn.disabled,
    fieldset[disabled] a.btn {
        pointer-events: none
    }
    
    .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc
    }
    
    .btn-default.focus,
    .btn-default:focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c
    }
    
    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }
    
    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }
    
    .btn-default.active.focus,
    .btn-default.active:focus,
    .btn-default.active:hover,
    .btn-default:active.focus,
    .btn-default:active:focus,
    .btn-default:active:hover,
    .open>.dropdown-toggle.btn-default.focus,
    .open>.dropdown-toggle.btn-default:focus,
    .open>.dropdown-toggle.btn-default:hover {
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c
    }
    
    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        background-image: none
    }
    
    .btn-default.disabled.focus,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled].focus,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default.focus,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc
    }
    
    .btn-default .badge {
        color: #fff;
        background-color: #333
    }
    
    .btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4
    }
    
    .btn-primary.focus,
    .btn-primary:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }
    
    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }
    
    .btn-primary.active,
    .btn-primary:active,
    .open>.dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }
    
    .btn-primary.active.focus,
    .btn-primary.active:focus,
    .btn-primary.active:hover,
    .btn-primary:active.focus,
    .btn-primary:active:focus,
    .btn-primary:active:hover,
    .open>.dropdown-toggle.btn-primary.focus,
    .open>.dropdown-toggle.btn-primary:focus,
    .open>.dropdown-toggle.btn-primary:hover {
        color: #fff;
        background-color: #204d74;
        border-color: #122b40
    }
    
    .btn-primary.active,
    .btn-primary:active,
    .open>.dropdown-toggle.btn-primary {
        background-image: none
    }
    
    .btn-primary.disabled.focus,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled].focus,
    
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }
    
    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
    }
    
    .btn-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c
    }
    
    .btn-success.focus,
    .btn-success:focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625
    }
    
    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }
    
    .btn-success.active,
    .btn-success:active,
    .open>.dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }
    
    .btn-success.active.focus,
    .btn-success.active:focus,
    .btn-success.active:hover,
    .btn-success:active.focus,
    .btn-success:active:focus,
    .btn-success:active:hover,
    .open>.dropdown-toggle.btn-success.focus,
    .open>.dropdown-toggle.btn-success:focus,
    .open>.dropdown-toggle.btn-success:hover {
        color: #fff;
        background-color: #398439;
        border-color: #255625
    }
    
    .btn-success.active,
    .btn-success:active,
    .open>.dropdown-toggle.btn-success {
        background-image: none
    }
    
    .btn-success.disabled.focus,
    .btn-success.disabled:focus,
    .btn-success.disabled:hover,
    .btn-success[disabled].focus,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success.focus,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c
    }
    
    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }
    
    .btn-info {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da
    }
    
    .btn-info.focus,
    .btn-info:focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85
    }
    
    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }
    
    .btn-info.active,
    .btn-info:active,
    .open>.dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }
    
    .btn-info.active.focus,
    .btn-info.active:focus,
    .btn-info.active:hover,
    .btn-info:active.focus,
    .btn-info:active:focus,
    .btn-info:active:hover,
    .open>.dropdown-toggle.btn-info.focus,
    .open>.dropdown-toggle.btn-info:focus,
    .open>.dropdown-toggle.btn-info:hover {
        color: #fff;
        background-color: #269abc;
        border-color: #1b6d85
    }
    
    .btn-info.active,
    .btn-info:active,
    .open>.dropdown-toggle.btn-info {
        background-image: none
    }
    
    .btn-info.disabled.focus,
    .btn-info.disabled:focus,
    .btn-info.disabled:hover,
    .btn-info[disabled].focus,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info.focus,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da
    }
    
    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }
    
    .btn-warning {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #eea236
    }
    
    .btn-warning.focus,
    .btn-warning:focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d
    }
    
    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }
    
    .btn-warning.active,
    .btn-warning:active,
    .open>.dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }
    
    .btn-warning.active.focus,
    .btn-warning.active:focus,
    .btn-warning.active:hover,
    .btn-warning:active.focus,
    .btn-warning:active:focus,
    .btn-warning:active:hover,
    .open>.dropdown-toggle.btn-warning.focus,
    .open>.dropdown-toggle.btn-warning:focus,
    .open>.dropdown-toggle.btn-warning:hover {
    
        color: #fff;
        background-color: #d58512;
        border-color: #985f0d
    }
    
    .btn-warning.active,
    .btn-warning:active,
    .open>.dropdown-toggle.btn-warning {
        background-image: none
    }
    
    .btn-warning.disabled.focus,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:hover,
    .btn-warning[disabled].focus,
    .btn-warning[disabled]:focus,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning.focus,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236
    }
    
    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }
    
    .btn-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a
    }
    
    .btn-danger.focus,
    .btn-danger:focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }
    
    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }
    
    .btn-danger.active,
    .btn-danger:active,
    .open>.dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }
    
    .btn-danger.active.focus,
    .btn-danger.active:focus,
    .btn-danger.active:hover,
    .btn-danger:active.focus,
    .btn-danger:active:focus,
    .btn-danger:active:hover,
    
    .open>.dropdown-toggle.btn-danger.focus,
    .open>.dropdown-toggle.btn-danger:focus,
    .open>.dropdown-toggle.btn-danger:hover {
        color: #fff;
        background-color: #ac2925;
        border-color: #761c19
    }
    
    .btn-danger.active,
    .btn-danger:active,
    .open>.dropdown-toggle.btn-danger {
        background-image: none
    }
    
    .btn-danger.disabled.focus,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:hover,
    .btn-danger[disabled].focus,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger.focus,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a
    }
    
    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }
    
    .btn-link {
        font-weight: 400;
        color: #337ab7;
        border-radius: 0
    }
    
    .btn-link,
    .btn-link.active,
    .btn-link:active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
    
        box-shadow: none
    }
    
    .btn-link,
    .btn-link:active,
    .btn-link:focus,
    .btn-link:hover {
        border-color: transparent
    }
    
    .btn-link:focus,
    .btn-link:hover {
        color: #23527c;
        text-decoration: underline;
        background-color: transparent
    }
    
    .btn-link[disabled]:focus,
    .btn-link[disabled]:hover,
    fieldset[disabled] .btn-link:focus,
    fieldset[disabled] .btn-link:hover {
        color: #777;
        text-decoration: none
    }
    
    .btn-group-lg>.btn,
    .btn-lg {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }
    
    .btn-group-sm>.btn,
    .btn-sm {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }
    
    .btn-group-xs>.btn,
    .btn-xs {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }
    
    .btn-block {
        display: block;
        width: 100%
    }
    
    .btn-block+.btn-block {
        margin-top: 5px
    }
    
    input[type=button].btn-block,
    input[type=reset].btn-block,
    input[type=submit].btn-block {
        width: 100%
    }
    
    /* start of breadcrumb */
    .breadcrumb {
        padding: 8px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px
    }
    
    .breadcrumb>li {
        display: inline-block
    }
    
    .breadcrumb>li+li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0"
    }
    
    .breadcrumb>.active {
        color: #777
    }
    
    /* end of breadcrumb */
    
    /* start of pagination */
    
    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px
    }
    
    .pagination>li {
        display: inline
    }
    
    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd
    }
    
    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px
    }
    
    
    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px
    }
    
    .pagination>li>a:focus,
    .pagination>li>a:hover,
    .pagination>li>span:focus,
    .pagination>li>span:hover {
        z-index: 2;
        color: #23527c;
        background-color: #eee;
        border-color: #ddd
    }
    
    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7
    }
    
    .pagination>.disabled>a,
    .pagination>.disabled>a:focus,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>span,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd
    }
    
    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333
    }
    
    .pagination-lg>li:first-child>a,
    .pagination-lg>li:first-child>span {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px
    }
    
    .pagination-lg>li:last-child>a,
    .pagination-lg>li:last-child>span {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 0px
    }
    
    .pagination-sm>li>a,
    .pagination-sm>li>span {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5
    }
    
    .pagination-sm>li:first-child>a,
    .pagination-sm>li:first-child>span {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px
    }
    
    .pagination-sm>li:last-child>a,
    .pagination-sm>li:last-child>span {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px
    }
    
    /* end of pagination */
    
    
    
    /* Below are campign element */
    
    .themecolor-box {
        width: 100%;
        height: 60px;
        text-align: center !important;
        padding: 20px !important;
        color: #fff !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /* start of heading title */
    
    .h1--underline {
        border-bottom: 4px solid var(--rh-themecolor-highlight);
        /*padding-bottom: 12px;*/
        width: 50px;
    }
    
    .h2--underline {
        border-bottom: 3px solid var(--rh-themecolor-highlight);
        /*padding-bottom: 10px;*/
        width: 50px;
    }
    
    .h3--underline {
        border-bottom: 2px solid var(--rh-themecolor-highlight);
        /*padding-bottom: 8px;*/
        width: 50px;
    }
    
    /* end of heading title */
    
    
    /* start of btn */
    
    a.btn-keydate {
        display: flex;
        align-items: center;
        margin-bottom: 20px !important;
        text-decoration: none;
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    a.btn-keydate:hover {
        /*opacity: var(--rh-btn-hover-opacity);
    background: var(--rh-themecolor-third);*/
        opacity: 0.6;
    }
    
    a.btn-keydate--not-selected {
        /*opacity: var(--rh-btn-hover-opacity);
    background: var(--rh-themecolor-third);*/
        opacity: 0.6;
    }
    
    .btn-keydate__box {
        background: var(--rh-themecolor-primary);
        width: 60px !important;
        height: 60px !important;
        color: var(--rh-global-white);
        margin-right: 13px;
        font-family: var(--rh-global-eng-special-font-family);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .btn-keydate__box--themecolor-secondary {
        background: var(--rh-themecolor-secondary);
        width: 60px !important;
        height: 60px !important;
        color: var(--rh-global-white);
        margin-right: 13px;
        font-family: var(--rh-global-eng-special-font-family);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .btn-keydate__box--themecolor-third {
        background: var(--rh-themecolor-third);
        width: 60px !important;
        height: 60px !important;
        color: var(--rh-global-white);
        margin-right: 13px;
        font-family: var(--rh-global-eng-special-font-family);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .btn-keydate__box--themecolor-highlight {
        background: var(--rh-themecolor-highlight);
        width: 60px !important;
        height: 60px !important;
        color: var(--rh-themecolor-primary);
        margin-right: 13px;
        font-family: var(--rh-global-eng-special-font-family);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .btn-keydate__month {
        font-size: 13px;
        font-weight: 600;
        font-family: var(--rh-global-eng-font-family);
        text-decoration: none !important;
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .btn-keydate__date {
        font-size: 38px;
        letter-spacing: -0.05em;
        font-family: var(--rh-global-eng-special-font-family);
        line-height: 2.2rem;
        position: relative;
        top: -2px;
        text-decoration: none !important;
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .btn-keydate:hover .btn-keydate__month {
        text-decoration: none !important;
    }
    
    .btn-keydate:hover .btn-keydate__date {
        text-decoration: none !important;
    }
    
    .btn-keydate__textlink {
        color: var(--rh-global-black);
    }
    
    .btn--primary {
    
    
        border: 2px solid var(--rh-themecolor-third);
        color: var(--rh-global-white);
        background-color: var(--rh-themecolor-third);
        border-radius: 0px;
        font-size: var(--rh-btn-font-size);
        min-width: var(--rh-btn-min-width);
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .btn--secondary {
        border: 2px solid var(--rh-themecolor-highlight);
        color: var(--rh-themecolor-primary);
        background-color: var(--rh-themecolor-highlight);
        border-radius: 0px;
        font-size: var(--rh-btn-font-size);
        min-width: var(--rh-btn-min-width);
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .btn--third {
        border: 2px solid var(--rh-themecolor-third);
        color: var(--rh-themecolor-primary);
        background-color: var(--rh-global-white);
        border-radius: 0px;
        font-size: var(--rh-btn-font-size);
        min-width: var(--rh-btn-min-width);
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .btn--add-to-calendar {
        border: 2px solid var(--rh-themecolor-third);
        color: var(--rh-themecolor-primary);
        border-radius: 0px;
        font-size: var(--rh-btn-register-now-font-size);
        min-width: var(--rh-btn-add-to-calendar-width);
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .btn--register-now {
        border: 2px solid var(--rh-themecolor-highlight);
        color: var(--rh-themecolor-primary);
        background-color: var(--rh-themecolor-highlight);
        border-radius: 0px;
        font-size: var(--rh-btn-register-now-font-size);
        min-width: var(--rh-btn-register-now-width);
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .btn--add-to-calendar:hover {
        opacity: var(--rh-btn-hover-opacity);
        color: var(--rh-themecolor-secondary);
    }
    
    .btn--register-now:hover {
        opacity: var(--rh-btn-hover-opacity);
        color: var(--rh-themecolor-secondary);
    
    }
    
    .btn--primary:hover {
        opacity: var(--rh-btn-hover-opacity);
        color: var(--rh-themecolor-secondary);
    }
    
    .btn--secondary:hover {
        border: 2px solid var(--rh-themecolor-highlight);
        color: var(--rh-themecolor-primary);
        background-color: var(--rh-global-white);
        opacity: var(--rh-btn-hover-opacity);
        color: var(--rh-themecolor-secondary);
    }
    
    .btn--third:hover {
        border: 2px solid var(--rh-themecolor-third);
        color: var(--rh-global-white) !important;
        background-color: var(--rh-themecolor-third);
        opacity: var(--rh-btn-hover-opacity);
        color: var(--rh-themecolor-secondary);
    }
    
    
    .btn-disabled-cta {
        border: 2px solid grey !important;
        color: grey !important;
        pointer-events: none !important;
        cursor: default !important;
    }
    
    /* end of btn */
    
    
    /* start of activities */
    
    .mb-6 {
        margin-bottom: 4rem !important;
    }
    
    
    .mb-7 {
        margin-bottom: 5rem !important;
    }
    
    .mb-8 {
        margin-bottom: 6rem !important;
    }
    
    .event-msg-box {
    
        background: var(--rh-themecolor-fifth);
        padding: 15px;
    }
    
    .section-activities__soild-text {
        font-size: 140px;
        color: var(--rh-themecolor-secondary);
        -webkit-text-stroke: 0px var(--rh-themecolor-secondary);
        text-transform: uppercase;
        display: inline-block;
        line-height: 1;
        min-width: auto;
        font-weight: 800;
        opacity: 0.2;
    }
    
    
    .section-activities__d-flex:nth-child(even) {
        /*background: red;*/
        flex-direction: row-reverse;
    }
    
    .section-activities__d-flex:nth-child(odd) {
        /* background: yellow;*/
    }
    
    .align-self-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    
    .align-self-bottom {
        -ms-flex-item-align: bottom !important;
        align-self: end !important;
    }
    
    .section-activities__d-flex {
        display: flex;
    }
    
    .section-activities__d-flex img {
         border-radius: var(--rh-global-border-radius)!important;
    }
    
    
    .section__activities-margin {
        margin-bottom: 5rem;
    }
    
    @media (max-width: 767px) {
        .section-activities__d-flex {
            /* display: table;*/
    
        }
    
        .section-activities__d-flex:nth-child(even) {
            flex-direction: column-reverse;
        }
    
        .section-activities__d-flex:nth-child(odd) {
            flex-direction: column-reverse;
        }
    }
    
    /* end of activities */
    
    /* start of TV PROGRAMMES */
    
    .section-tv-programmes__d-flex {
        display: flex;
        
    }
    
    .section-tv-programmes__d-flex img {
       
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    @media (max-width: 767px) {
        .section-tv-programmes__d-flex {
            display: inherit !important;
        }
    }
    
    /* end of TV PROGRAMMES */
    
    /* start of table + racing info */
    
    .generic-table {
        /*width: 100%;*/
        letter-spacing: 0px;
        /*white-space: nowrap;*/
        font-size: var(--rh-table-font-size);
    }
    
    .generic-table table {
        width: 100%;
    }
    
    .generic-table table th {
        color: var(--rh-global-white);
        padding: var(--rh-table-padding);
        line-height: var(--rh-table-line-height);
    }
    
    .generic-table table th:first-child {
        border-radius: 10px 0 0 10px;
    }
    
    .generic-table table th:last-child {
        border-radius: 0 10px 10px 0;
    }
    
    *:lang(en-US) .generic-table table th {
        font-size: 14px;
        line-height: 20px;
    }
    
    .generic-table table td {
        padding: var(--rh-table-padding);
        line-height: var(--rh-table-line-height);
    }
    
    .generic-table table thead {
        background: var(--rh-themecolor-gradient) !important;
    }
    
    .generic-table table tbody tr:nth-child(2n+1) {
        background: var(--rh-table-bgcolor-odd);
        border-bottom: 1px solid #ddd;
    }
    
    .generic-table.generic-table--racecard-index table tr:first-child td:first-child {
        border-radius: 10px 0 0 0;
    }
    
    .generic-table.generic-table--racecard-index table tr:first-child td:last-child {
        border-radius: 0 10px 0 0;
    }
    
    .generic-table.generic-table--racecard-index table tr:last-child td:first-child {
        border-radius: 0 0 0 10px;
    }
    
    .generic-table.generic-table--racecard-index table tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }
    
    .generic-table table tbody tr:last-child {
        border-bottom: none;
    }
    
    .generic-table table tbody tr:nth-child(even) {
         background: var(--rh-table-bgcolor-even); 
         border-bottom: 1px solid #ddd;
    }
    
    .generic-table--winning-horse table td {
        vertical-align: top;
    }
    
    
    .generic-table.generic-table--racecard-index table {
        border-bottom: none;
    }
    
    .result-winning-horse-blk hr {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    
    .generic-table__number-center {
        text-align: center;
    }
    
    
    .num-center {
        text-align: center !important;
    }
    
    .generic-table--racecard img {
        width: inherit;
    }
    
    .arial {
        font-family: arial !important;
    }
    
    .entry-content td.raceInfo {
        color: var(--rh-themecolor-third);
    }
    
    .entry-content td.raceInfo:hover {
        color: var(--rh-themecolor-fourth);
        text-decoration: underline;
        outline: none;
    }
    
    
    .generic-table td.raceInfo {
        color: var(--rh-themecolor-third);
    }
    
    .generic-table td.raceInfo:hover {
        color: var(--rh-themecolor-fourth);
        text-decoration: underline;
        outline: none;
    }
    
    .entry-content td.contendersInfo {
        color: var(--rh-themecolor-third);
    }
    
    .entry-content td.contendersInfo:hover {
        color: var(--rh-themecolor-fourth);
        text-decoration: underline;
        outline: none;
    }
    
    .generic-table td.contendersInfo {
        color: var(--rh-themecolor-third);
    }
    
    .generic-table td.contendersInfo:hover {
        color: var(--rh-themecolor-fourth);
        text-decoration: underline;
        outline: none;
    }
    
    td.contendersInfo {
        color: var(--rh-themecolor-third);
        cursor: pointer;
    }
    
    td.contendersInfo:hover {
        color: var(--rh-themecolor-fourth);
        text-decoration: underline;
        outline: none;
        cursor: pointer;
    }
    
    td.contendersInfo {
        color: var(--rh-themecolor-third);
        cursor: pointer;
    }
    
    td.contendersInfo:hover {
        color: var(--rh-themecolor-fourth);
        text-decoration: underline;
        outline: none;
        cursor: pointer;
    }
    
    
    /* end of table */
    
    
    /* start of racing info */
    
    .race-info-blk {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.8);
        width: 100%;
        min-height: 200px;
        padding: 20px 5px;
    }
    
    .race-info-blk.race-intro {
        padding: 20px 20px;
        align-items: self-start;
    }
    
    .race-info-blk__icon {
    
        max-width: 85px;
        margin-bottom: 8px;
    }
    
    .race-info-blk__desc {
        text-align: center;
    }
    
    .race-info-blk__title {
        color: var(--rh-themecolor-primary);
        font-size: 1.25rem;
        font-weight: 600;
    }
    
    .race-info-other-blk {
        border: 1px solid #ddd;
    }
    
    #four-boxes-raceinfo .vc_column_container>.vc_column-inner,
    #three-boxes-raceinfo .vc_column_container>.vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    /*#submenu-raceinfo .btn-submenu  a {
        border: 2px solid var(--rh-themecolor-highlight);
        color: var(--rh-themecolor-primary);
        background-color: var(--rh-themecolor-highlight);
        border-radius: 0px;
        font-size: var(--rh-btn-font-size);
        min-width: var(--rh-btn-min-width);
        padding: 10px 20px;
        font-weight: 600;
    }*/
    
    @media (max-width: 600px) {
        .race-info-blk-container .col-xs-6.col-sm-3.mb-3 {
            padding: 5px !important;
            margin-bottom: 0px !important;
        }
    }
    
    @media (max-width: 413px) {
        .race-info-blk__desc {
            transform: scale(0.85);
        }
    }
    
    /* end of racing info */
    
    
    /* start of gallery - Video + photo */
    
    .fa-play:before {
        /*mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-arrow-black.svg);*/
        content: url("https://campaign.hkjc.com/magnificent-raceday/images/global/svg-icon/svg-logo-play-video.svg");
        width: 23px;
        height: 26px;
        display: block;
    
    }
    
    
    
    
    
    
    .fa-image:before {
    
        /*mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-arrow-black.svg);*/
        content: url("https://campaign.hkjc.com/magnificent-raceday/images/global/svg-icon/svg-logo-photo.svg") !important;
        transform: scale(0.52);
        display: block;
        /*margin-top: 4px;
        margin-left: 1px;*/
    
    }
    
    .video_open img {
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    
    .video_open:after {
        /* font-family: 'Font Awesome 5 Free';
    content: "\f144" !important;*/
    
    
        position: absolute !important;
        z-index: 99;
        bottom: 0em;
        right: 0.2em;
        font-size: 3em;
        color: var(--rh-themecolor-highlight);
        text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
    }
    
    .video_open--icon-align-center:after {
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: inherit;
        right: inherit;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        font-size: 5em;
    }
    
    .video_open--small-icon:after {
        font-size: 2em;
    }
    
    .photo_open:after {
        /*font-family: 'Font Awesome 5 Free';
    content: "\f03e" !important;*/
        position: absolute !important;
        z-index: 99;
        bottom: 0em;
        right: 0.2em;
        font-size: 3em;
        color: var(--rh-themecolor-highlight);
        text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
    }
    
    .photo_open--icon-align-center:after {
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: inherit;
        right: inherit;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        font-size: 5em;
    }
    
    .section-gallery__blk {
        position: relative;
    }
    
    .icon-base {
        position: absolute;
        bottom: 0.5em;
        right: 0.5em;
        background: red;
        padding: 0.1em;
        border-radius: 100em;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 10px 10px 9px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 10px 10px 9px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 10px 10px 9px 1px rgba(0, 0, 0, 0.2);
    }
    
    .icon-base--photo {
        color: var(--rh-global-white);
        background: var(--rh-themecolor-third);
        font-size: var(--rh-icon-base-font-size);
    }
    
    .icon-base--video {
        color: var(--rh-global-white);
        background: var(--rh-themecolor-third)!important;
        font-size: var(--rh-icon-base-font-size);
    }
    
    .icon-base--video-trainer {
        transform: scale(0.75);
        bottom: 0.1em;
        right: 0.1em;
    }
    
    .icon-base--video-center-align {
        color: var(--rh-global-white);
        background: var(--rh-themecolor-highlight);
        font-size: var(--rh-icon-base-font-size);
        position: absolute;
        top: 45%;
        left: 47%;
        bottom: inherit;
        right: inherit;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: scale(1.5);
    }
    
    
    @media (max-width: 767px) {
        .icon-base--video-center-align {
            color: var(--rh-global-white);
            background: var(--rh-themecolor-highlight);
            font-size: var(--rh-icon-base-font-size);
            position: absolute;
            top: initial;
            left: initial;
            bottom: inherit;
            right: inherit;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: scale(1);
            bottom: 0.5em !important;
            right: 0.5em !important;
        }
    }
    
    .icon-base--video i {
        position: relative;
        left: 0.1em;
    }
    
    .icon-base--video-center-align i {
        position: relative;
        left: 0.1em;
    }
    
    /* end of gallery - Video + photo */
    
    
    
    /* start of trackwork Calendar */
    .listing {
        border-top: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
        border-bottom: 0px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
    }
    
    .calendar-title {
        color: var(--rh-themecolor-primary);
        font-weight: bold;
        font-size: 18px;
        line-height: 47px;
        font-family: var(--rh-global-eng-special-font-family) !important;
    }
    
    .calendar-tab-content {
        display: none;
    }
    
    .fc-icon,
    body .fc {
        font-size: 1em
    }
    
    .fc-button-group,
    .fc-icon {
        display: inline-block
    }
    
    .fc-bg,
    .fc-row .fc-bgevent-skeleton,
    .fc-row .fc-highlight-skeleton {
        bottom: 0
    }
    
    .fc-icon,
    .fc-unselectable {
        -khtml-user-select: none;
        -webkit-touch-callout: none
    }
    
    .fc {
        direction: ltr;
        text-align: left
    }
    
    .fc-rtl {
        text-align: right
    }
    
    .fc th,
    .fc-basic-view td.fc-week-number,
    .fc-icon,
    .fc-toolbar {
        text-align: center
    }
    
    .fc-unthemed .fc-content,
    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-list-heading td,
    .fc-unthemed .fc-list-view,
    .fc-unthemed .fc-popover,
    .fc-unthemed .fc-row,
    .fc-unthemed tbody,
    .fc-unthemed td,
    .fc-unthemed th,
    .fc-unthemed thead {
        border-color: #ddd
    }
    
    .fc-unthemed .fc-popover {
        background-color: #fff
    }
    
    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-list-heading td,
    .fc-unthemed .fc-popover .fc-header {
        background: #eee
    }
    
    .fc-unthemed .fc-popover .fc-header .fc-close {
        color: #666
    }
    
    .fc-unthemed td.fc-today {
        background: #0b589c;
    }
    
    .fc-highlight {
    
    
    
        background: #bce8f1;
        opacity: .3
    }
    
    .fc-bgevent {
        background: #8fdf82;
        opacity: .3
    }
    
    .fc-nonbusiness {
        background: #d7d7d7
    }
    
    .fc-icon {
        height: 1em;
        line-height: 1em;
        overflow: hidden;
        font-family: "Courier New", Courier, monospace;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .fc-icon:after {
        position: relative
    }
    
    .fc-icon-left-single-arrow:after {
        content: "\02039";
        font-weight: 700;
        font-size: 200%;
        top: -7%
    }
    
    .fc-icon-right-single-arrow:after {
        content: "\0203A";
        font-weight: 700;
        font-size: 200%;
        top: -7%
    }
    
    .fc-icon-left-double-arrow:after {
        content: "\000AB";
        font-size: 160%;
        top: -7%
    }
    
    .fc-icon-right-double-arrow:after {
        content: "\000BB";
        font-size: 160%;
        top: -7%
    }
    
    .fc-icon-left-triangle:after {
        content: "\25C4";
        font-size: 125%;
        top: 3%
    }
    
    .fc-icon-right-triangle:after {
        content: "\25BA";
        font-size: 125%;
        top: 3%
    }
    
    .fc-icon-down-triangle:after {
        content: "\25BC";
        font-size: 125%;
        top: 2%
    }
    
    .fc-icon-x:after {
        content: "\000D7";
    
        font-size: 200%;
    
        top: 6%
    }
    
    .fc button {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        height: 2.1em;
        padding: 0 .6em;
        font-size: 1em;
        white-space: nowrap;
        cursor: pointer
    }
    
    .fc button::-moz-focus-inner {
        margin: 0;
        padding: 0
    }
    
    .fc-state-default {
        border: 1px solid;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
        background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
        background-image: -o-linear-gradient(top, #fff, #e6e6e6);
        background-image: linear-gradient(to bottom, #fff, #e6e6e6);
        background-repeat: repeat-x;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
        color: #333;
        text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
    }
    
    .fc-state-default.fc-corner-left {
        /*border-top-left-radius: 4px;
        border-bottom-left-radius: 4px*/
    }
    
    .fc-state-default.fc-corner-right {
        /*border-top-right-radius: 4px;
        border-bottom-right-radius: 4px*/
    }
    
    .fc button .fc-icon {
        position: relative;
    
        top: -.05em;
        margin: 0 .2em;
        vertical-align: middle
    }
    
    .fc-state-active,
    .fc-state-disabled,
    .fc-state-down,
    .fc-state-hover {
        color: #333;
        background-color: #e6e6e6
    }
    
    
    .fc-state-hover {
        color: #333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position .1s linear;
        -moz-transition: background-position .1s linear;
        -o-transition: background-position .1s linear;
        transition: background-position .1s linear
    }
    
    .fc-state-active,
    .fc-state-down {
        background-color: #ccc;
        background-image: none;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
    }
    
    .fc-state-disabled {
        cursor: default;
        background-image: none;
        opacity: .65;
        box-shadow: none
    }
    
    .fc-event.fc-draggable,
    .fc-event[href],
    .fc-popover .fc-header .fc-close,
    a[data-goto] {
        cursor: pointer
    }
    
    .fc .fc-button-group>* {
        float: left;
        margin: 0 0 0 -1px
    }
    
    .fc .fc-button-group>:first-child {
        margin-left: 0
    }
    
    .fc-popover {
        position: absolute;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
    }
    
    .fc-popover .fc-header {
        padding: 2px 4px
    }
    
    .fc-popover .fc-header .fc-title {
        margin: 0 2px
    }
    
    .fc-ltr .fc-popover .fc-header .fc-title,
    .fc-rtl .fc-popover .fc-header .fc-close {
        float: left
    }
    
    .fc-ltr .fc-popover .fc-header .fc-close,
    .fc-rtl .fc-popover .fc-header .fc-title {
        float: right
    }
    
    .fc-unthemed .fc-popover {
        border-width: 1px;
        border-style: solid
    }
    
    .fc-unthemed .fc-popover .fc-header .fc-close {
        font-size: .9em;
        margin-top: 2px
    }
    
    .fc-popover>.ui-widget-header+.ui-widget-content {
        border-top: 0
    }
    
    .fc-divider {
        border-style: solid;
        border-width: 1px
    }
    
    hr.fc-divider {
        height: 0;
        margin: 0;
        padding: 0 0 2px;
        border-width: 1px 0
    }
    
    .fc-bg table,
    .fc-row .fc-bgevent-skeleton table,
    .fc-row .fc-highlight-skeleton table {
        height: 100%
    }
    
    .fc-clear {
        clear: both
    }
    
    .fc-bg,
    .fc-bgevent-skeleton,
    .fc-helper-skeleton,
    .fc-highlight-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    
    .fc table {
        width: 100%;
        box-sizing: border-box;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: 1em
    }
    
    .fc td,
    .fc th {
        border-style: solid;
        border-width: 1px;
        padding: 0;
        vertical-align: top
    }
    
    .fc td.fc-today {
        border-style: double
    }
    
    a[data-goto]:hover {
        text-decoration: underline
    }
    
    .fc .fc-row {
        border-style: solid;
        border-width: 0
    }
    
    .fc-row table {
        border-left: 0 hidden transparent;
        border-right: 0 hidden transparent;
        border-bottom: 0 hidden transparent
    }
    
    .fc-row:first-child table {
        border-top: 0 hidden transparent
    }
    
    .fc-row {
        position: relative
    }
    
    .fc-row .fc-bg {
        z-index: 1;
        border-bottom: 1px solid #EEEEEE;
    }
    
    .fc-row .fc-bgevent-skeleton td,
    .fc-row .fc-highlight-skeleton td {
        border-color: transparent
    }
    
    .fc-row .fc-bgevent-skeleton {
        z-index: 2
    }
    
    .fc-row .fc-highlight-skeleton {
        z-index: 3
    }
    
    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px
    }
    
    .fc-row .fc-helper-skeleton {
        z-index: 5
    }
    
    .fc-row .fc-content-skeleton td,
    .fc-row .fc-helper-skeleton td {
        background: 0 0;
        border-color: transparent;
        border-bottom: 0
    }
    
    .fc-row .fc-content-skeleton tbody td,
    .fc-row .fc-helper-skeleton tbody td {
        border-top: 0
    }
    
    .fc-scroller {
        -webkit-overflow-scrolling: touch
    }
    
    .fc-row.fc-rigid,
    .fc-time-grid-event {
        overflow: hidden
    }
    
    .fc-scroller>.fc-day-grid,
    .fc-scroller>.fc-time-grid {
        position: relative;
        width: 100%
    }
    
    .fc-event {
        position: relative;
        display: block;
        font-size: .85em;
        line-height: 1.3;
        border-radius: 3px;
        border: 1px solid #3a87ad;
        font-weight: 400
    }
    
    .fc-event,
    .fc-event-dot {
        background-color: #3a87ad
    }
    
    .fc-event,
    .fc-event:hover,
    .ui-widget .fc-event {
        color: #fff;
        text-decoration: none
    }
    
    .fc-not-allowed,
    .fc-not-allowed .fc-event {
        cursor: not-allowed
    }
    
    .fc-event .fc-bg {
        z-index: 1;
        background: #fff;
        opacity: .25
    }
    
    .fc-event .fc-content {
        position: relative;
        z-index: 2
    }
    
    .fc-event .fc-resizer {
        position: absolute;
        z-index: 4;
        display: none
    }
    
    .fc-event.fc-allow-mouse-resize .fc-resizer,
    .fc-event.fc-selected .fc-resizer {
        display: block
    }
    
    .fc-event.fc-selected .fc-resizer:before {
        content: "";
        position: absolute;
        z-index: 9999;
    
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px
    }
    
    .fc-event.fc-selected {
        z-index: 9999 !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
    }
    
    .fc-event.fc-selected.fc-dragging {
        box-shadow: 0 2px 7px rgba(0, 0, 0, .3)
    }
    
    .fc-h-event.fc-selected:before {
        content: "";
        position: absolute;
        z-index: 3;
        top: -10px;
        bottom: -10px;
        left: 0;
        right: 0
    }
    
    .fc-ltr .fc-h-event.fc-not-start,
    .fc-rtl .fc-h-event.fc-not-end {
        margin-left: 0;
        border-left-width: 0;
        padding-left: 1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    
    .fc-ltr .fc-h-event.fc-not-end,
    .fc-rtl .fc-h-event.fc-not-start {
        margin-right: 0;
        border-right-width: 0;
        padding-right: 1px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    
    .fc-ltr .fc-h-event .fc-start-resizer,
    .fc-rtl .fc-h-event .fc-end-resizer {
        cursor: w-resize;
        left: -1px
    }
    
    .fc-ltr .fc-h-event .fc-end-resizer,
    .fc-rtl .fc-h-event .fc-start-resizer {
        cursor: e-resize;
    
        right: -1px
    }
    
    .fc-h-event.fc-allow-mouse-resize .fc-resizer {
        width: 7px;
        top: -1px;
    
    
        bottom: -1px
    }
    
    .fc-h-event.fc-selected .fc-resizer {
        /*border-radius: 4px;*/
        border-width: 1px;
        width: 6px;
        height: 6px;
        border-style: solid;
        border-color: inherit;
        background: #fff;
        top: 50%;
        margin-top: -4px
    }
    
    .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
    .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
        margin-left: -4px
    }
    
    .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
    .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
        margin-right: -4px
    }
    
    .fc-day-grid-event {
        margin: 1px 2px 0;
        padding: 0 1px
    }
    
    tr:first-child>td>.fc-day-grid-event {
        margin-top: 2px
    }
    
    .fc-day-grid-event.fc-selected:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        background: #000;
        opacity: .25
    }
    
    .fc-day-grid-event .fc-content {
        white-space: nowrap;
        overflow: hidden
    }
    
    .fc-day-grid-event .fc-time {
        font-weight: 700
    }
    
    .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
    .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
        margin-left: -2px
    }
    
    .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
    .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
        margin-right: -2px
    }
    
    a.fc-more {
        margin: 1px 3px;
        font-size: .85em;
        cursor: pointer;
        text-decoration: none
    }
    
    a.fc-more:hover {
        text-decoration: underline
    }
    
    .fc-limited {
        display: none
    }
    
    .fc-day-grid .fc-row {
        z-index: 1
    }
    
    .fc-more-popover {
        z-index: 2;
        width: 220px
    }
    
    .fc-more-popover .fc-event-container {
        padding: 10px
    }
    
    .fc-now-indicator {
        position: absolute;
        border: 0 solid red
    }
    
    .fc-unselectable {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent
    }
    
    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1em
    }
    
    .fc-toolbar.fc-footer-toolbar {
        margin-top: 1em
    }
    
    .fc-toolbar .fc-left {
        float: left;
        width: 46px;
        height: 46px;
        display: inline-block;
    }
    
    .fc-toolbar .fc-right {
        float: right;
        width: 46px;
        height: 46px;
        display: inline-block;
    
    }
    
    .fc-toolbar .fc-center {
        display: inline-block
    }
    
    .fc .fc-toolbar>*>* {
        float: left;
        margin-left: .75em
    }
    
    .fc .fc-toolbar>*>:first-child {
        margin-left: 0
    }
    
    .fc-toolbar h2 {
        margin: 0
    }
    
    .fc-toolbar button {
        position: relative
    }
    
    .fc-toolbar .fc-state-hover,
    .fc-toolbar .ui-state-hover {
        z-index: 2
    }
    
    .fc-toolbar .fc-state-down {
        z-index: 3
    }
    
    .fc-toolbar .fc-state-active,
    
    .fc-toolbar .ui-state-active {
        z-index: 4
    }
    
    .fc-toolbar button:focus {
        z-index: 5
    }
    
    .fc-view-container *,
    .fc-view-container :after,
    .fc-view-container :before {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }
    
    .fc-view,
    .fc-view>table {
        position: relative;
        z-index: 1
    }
    
    .fc-basicDay-view .fc-content-skeleton,
    .fc-basicWeek-view .fc-content-skeleton {
        padding-bottom: 1em
    }
    
    .fc-basic-view .fc-body .fc-row {
        min-height: 3em
    }
    
    .fc-row.fc-rigid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    
    .fc-day-top.fc-other-month {
        opacity: .3
    }
    
    .fc-basic-view .fc-day-number,
    .fc-basic-view .fc-week-number {
        padding: 2px
    }
    
    .fc-basic-view th.fc-day-number,
    .fc-basic-view th.fc-week-number {
        padding: 0 2px
    }
    
    .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
        float: right
    }
    
    .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
        float: left
    }
    
    .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
        float: left;
        border-radius: 0 0 3px
    }
    
    .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
        float: right;
        border-radius: 0 0 0 3px
    }
    
    .fc-basic-view .fc-day-top .fc-week-number {
        min-width: 1.5em;
    
        text-align: center;
        background-color: #f2f2f2;
        color: grey
    }
    
    .fc-basic-view td.fc-week-number>* {
        display: inline-block;
        min-width: 1.25em
    }
    
    .fc-agenda-view .fc-day-grid {
        position: relative;
        z-index: 2
    }
    
    .fc-agenda-view .fc-day-grid .fc-row {
        min-height: 3em
    }
    
    .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
        padding-bottom: 1em
    }
    
    .fc .fc-axis {
        vertical-align: middle;
        padding: 0 4px;
        white-space: nowrap
    }
    
    .fc-ltr .fc-axis {
        text-align: right
    }
    
    .fc-rtl .fc-axis {
        text-align: left
    }
    
    .ui-widget td.fc-axis {
        font-weight: 400
    }
    
    .fc-time-grid,
    .fc-time-grid-container {
        position: relative;
        z-index: 1
    }
    
    .fc-time-grid {
        min-height: 100%
    }
    
    .fc-time-grid table {
        border: 0 hidden transparent
    }
    
    .fc-time-grid>.fc-bg {
        z-index: 1
    }
    
    .fc-time-grid .fc-slats,
    .fc-time-grid>hr {
        position: relative;
        z-index: 2
    }
    
    .fc-time-grid .fc-content-col {
        position: relative
    }
    
    .fc-time-grid .fc-content-skeleton {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0
    }
    
    .fc-time-grid .fc-business-container {
        position: relative;
        z-index: 1
    }
    
    .fc-time-grid .fc-bgevent-container {
        position: relative;
        z-index: 2
    }
    
    .fc-time-grid .fc-highlight-container {
        z-index: 3;
        position: relative
    }
    
    .fc-time-grid .fc-event-container {
        position: relative;
        z-index: 4
    }
    
    .fc-time-grid .fc-now-indicator-line {
        z-index: 5
    }
    
    .fc-time-grid .fc-helper-container {
        position: relative;
        z-index: 6
    }
    
    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0
    }
    
    .fc-time-grid .fc-slats .fc-minor td {
    
        border-top-style: dotted
    }
    
    .fc-time-grid .fc-slats .ui-widget-content {
        background: 0 0
    }
    
    .fc-time-grid .fc-highlight {
        position: absolute;
        left: 0;
        right: 0
    }
    
    .fc-ltr .fc-time-grid .fc-event-container {
        margin: 0 2.5% 0 2px
    }
    
    .fc-rtl .fc-time-grid .fc-event-container {
        margin: 0 2px 0 2.5%
    }
    
    .fc-time-grid .fc-bgevent,
    .fc-time-grid .fc-event {
        position: absolute;
        z-index: 1
    }
    
    .fc-time-grid .fc-bgevent {
        left: 0;
        right: 0
    }
    
    .fc-v-event.fc-not-start {
        border-top-width: 0;
        padding-top: 1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
    
    .fc-v-event.fc-not-end {
        border-bottom-width: 0;
        padding-bottom: 1px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    
    .fc-time-grid-event.fc-selected {
        overflow: visible
    }
    
    .fc-time-grid-event.fc-selected .fc-bg {
        display: none
    }
    
    .fc-time-grid-event .fc-content {
        overflow: hidden
    }
    
    .fc-time-grid-event .fc-time,
    .fc-time-grid-event .fc-title {
        padding: 0 1px
    }
    
    .fc-time-grid-event .fc-time {
    
        font-size: .85em;
        white-space: nowrap
    }
    
    .fc-time-grid-event.fc-short .fc-content {
        white-space: nowrap
    }
    
    .fc-time-grid-event.fc-short .fc-time,
    .fc-time-grid-event.fc-short .fc-title {
        display: inline-block;
        vertical-align: top
    }
    
    .fc-time-grid-event.fc-short .fc-time span {
        display: none
    }
    
    .fc-time-grid-event.fc-short .fc-time:before {
        content: attr(data-start)
    }
    
    .fc-time-grid-event.fc-short .fc-time:after {
        content: "\000A0-\000A0"
    }
    
    .fc-time-grid-event.fc-short .fc-title {
        font-size: .85em;
        padding: 0
    }
    
    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
        left: 0;
        right: 0;
        bottom: 0;
        height: 8px;
        overflow: hidden;
        line-height: 8px;
        font-size: 11px;
        font-family: monospace;
        text-align: center;
        cursor: s-resize
    }
    
    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
        content: "="
    }
    
    .fc-time-grid-event.fc-selected .fc-resizer {
        border-radius: 5px;
        border-width: 1px;
        width: 8px;
        height: 8px;
        border-style: solid;
        border-color: inherit;
        background: #fff;
        left: 50%;
        margin-left: -5px;
    
        bottom: -5px
    }
    
    .fc-time-grid .fc-now-indicator-line {
        border-top-width: 1px;
        left: 0;
        right: 0
    }
    
    .fc-time-grid .fc-now-indicator-arrow {
        margin-top: -5px
    }
    
    .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
        left: 0;
        border-width: 5px 0 5px 6px;
        border-top-color: transparent;
        border-bottom-color: transparent
    }
    
    .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
        right: 0;
        border-width: 5px 6px 5px 0;
        border-top-color: transparent;
        border-bottom-color: transparent
    }
    
    .fc-event-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px
    }
    
    .fc-rtl .fc-list-view {
        direction: rtl
    }
    
    .fc-list-view {
        border-width: 1px;
        border-style: solid
    }
    
    .fc .fc-list-table {
        table-layout: auto
    }
    
    .fc-list-table td {
        border-width: 1px 0 0;
        padding: 8px 14px
    }
    
    .fc-list-table tr:first-child td {
        border-top-width: 0
    }
    
    .fc-list-heading {
        border-bottom-width: 1px
    }
    
    .fc-list-heading td {
        font-weight: 700
    }
    
    .fc-ltr .fc-list-heading-main {
        float: left
    }
    
    .fc-ltr .fc-list-heading-alt,
    .fc-rtl .fc-list-heading-main {
        float: right
    }
    
    .fc-rtl .fc-list-heading-alt {
        float: left
    }
    
    .fc-list-item.fc-has-url {
        cursor: pointer
    }
    
    .fc-list-item:hover td {
        background-color: #f5f5f5
    }
    
    .fc-list-item-marker,
    .fc-list-item-time {
        white-space: nowrap;
        width: 1px
    }
    
    .fc-ltr .fc-list-item-marker {
        padding-right: 0
    }
    
    .fc-rtl .fc-list-item-marker {
        padding-left: 0
    }
    
    .fc-list-item-title a {
        text-decoration: none;
        color: inherit
    }
    
    .fc-list-item-title a[href]:hover {
        text-decoration: underline
    }
    
    .fc-list-empty-wrap2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    
    .fc-list-empty-wrap1 {
    
        width: 100%;
        height: 100%;
        display: table
    }
    
    .fc-list-empty {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }
    
    .fc-unthemed .fc-list-empty {
        background-color: #eee
    }
    
    /*.fc-day-top {
    text-align:center;
    }
    .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{
    float:none;
    }*/
    span.fc-day-number {
        display: none;
    }
    
    td.fc-day,
    td.fc-bgevent {
        vertical-align: middle;
        text-align: center;
        color: #999;
        background: #fff;
    }
    
    .fc-bgevent {
    
        opacity: 1;
    }
    
    td.bgDay {
        background: #0096d6 url(/entertainment/common/images/home/day.png) top right no-repeat;
        background-size: 35%;
        font-size: 2em;
        /*color:#52186c;*/
        color: #fff !important;
    }
    
    td.bgNight {
        background: #002e5a url(/entertainment/common/images/home/night.png) top right no-repeat;
        background-size: 35%;
        font-size: 2em;
        /*color:#497494;*/
        color: #fff !important;
    }
    
    td.bgDay.hv {
        background: #002e5a url(/entertainment/common/images/home/day.png) top right no-repeat;
        background-size: 35%;
        color: #fff !important;
    }
    
    td.bgNight.st {
        background: #0096d6 url(/entertainment/common/images/home/night.png) top right no-repeat;
        background-size: 35%;
        color: #fff !important;
    }
    
    td.greyText {
        color: #ccc;
    }
    
    td.noText {
        color: #eee;
    }
    
    td.fc-day {
        border-right: 1px solid #fff;
    }
    
    td.fc-today {
        border-left: 1px solid #fff;
        background-color: var(--rh-themecolor-primary);
         !important;
    }
    
    td.fc-track-today {
        border-left: 1px solid #fff;
        background-color: var(--rh-themecolor-primary);
         !important;
        color: #ffffff;
    }
    
    td.fc-track-today>a {
        color: #ffffff !important;
    }
    
    td.fc-track-day {
        border-left: 1px solid #fff;
        background-color: var(--rh-themecolor-fifth);
        color: #000000;
    }
    
    /* Calendar*/
    
    .calendarLegend {
        border-top: 5px solid #ddd;
    }
    
    .calendarLegend li {
        float: left;
        width: 50%;
        padding: 5px 10% 15px 10%;
    }
    
    .calendarLegend img {
        max-width: 12px;
    }
    
    /* extra added fullcalendar.css*/
    td.fc-day a {
        display: block;
    }
    
    .fc th {
        border-width: 0px !important;
        font-size: 12px !important;
        line-height: 44px !important;
        border-bottom: 1px solid #ddd !important;
        border-right: 1px solid #fff !important;
        color: #000;
        font-weight: normal;
    }
    
    
    .fc td {
        border-width: 0px !important;
        line-height: 44px !important;
        border-bottom: 1px solid #ddd !important;
        border-right: 1px solid #fff !important;
    }
    
    .calendarLegend {
        border-top: 1px solid #ddd !important;
        padding-top: 5px;
    }
    
    .calendarLegend li {
        float: left;
        width: 50%;
        padding: 3px 3% 10px 3% !important;
        color: #666;
    }
    
    .fc button .fc-icon {
        position: relative;
        top: -.05em;
        margin: 0 .2em;
        vertical-align: middle;
        color: #ffffff;
    }
    
    .fc-icon {
        height: 3em;
        line-height: 3.2em;
        overflow: hidden;
        font-family: "Courier New", Courier, monospace;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .fc-toolbar h2 {
        font-size: 16px !important;
        color: #000 !important;
        font-weight: normal;
        margin-top: 5px;
        line-height: 2.1em;
    }
    
    th.fc-sun {
        color: #cc6666 !important;
    }
    
    .fc-state-default {
        border: 1px solid;
        background-color: #fff !important;
        background-image: none !important;
        border: 0px;
        color: #333;
    }
    
    .fc-header-toolbar {
        height: 47px;
        border-bottom: 1px #d0d0d0 solid;
    }
    
    .fc-state-default.fc-corner-right {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    
    .fc-state-default.fc-corner-left {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    
    .fc-corner-left {
        background-color: var(--rh-themecolor-primary) !important;
        width: 46px;
        height: 46px;
        cursor: pointer;
    }
    
    .fc-corner-right {
        background-color: var(--rh-themecolor-primary) !important;
        width: 46px;
        height: 46px;
        cursor: pointer;
    }
    
    .fc button {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        height: 46px !important;
        padding: 0 .6em;
        font-size: 1em;
        white-space: nowrap;
        cursor: pointer;
    }
    
    .fc-state-default {
        color: #fff !important;
    }
    
    td.noText {
        color: #ddd;
    }
    
    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 0em !important;
    }
    
    .fc-icon-right-single-arrow::after {
        content: "\f105";
        font-family: FontAwesome;
        font-size: 3rem;
    }
    
    .fc-icon-left-single-arrow::after {
        content: "\f104";
        font-family: FontAwesome;
        font-size: 3rem;
    }
    
    .fc-bgevent.noText {
        visibility: hidden;
    }
    
    /* The end of trackwork Calendar */
    
    
    
    /* start of NEWs guidline style */
    
    /* === listing ===*/
    
    ul.list-circle li {
        list-style-type: circle !important;
    }
    
    ul.list-square li {
        list-style-type: square !important;
    }
    
    ol.list-upper-roman li {
        list-style-type: upper-roman !important;
    }
    
    ol.list-lower-alpha li {
        list-style-type: lower-alpha !important;
    }
    
    ol.list-upper-alpha li {
        list-style-type: upper-alpha !important;
    }
    
    /* === Group Photo Caption ===*/
    .group-photo-caption {
        margin-top: .2em;
        font-size: .8em;
        line-height: 1.5em;
        margin-top: 5px;
        color: #666;
    
    }
    
    .group-photo-no-margin-bottom {
    
        margin-bottom: 0px !important;
    }
    
    
    .caption {
        margin-top: .2em;
        font-size: .8em;
        color: #666;
        line-height: 1.5em;
    }
    
    @media all and (max-width: 767px) {
        .group-photo-no-margin-bottom {
            margin-bottom: 0px !important;
        }
    
        .group-photo-caption {
            margin-top: .2em;
            font-size: .8em;
    
            margin-top: -10px;
        }
    
        .article-content .wpb_single_image .vc_single_image-wrapper {
            margin-bottom: 15px;
        }
    }
    
    /* === start of attention-bar === */
    
    
    .attention-icon path {
        fill: #0C2677 !important;
    }
    
    
    
    .displaynone-icon {
        display: none !important;
    }
    
    .attention-bar {
        /*border-bottom: 0.1em solid var(--rh-themecolor-highlight);
        background: rgb(0, 0, 0);
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(31, 31, 31, 1) 15%, rgba(54, 54, 54, 1) 50%, rgba(31, 31, 31, 1) 85%,
                rgba(0, 0, 0, 1) 100%);*/
        background-color: #ffcc00;
        color: #000 !important;
        height: 2.5rem;
        display: flex;
        margin: 0 auto;
        position: fixed;
        width: 100vw;
        top: 0;
        z-index: 99;
    
    }
    
    .attention-bar__content {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }
    
    .attention-bar__content::after {
        /*background-color: var(--rh-themecolor-primary);*/
        background-color: #ffcc00;
        position: absolute;
        left: 0;
        top: 0;
        height: 2.5em;
        width: 0.5em;
        content: " ";
    
    }
    
    .attention-bar__list-item span {
        /*color: var(--rh-global-white);*/
        margin-right: 0.1875rem;
    }
    
    
    *:lang(en-US) .attention-bar__notice {
        display: flex;
        align-items: center;
        height: 100%;
        color: #0C2677 !important;
        /*color: var(--rh-themecolor-primary);*/
        font-size: 1.25em;
        padding-left: 10px;
        padding-right: 10px;
        /*background-color: var(--rh-themecolor-highlight);*/
    }
    
    *:lang(zh-TW) .attention-bar__notice {
        display: flex;
        align-items: center;
        width: 5em;
        height: 100%;
        color: #0C2677 !important;
        /*color: var(--rh-themecolor-primary);*/
        font-size: 1.25em;
        padding-left: 10px;
        padding-right: 10px;
        /*background-color: var(--rh-themecolor-highlight);*/
        background-color: #ffcc00;
    }
    
    
    *:lang(zh-CN) .attention-bar__notice {
        display: flex;
        align-items: center;
        width: 5em;
        height: 100%;
        color: #0C2677 !important;
        /*color: var(--rh-themecolor-primary);*/
        font-size: 1.25em;
        padding-left: 10px;
        padding-right: 10px;
        /*background-color: var(--rh-themecolor-highlight);*/
        background-color: #ffcc00;
    }
    
    
    @media (max-width: 991px) {
    
        *:lang(en-US) .attention-bar__notice {
            width: 2em;
            padding-right: 0px;
        }
    
        *:lang(zh-TW) .attention-bar__notice {
    
            width: 2em;
            padding-right: 0px;
    
        }
        
         *:lang(zh-CN) .attention-bar__notice {
    
            width: 2em;
            padding-right: 0px;
    
        }
    
    }
    
    
    .attention-bar__text {
        animation: marquee 20s linear infinite;
    }
    
    .attention-bar__list {
        white-space: nowrap;
        padding-top: 10px;
    }
    
    .attention-bar__list li {
        margin-right: 50px;
        display: inline;
        list-style: none;
    }
    
    .attention-bar__list li::after {
        content: "";
        margin-left: 50px;
    }
    
    @keyframes marquee {
        0% {
            transform: translate(calc(800px - 8em), 0);
        }
    
        100% {
            transform: translate(-100%, 0);
        }
    }
    
    @keyframes cross_fading {
        0% {
            opacity: 1;
        }
    
        15% {
            opacity: 1;
        }
    
        17% {
            opacity: 0;
        }
    
        98% {
            opacity: 0;
        }
    
        100% {
            opacity: 1;
        }
    }
    
    .has-alertbar .burger-container {
        top: 40px;
    }
    
    .has-alertbar #masthead {
        padding-top: 40px;
    }
    
    .has-alertbar .burger {
        top: 55px;
    }
    
    .rh-header-blk--has-attention-bar #navbar {
        padding-top: 40px;
    }
    
    .rh-header-blk--has-attention-bar #rh-header {
        margin-top: 40px;
    }
    
    .attention-bar__text:hover {
        -moz-animation-play-state: paused;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }
    
    
    /* === end of attention-bar === */
    
    /* === Float News === */
    
    .wpb_single_image .vc_figure-caption {
        line-height: 1.5em !important;
        padding-bottom: 20px;
    }
    
    
    .racing-news-float-left-photo {
        position: relative;
        float: left;
        width: 40%;
        margin-right: 1em;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .racing-news-float-right-photo {
        position: relative;
        float: right;
        width: 40%;
        margin-left: 1em;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .racing-news-float-right-photo .wpb_single_image .vc_figure {
        width: 90%;
    }
    
    .racing-news-float-left-photo .wpb_single_image .vc_figure {
        width: 90%;
    }
    
    .racing-news-caption {
        color: #666;
        padding: 0.3em;
    }
    
    .racing-news-float-right-photo .wpb_single_image .vc_figure {
        width: 95%;
    }
    
    .racing-news-float-left-photo .wpb_single_image .vc_figure {
        width: 95%;
    }
    
    
    @media (max-width: 991px) {
        .racing-news-float-left-photo {
            float: left;
            width: 45%;
            margin-right: 1em;
            margin-top: 0.5em;
            margin-bottom: 0.5em;
        }
    
        .racing-news-float-right-photo {
            float: right;
            width: 45%;
            margin-left: 1em;
            margin-top: 0.5em;
            margin-bottom: 0.5em;
        }
    }
    
    @media (max-width: 550px) {
    
        .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item {
            width: 49% !important;
            /* margin: 1%; */
        }
    
        .wpb_image_grid .wpb_image_grid_ul .isotope-item {
    
            margin: 0 2px 2px 0 !important;
    
        }
    
    
        .racing-news-float-right-photo {
            padding-left: 0px !important;
            width: 100% !important;
        }
    
        .racing-news-float-right-photo {
            padding-right: 0px !important;
            width: 100% !important;
        }
    
    
        .racing-news-float-right-photo {
            width: 100% !important;
        }
    
        .racing-news-float-right-photo .wpb_single_image .vc_figure {
            width: 100% !important;
        }
    
        .racing-news-float-left-photo {
            width: 100% !important;
        }
    
        .racing-news-float-left-photo .wpb_single_image .vc_figure {
            width: 100% !important;
        }
    }
    
    /* end of NEWs guidline style */
    
    
    
    /* start of SwiperSlider_Default */
    .swiper-default {
        width: 100%;
        height: 100%;
    }
    
    .swiper-default .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .swiper-default .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .swiper-pagination-left {
        text-align: left !important;
    }
    
    /* swiper__slidesPerViewAuto */
    .swiper-default--slidesPerViewAuto {}
    
    .swiper-default--slidesPerViewAuto .swiper-wrapper {
        padding-bottom: 45px;
    }
    
    .swiper-default--slidesPerViewAuto .swiper-slide {
        height: auto;
        align-items: stretch;
    }
    
    .swiper-default--slidesPerViewAuto .swiper-slide img {
        height: auto;
    }
    
    .swiper-default--filter .swiper-slide {
        width: 330px;
    }
    
    .swiper-default--button .swiper-slide {
        width: auto;
    }
    
    .swiper-pagination-bullet-active {
        background: var(--rh-themecolor-third) !important;
    }
    
    .swiper-pagination-bullet {
        width: 14px !important;
        height: 14px !important;
    }
    
    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.10));
        background-color: #fff;
        border: 1px solid #ededed;
    }
    
    .card-body {
        display: flex;
        flex-direction: column;
        padding: 30px 20px 30px 20px;
        flex: 1 1 auto;
    }
    
    .card h3 {
        color: var(--rh-themecolor-secondary);
        margin-bottom: 20px;
    }
    
    .card p {
        flex: 1 1 auto;
        margin-bottom: 20px;
    }
    
    .card__default {
        text-align: left;
    }
    
    .card__swiper {
        margin-bottom: 15px !important;
    }
    
    .btn-swiper {
        text-decoration: none;
        border: 0px;
        color: var(--rh-themecolor-fourth);
        padding-bottom: 10px;
        cursor: pointer;
    }
    
    .btn-swiper:hover,
    .btn-swiper:focus {
        color: var(--rh-themecolor-third);
        text-decoration: none;
    }
    
    .btn-active {
        color: var(--rh-themecolor-third);
    }
    
    .btn-active {
        color: var(--rh-themecolor-third);
    }
    
    .btn-active::after {
        content: "";
        position: absolute;
        background-color: #000000;
        background-color: var(--rh-themecolor-third) !important;
        left: 0;
        right: 0;
        height: 4px;
        bottom: 0;
        width: 50px;
    }
    
    .recommended-venues__section-bg {
        padding-top: 70px;
        padding-bottom: 80px;
        background-color: var(--rh-global-table-grey);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(https://res.hkjc.com/campaigns/wp-content/uploads/sites/714/bg-gallery.jpg);
        /* background-position: left;
       padding-bottom: 60px;
        padding-top: 60px;*/
    }
    
    @media (max-width: 991px) {
        .swiper-default--filter .swiper-slide {
            max-width: 300px;
        }
    }
    
    @media (max-width: 455px) {
        .swiper-default--filter .swiper-slide {
            width: 85%;
        }
    }
    
    /* end of SwiperSlider_Default */
    
    
    
    /* start of temp css */
    
    footer#colophon {
    
        background: var(--rh-themecolor-gradient) !important;
        z-index: 1;
        position: relative;
    
    }
    
    
    @media (min-width: 992px) {
    
        .page-template-page-withchilds .content-header h1.page-title,
        .single-post .content-header h1.page-title {
            width: 80%;
        }
    }
    
    
    .hidden {
        display: none !important;
    }
    
    /*** Live cast 2023 new style Start ****/
    
    .notify h1:before {
        padding-right: 0px;
        content: ""!important;
    }
    
    
    .notify[data-notify="info"] {
        /*background: rgb(212, 215, 222);*/
        /*background: linear-gradient(0deg, rgba(212, 215, 222, 1) 0%, rgba(232, 233, 237, 1) 35%, rgba(255, 255, 255, 1) 100%);*/
       border-bottom: 0px solid #fecf13!important;
       background-image: none!important;
        /*background-size: cover;*/
        
        background-color: rgba(0, 0, 0, 0.85)!important;
        max-width: 700px!important;
        width: 100%!important;
        margin: 0 auto!important;
        /*border-radius: 0em 0em 3em 3em!important;*/
    }
    
    
    
    .live-watch-btn {
        width: 80%;
        margin-top: 2px;
    }
    
    .notify-close {
        color: #000 !important;
        font-size: 36px !important;
        -ms-transform: scale(1.3, 1.3);
        /* IE 9 */
        transform: scale(1.3, 1.3);
        /* Standard syntax */
        background: rgba(0, 0, 0, 0.2);
        padding: 5px 10px 8px 15px !important;
        /*border-top: 5px solid #fff !important;
        border-right: 5px solid #fff !important;*/
    }
    
    .notify {
        padding: 5px 20px !important;
    }
    
    .notify-content {
        text-align: center;
    }
    
    
    .super {
        color: #fff;
        line-height: 1.4em;
    }
    
    .notify, .live-dec {
        color: #fff;
    }
    
    
    
    .notify .button-livecast-on { 
      border: none;
      color: #FFFFFF;
      cursor: pointer;
      display: inline-block;
       border-radius: 0em;
       padding: 10px 20px;
       font-size:16px!important;
      text-align: center;
      text-decoration: none;
      -webkit-animation: glowing 1500ms infinite;
      -moz-animation: glowing 1500ms infinite;
      -o-animation: glowing 1500ms infinite;
      animation: glowing 1500ms infinite;
      margin-bottom:15px;
      margin-top:20px;
    
    }
        
    .notify .button-livecast-on:hover {   
      color: #FFFFFF!important;
      background-color:#d70000!important;
    }	
        
    @-webkit-keyframes glowing {
      0% { background-color: #ff0000; -webkit-box-shadow: 0 0 3px #ff0000; }
      50% { background-color: #d70000; -webkit-box-shadow: 0 0 40px #d70000; }
      100% { background-color: #ff0000; -webkit-box-shadow: 0 0 3px #ff0000; }
    }
    
    @-moz-keyframes glowing {
      0% { background-color: #ff0000; -moz-box-shadow: 0 0 3px #ff0000; }
      50% { background-color: #d70000; -moz-box-shadow: 0 0 40px #d70000; }
      100% { background-color: #ff0000; -moz-box-shadow: 0 0 3px #ff0000; }
    }
    
    @-o-keyframes glowing {
      0% { background-color: #ff0000; box-shadow: 0 0 3px #ff0000; }
      50% { background-color: #d70000; box-shadow: 0 0 40px #d70000; }
      100% { background-color: #ff0000; box-shadow: 0 0 3px #ff0000; }
    }
    
    @keyframes glowing {
      0% { background-color: #ff0000; box-shadow: 0 0 3px #ff0000; }
      50% { background-color: #d70000; box-shadow: 0 0 40px #d70000; }
      100% { background-color: #ff0000; box-shadow: 0 0 3px #ff0000; }
    }	
        
    .fas.fa-video {
            color:#fff!important;
            font-size:20px!important;
            position: relative;
            top:2px;
    }	
        
    .notify .button-livecast-stay { 
      border: none;
      color: #FFFFFF;
      cursor: pointer;
      display: inline-block;
       border-radius:10px;
       padding: 10px 20px;
       font-size:16px!important;
      text-align: center;
      text-decoration: none;
       margin-bottom:15px;
      margin-top:20px;
      background: #1e6399 !important;
    }
    
    .notify .button-livecast-stay:hover {   
      
    }	
            
        
    .notify .button-livecast-replay { 
      border: none;
      color: #FFFFFF;
      cursor: pointer;
      display: inline-block;
       border-radius: 10px;
       padding: 10px 20px;
       font-size:16px!important;
      text-align: center;
      text-decoration: none;
       margin-bottom:15px;
      margin-top:20px;
       background: #1e6399 !important;
    }	
        
    .notify .button-livecast-replay:hover {   
      color: #FFFFFF!important;
        background: #009edf!important;
    }
    
    
    .notify-close {
        color: #fff !important;
        font-size: 36px !important;
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
        background: rgba(0, 0, 0, 0); 
        padding: 5px 15px 8px 15px !important;
        border-top: 0px solid #fff !important; 
        border-right: 0px solid #fff !important; 
    }
    
    .notify-content {
        line-height: 1.5em;
        padding-top: 20px;
    }
    
    
    img.icon-video-livecast {
        width: 26px;
    }
    
    .notify-content {
        line-height: 1.5em;
    }
    
    
    @media (max-width: 767px) {
        .notify-close {
            font-size: 36px !important;
            -ms-transform: scale(1.1, 1.1);
            /* IE 9 */
            transform: scale(1.1, 1.1);
            /* Standard syntax */
            padding: 5px 10px 5px 10px !important;
        }
    }
    
    
    span.replaytitle {
           color: var(--rh-themecolor-third)!important;
     }
    
    
    .notify[data-notify='info'] {
	    background: rgba(199, 52, 118, 0.95) !important;
    }
    
    /*** 2023 Live cast new style End ****/
    
    
    /**************** World Class style start ******************/
    
    li.footer-nav.menu-item.langToggle {
        display: none !important;
    }
    
    .footer-nav ul li {
        line-height: 1.2;
    }
    
    .wc-racinginfo .subnav-list-lv2 {
        min-width: 360px;
    }
    
    .video-play-icon__base {
        opacity: 0.95;
    }
    
    /************** for HKIR color menu Start  *****************************/
    
    .subnav-list .subnav-list-lv2--is-active a.subnav__link-anchor {
        color: var(--rh-global-white) !important;
    }
    
    .subnav__link.subnav__link--active .subnav__link-anchor {
        color: var(--rh-global-white) !important;
    }
    
    .menu-item-2033 span.topItem>button {
        font-size: 28px!important;
    }
    
    /************** for HKIR color menu End  *****************************/
    
    /**************** Home Key Dates start ******************/
    .keydates__section-bg {
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(https://res.hkjc.com/campaigns/wp-content/uploads/sites/714/bg-kackpot.png);
        background-color: var(--rh-themecolor-secondary);
        background-position: left;
        padding-bottom: 90px;
        padding-top: 90px;
    }
    
    .keydates__section-bg h1.h1 {
        color: var(--rh-global-white);
    }
    
    #displaynone-icon {
        display: none !important;
    }
    
    .input-search__btn {
        float: none;
        display: inline-block;
        padding: 2px 12px;
        margin-bottom: 0;
        font-weight: bold;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 2px solid var(--rh-themecolor-third);
        color: var(--rh-global-white);
        background-color: var(--rh-themecolor-third);
        border-radius: 0px;
        font-size: var(--rh-btn-font-size);
        width: 120px;
    }
    
    .input-search__textbox.textbox {
        min-width: 280px;
    }
    
    /**************** Home Key Dates End ******************/
    
    
    /*************** Home Section Start **********************/
    .section-bg {
        padding-top: 70px;
        padding-bottom: 80px;
    }
    
    /*************** Home Section End **********************/
    
    /*************** Things to do - right content Start ********************/
    
    .section-activities__soild-text-right {
        font-size: 8rem;
        color: var(--rh-themecolor-secondary);
        -webkit-text-stroke: 0px var(--rh-themecolor-secondary);
        text-transform: uppercase;
        display: inline-block;
        line-height: 1;
        min-width: auto;
        font-weight: 600;
        opacity: 0.05;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    
    .section-activities__soild-text-left {
        font-size: 8rem;
        color: var(--rh-themecolor-secondary);
        -webkit-text-stroke: 0px var(--rh-themecolor-secondary);
        text-transform: uppercase;
        display: inline-block;
        line-height: 1;
        min-width: auto;
        font-weight: 600;
        opacity: 0.05;
    
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    
    .section-activities__d-flex {
        position: relative;
    }
    
    .activities-info-container {
        color: var(--rh-themecolor-third);
        font-weight: 600;
    }
    
    .activities-info-container i {
        padding-right: 10px;
        font-size: 1.3em;
        color: var(--rh-themecolor-highlight);
    }
    
    /*************** Things to do - right content End ********************/
    
    
    /*************** Races Sub Tab Start  ***************/
    .race-submenu .pagination>li {
        display: inline-block;
        float: left;
        margin-bottom: 10px;
        margin-right: 25px;
    }
    
    .race-submenu .pagination>li a {
        padding: 8px 30px;
        /*border-radius: 25px;*/
        background-color: var(--rh-global-white);
        border: 1px solid var(--rh-themecolor-secondary);
        color: var(--rh-themecolor-secondary);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    
        transition: all 0.5s ease;
    }
    
    /*.race-submenu .pagination>li a:hover {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }*/
    
    .race-submenu .pagination>li a:hover,
    .race-submenu .pagination>li.active>a,
    .race-submenu .pagination>li.active>a:hover,
    .race-submenu .pagination>li.active>a:focus {
        background-color: var(--rh-themecolor-secondary);
        color: var(--rh-global-white);
        border: 1px solid var(--rh-themecolor-secondary);
    }
    
    /*.race-submenu .pagination>li.active>a:hover,
    .race-submenu .pagination>li.active>a:focus {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }*/
    
    ul.event-list {
        box-sizing: border-box;
        padding-left: 40px;
    }
    
    ul.event-list li {
        margin-bottom: 10px;
    }
    
    /*************** Races Sub Tab End  ***************/
    
    /************ NEW race info Nav  Start **************************/
    
    .submenu-container-slider {
        /* margin-top: 20px; */
        margin-bottom: 0px !important;
        overflow: hidden;
        /*margin-left: 30px;
         margin-right: 30px;*/
        padding-top: 20px;
        padding-bottom: 1.5rem;
    }
    
    
    .submenu-container-slider .btn-submenu a {
        /*text-decoration: none!important;
         color: #f57f29 !important;
         white-space:nowrap;
         border: 1px solid #f57f29;
         color: #f57f29;
         padding: 9px 16px;
         border-radius: 10px;
         text-decoration: none!important;
         margin: 10px;
         text-align: center;*/
    
    
        text-decoration: none !important;
        text-align: center;
        white-space: nowrap;
        border: 1px solid var(--rh-themecolor-secondary);
        color: var(--rh-themecolor-primary);
        border-radius: 0px;
        font-size: var(--rh-btn-register-now-font-size);
        min-width: var(--rh-btn-add-to-calendar-width);
        padding: 10px 20px;
        font-weight: 600;
        background-color: rgba(255, 255, 255, 0.8);
    
    }
    
    .submenu-container-slider .btn-submenu:hover a {
    
        border: 1px solid var(--rh-themecolor-fourth);
        color: var(--rh-global-white);
        background-color: var(--rh-themecolor-fourth);
        border-radius: 0px;
        font-size: var(--rh-btn-font-size);
        min-width: var(--rh-btn-min-width);
        padding: 10px 20px;
        font-weight: 600;
    }
    
    .submenu-container-slider .swiper-slide-active .btn-submenu a {
        /*border: 1px solid var(--rh-themecolor-secondary);
        color: var(--rh-global-white);
        background-color: var(--rh-themecolor-secondary);
        border-radius: 0px;
        font-size: var(--rh-btn-font-size);
        min-width: var(--rh-btn-min-width);
        padding: 10px 20px;
        font-weight: 600;*/
    }
    
    
    
    
    .submenu-container-slider .swiper-slide {
        width: auto !important;
        padding: 10px 5px;
    }
    
    @media (max-width: 992px) {
        .submenu-container-slider {
           /* margin-left: 30px;
            margin-right: 30px;*/
        }
    
        .swiper-button-next, .swiper-button-prev {
             background-color: rgba(255,255,255,0)!important;
        }
    }
    
    
    /************ NEW race info Nav  End **************************/
    
    /************ IJC Start *******************************/
    .related-links ul {
        list-style: none;
        padding: 8px;
        margin: 0;
        border: 2px solid var(--rh-themecolor-third);
        color: var(--rh-themecolor-primary);
        text-align: center;
        font-weight: 700;
        /*min-width: 260px;*/
    }
    
    .related-links ul li a {
        color: var(--rh-themecolor-primary);
    }
    
    .related-links {
        margin-top: 20px;
    }
    
    img.flag {
        margin-right: 5px;
    }
    
    .generic-table--ijc-results table thead tr {
        background: var(--rh-global-table-ijc-grey);
    }
    
    .generic-table--ijc-results table thead tr.legs {
        font-size: var(--rh-table-font-size);
    }
    
    .generic-table--ijc-results .am-table table th {
        background: var(--rh-themecolor-primary);
    }
    
    /************ IJC End *******************************/
    
    /*****************floating icon Start *********************/
    
    .side-cups.float-blk.isActive {
    
        z-index: 90;
    
    }
    
    img.side-cups-panel__hkir-ico {
        border-bottom: 1px solid var(--rh-themecolor-fourth);
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    
    
    /* Side Cups information panel */
    .float-blk {
        position: fixed;
        top: 50%;
    
        right: 0;
        z-index: 100;
        transform: translate(102%, -50%);
        transition: transform 0.3s ease;
    }
    
    .float-blk.isActive {
        transform: translate(0, -50%);
        transition: transform 0.3s ease;
    }
    
    .js-side-cups-button {
        transition: all 0.3s ease;
    }
    
    .js-side-cups-button.isClicked {
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }
    
    .side-cups__button {
        display: flex;
        flex-wrap: wrap;
        width: 80px;
        height: 88px;
        background: rgba(0, 34, 59, 0.93);
        /*border-radius: 20px 0 0 20px;*/
        box-shadow: 0 2px 4px rgba(0, 0, 0, 90%);
        align-items: center;
        justify-content: center;
        border-radius: 4px 0px 0px 4px;
    
    }
    
    .side-cups__button-text {
        display: block;
        margin-bottom: 1em;
        color: #fff;
        transition: color 0.3s ease;
        text-align: center;
        width: 100%;
        font-size: 12px;
        margin-top: -3px;
    }
    
    .side-cups__button>img {
        transition: transform 0.3s ease;
        max-width: 60px;
    }
    
    .side-cups__button:hover>img {
        transform: scale(1);
        transition: transform 0.3s ease;
    }
    
    .side-cups__button:hover .side-cups__button-text {
        color: red;
        transition: color 0.3s ease;
    }
    
    .side-cups-panel {
        /*width: 13em; */
        width: 80px;
        background: rgba(0, 34, 59, 1);
        /*border-radius: 20px 0 0 20px;*/
        align-items: center;
        justify-content: center;
        z-index: 10000;
        top: 60%;
    }
    
    .side-cups-panel__close {
        display: block;
        text-align: center;
        color: red;
        /*margin-top: 1em;*/
        margin-top: 0.5em;
        font-size: 1.5em;
    }
    
    .side-cups-panel__list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1em;
    }
    
    .side-cups-panel__item {
        flex: 0 0 100%;
    }
    
    .side-cups-panel__item.current {
        background: #ffd300;
    }
    
    .side-cups-panel__button {
        color: #fff;
        display: block;
        width: 100%;
        padding: 5px 2px;
        text-align: center;
        position: relative;
    }
    
    .side-cups-panel__button::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        z-index: -1;
        content: '';
        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }
    
    .side-cups-panel__close:hover,
    .side-cups-panel__button:hover,
    .side-cups-panel__button:focus {
        color: red;
    }
    
    .side-cups-panel__ico {
        margin-right: 0.5em;
        /*width: 30%;*/
    }
    
    .side-cups-panel__hkir-ico {
        display: block;
        margin: 0 auto;
        max-width: 60px;
    }
    
    .side-cups.float-blk.isActive {
        z-index: 90;
    }
    
    a.side-cups-panel__button>img {
        max-width: 32px;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    
    @media screen and (max-width: 640px) {
        .side-cups-panel__hkir-ico {
            width: 50%;
        }
    }
    
    .theme-sprint .isActive [data-id="sprint"] .side-cups-panel__button::before,
    .theme-mile .isActive [data-id="mile"] .side-cups-panel__button::before,
    .theme-cup .isActive [data-id="cup"] .side-cups-panel__button::before,
    .theme-vase .isActive [data-id="vase"] .side-cups-panel__button::before,
    .theme-ijc .isActive [data-id="ijc"] .side-cups-panel__button::before {
        background: #fecf13;
        width: 100%;
        transition: width 0.7s ease;
        -webkit-transition: width 0.7s ease;
        -moz-transition: width 0.7s ease;
        -ms-transition: width 0.7s ease;
        transition-delay: 0.5s;
    }
    
    
    .theme-sprint .isActive [data-id="sprint"] .side-cups-panel__button:hover,
    .theme-mile .isActive [data-id="mile"] .side-cups-panel__button:hover,
    .theme-cup .isActive [data-id="cup"] .side-cups-panel__button:hover,
    .theme-vase .isActive [data-id="vase"] .side-cups-panel__button:hover,
    .theme-ijc .isActive [data-id="ijc"] .side-cups-panel__button:hover {
        color: var(--rh-global-white);
    }
    
    .theme-sprint [data-id="sprint"] .side-cups-panel__button,
    .theme-mile [data-id="mile"] .side-cups-panel__button,
    .theme-cup [data-id="cup"] .side-cups-panel__button,
    .theme-vase [data-id="vase"] .side-cups-panel__button,
    .theme-ijc [data-id="ijc"] .side-cups-panel__button::before {
        /* background: #fecf13; */
        color: #fff;
    }
    
    @media screen and (max-width: 640px) {
        .side-cups-panel__ico {
           /* display: none;*/
           width: 30%;
        }
    
        .side-cups-panel {
            width: 7em;
            padding: 5px 0;
        }
    
        .side-cups-panel__button {
            /*padding: 5px 30px 5px 4rem;*/
            padding: 5px 30px 5px 3rem;
        }
    }
    
    .list-none {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .pageTopMenu.fixedTop {
        background: linear-gradient(#154063, #0c2965);
    }
    
    .side-cups-panel__close .fa-sort-up {
        transform: rotate(90deg);
    }
    
    /*.isActive [data-id="ijc"] .side-cups-panel__ico {
        width: 80%;
    }
    
    .isActive [data-id="ijc"] a.side-cups-panel__button>img {
        max-width: 58px
    }*/
    
    .isActive [data-id="ijc"] a {
        border-bottom: 1px solid var(--rh-themecolor-secondary);
        margin-bottom: 10px;
    }
    
    /*********** for floating icon arrow Start *********************/
    
    .side-cups i.fa.fa-chevron-right {
        color: red;
    
    }
    
    .blinker-1 {
        animation: blinker-am-1 1s linear infinite;
    }
    
    .blinker-2 {
        animation: blinker-am-2 1s linear infinite;
        animation-delay: 0.5s;
    }
    
    @keyframes blinker-am-1 {
        50% {
            opacity: 0;
        }
    }
    
    @keyframes blinker-am-2 {
        50% {
            opacity: 0;
        }
    }
    
    .side-cups-panel__close .fa-sort-up {
        transform: none;
    }
    
    
    @media screen and (max-width: 992px) {
    
        .navbar-header,
        .navbar.navbar-default,
        .desktopEwin {
            display: none;
        }
    
        .pageHeader,
        #menuIcon {
            z-index: 90;
        }
    
        #menuIcon {
            display: block;
        }
    
        ul.nav-language-column li a:hover {
            color: var(--rh-themecolor-third);
        }
    }
    
    @media all and (-ms-high-contrast:none) {
        .side-cups-panel {
            width: 10em;
        }
    
        /* IE10 */
        *::-ms-backdrop,
        .side-cups-panel {
    
            width: 10em;
        }
    
        /* IE11 */
        .side-cups__button {
            width: 8em
        }
    
        /* IE10 */
        *::-ms-backdrop,
        .side-cups__button {
            width: 8em;
        }
    
        /* IE11 */
    }
    
    
    /*****************floating icon End *********************/
    
    
    
    /************** Trackwork Start **************************/
    #trackwork-content {
        padding: 50px 0;
    }
    
    #trackwork-content .vc_row {
        padding-top: 10px !important;
        padding-bottom: 5px !important;
    }
    
    #trackwork-content h4 {
        color: var(--rh-themecolor-primary);
        line-height: var(--rh-global-body-line-height);
    }
    
    #trackwork-content p {
        color: var(--rh-global-body-font-color);
        line-height: 1.5;
    }
    
    #trackwork-content .vc_row p {
        margin-bottom: 15px !important;
    }
    
    .nav-tabs>li>a {
        margin-right: 0px;
        border-radius: 0;
        border-right: 1px solid var(--rh-themecolor-fifth);
        margin-right: -1px;
    }
    
    #trackwork-content .slick-date .date {
        border-right: 1px solid var(--rh-themecolor-fifth);
    }
    
    #trackwork-content .nav-tabs, #trackwork-content .slick-date {
        border-bottom: 2px solid #fecf13;
    }
    
    /************** Trackwork End **************************/
    
    
    /**************** World Class style end ******************/
    
    /* jump popup Start */
    
    div#jumppage-popup_background {
        background-color: rgba(1, 20, 78, 1) !important;
        opacity: 0.95 !important;
    }
    
    #activities-popup-link {
    
        cursor: pointer;
    }
    
    #activities-popup-link:hover {
        text-decoration: underline;
        color: #25509F;
    }
    
    div#jumppage-popup h2 {
        font-size: 26px;
    }
    
    button.jumppage-popup_close::before {
        content: url(https://campaigns.hkjc.com/wp-content/themes/campaigns-revamp/css/images/cross.png);
        color: #fff;
        cursor: pointer;
        float: right;
        font-family: 'fontawesome';
    }
    
    button.jumppage-popup_close {
        background-color: transparent !important;
        border: none;
        padding: 0;
        position: absolute;
        top: 2%;
        right: 2%;
        border: 0px !important;
    }
    
    button.jumppage-popup_close:hover {
        background-color: transparent !important;
    
    }
    
    
    
    div#jumppage-popup {
        position: initial !important;
        text-align: left;
        width: 90%;
        max-width: 800px;
    }
    
    div#jumppage-popup p {
        text-align: left;
        width: 100%;
        line-height: 1.5em;
        color: #fff !important;
    }
    
    div#jumppage-popup h2 {
    
    
        color: #fff !important;
    }
    
    div#jumppage-popup_wrapper {
        text-align: left;
        color: #fff;
    }
    
    p.jumppage-link-style a {
        color: #F8D30D;
        border: 1px solid #F8D30D;
        padding: 10px 20px;
        border-radius: 40px;
        display: inline-block;
        overflow-wrap: break-word;
        word-break: break-all;
    }
    
    p.jumppage-link-style a:hover {
        background-color: #F8D30D;
        color: #000;
        opacity: 1;
    }
    
    p.jumppage-link-style {
        display: inline-block;
    }
    
    .event__info__value.jumppage-trigger {
        word-wrap: break-word;
    }
    
    .jumppage-trigger {
        color: #25509F !important;
        text-decoration: underline;
    }
    
    /* jump popup end */
    
    
    /*** phase 1 temp action Start ***********/
    
    /*.nav-right-item-bottom__book-now-btn {
        display: none!important;
    }
    
    
    li.mobile-btn-book-your-spot a {
        visibility: hidden;
    }*/
    
    /*** phase 1 temp action End ***********/
    
    
    /****** home slider blur effect  Start *****************/
    
    #racing-promotion-banner .slick-slide{
        animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
    }
    #racing-promotion-banner .slick-slide.slick-current.slick-active {
        animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
        /*opacity: 0.5;*/
    }
    
    @keyframes slideIn {
        from {
            filter: blur(15px);
       }
        to {
            filter: blur(0);
       }
    }
    @keyframes slideOut {
        from {
            filter: blur(0);
       }
        to {
            filter: blur(15px);
       }
    }
    
    
    /****** home slider blur effect  End *****************/
    
    
    /******** Contender International Rating start *******************/
    @media (max-width: 550px) {
        .contender-infobox .upper-info .mobile-container {
            width: 70%;
        }
        }
    
        @media (max-width: 330px) {
            .contender-infobox .upper-info .mobile-container .small-title-container {
                text-align: left;
                display:block;
            }
            }
    /******** Contender International Rating End *******************/
    
    
    /******** bg-svg-logo-horseshoe start *******************/
    #bg-svg-logo-horseshoe {
    
      display:none!important;
    }
    /******** bg-svg-logo-horseshoe End *******************/
    
    
    
    /******** revised loading logo start *******************/
    .pulse {
        animation: pulse 0.4s infinite ease-in-out alternate;
        width: 180px !important;
        height: 180px !important;
    }
    *:lang(en-US) .page-loading h3 {
        font-size: 32px !important;
    letter-spacing: 1px!important;
        
    }
    
    *:lang(en-US) .page-loading h3 {
       
        margin: 0;
        color: #fff !important;
       
        transition: 0.5s ease;
        font-family: 'Bebas Neue', sans-serif;
        text-transform: uppercase;
        font-weight: 400 !important;
    }
    
    .page-loading {
    /*background:radial-gradient(circle, rgba(60, 109, 150, 1) 0%, rgba(12, 41, 101, 1) 100%)!important;*/
        
        
        /*background: url('/wp-content/uploads/sites/684/bg-track.png') no-repeat bottom right, radial-gradient(circle, rgba(60, 109, 150, 1) 0%, rgba(12, 41, 101, 1) 100%)!important;
        filter: drop-shadow(0 0 0.75rem black);*/
    }
    
    
    .page-loading.finish {
                                                            transition: opacity 0s 0.6s ease;
                                                        }
    
    
    /******** revised loading logo end *******************/
    
    
    
    /******** revised footer start *******************/
    .footer-nav-group {
    
        margin-bottom: 15px;
    }
    
    /******** revised footer end *******************/
    
    
    
    /******** revised round corner images start *******************/
    
    .racing-social-media svg {
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .section-gallery__blk img {
      
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    
    .block-news__placeholder img {
      
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .wpb_single_image img {
        
       border-radius: var(--rh-global-border-radius)!important;
    }
    
    
    .videoBox {
       
       border-radius: 20px !important;
    }
    
    .videoBox iframe {
     
        border-radius: 20px !important;
    }
    
    .search-form > .form-group > label > input {
        
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .next-day__btn a {
         border-radius: var(--rh-global-border-radius)!important;
    }
    
    .card__swiper {
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    .input-search__textbox.textbox {
        border-radius: var(--rh-global-border-radius)!important;
        border: 1px solid #cccccc!important;
    }
    
    input.search-submit.btn.btn-primary {
        border-radius: var(--rh-global-border-radius)!important;
        
    }
    
    .remark-container {
        background:#eee; 
        padding:15px;
        border-radius: var(--rh-global-border-radius)!important;
    }
    
    #activities-page .col-xs-12 {
    padding-right: 0px!important;
        padding-left: 0px!important;
    }
    
    
    /******** revised round corner images end *******************/
    
    
    /* start of popup old event */
    :root {
                /*--popup-alert-layout-bg-color: #1FB5D6;*/
                --popup-alert-inner-bg-color: #fff;
                --popup-alert-h1-color: #263c88;
                --popup-alert-close-btn-bg-color: #263c88;
                --popup-alert-close-btn-text-color: #fff;
            }
     
            .sn-overlay {
                position: fixed;
                top: 0;
                left: 0;
                z-index: 9999999;
                background-color: rgba(0, 0, 0, 0.5);
                width: 100%;
                height: 100vh;
            }
     
            .sn-overlay.close {
                display: none;
            }
     
            .sn-overlay__context {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                width: 95%;
                max-width: 765px;
            }
     
            .entry-overlay-layout {
                max-width: 520px;
                width: 100%;
                margin: 0 auto;
                background-color: var(--popup-alert-layout-bg-color);
                height: auto;
                box-sizing: border-box;
                text-align: center;
                position: relative;
                padding-top: 10px;
                padding-bottom: 20px;
                border-radius: 10px;
            }
     
            .entry-overlay-layout-top {
                display: inline-block;
                width: 100%;
            }
     
            img.entry-overlay-logo {
                max-width: 160px;
                position: relative;
                z-index: 2;
                margin-top: 20px;
            }
     
            .entry-overlay-layout-bottom {
                margin-left: 20px;
                margin-right: 20px;
                background-color: var(--popup-alert-inner-bg-color);
                border-radius: 10px;
                padding: 0px;
                box-sizing: border-box;
                margin-top: 10px;
                box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            }
     
     
            .entry-overlay-layout-bottom h1 {
                font-size: 24px;
                font-weight: bold;
                color: var(--popup-alert-h1-color);
                line-height: 1.2em;
                margin-bottom:20px;
            }
     
            .entry-overlay-layout-bottom p {
                line-height: 1.5em;
                font-size: 16px;
                margin-bottom: 5px;
                margin-top: 0px;
            }
     
            .entry-overlay-layout-button {
                display: inline-block;
                width: 100%;
                margin-top: 20px;
            }
     
            .sn-overlay__close-btn {
                text-decoration: none;
                background-color: var(--popup-alert-close-btn-bg-color);
                color: var(--popup-alert-close-btn-text-color);
                padding: 10px 20px;
                display: inline-block;
                border-radius: 40px;
                border: 0;
                outline: none;
                cursor: pointer;
            }
     
            .sn-overlay__close-btn:hover {
                opacity: 0.8;
                background-color: var(--popup-alert-close-btn-bg-color)!important;
            }
    
    
    .pop-up-banner-text-container {
        padding: 20px;
    }
        
        img.pop-up-banner-image {
        border-radius: 10px 10px 0px 0px;
    }
    
    
    
    .wrapper-confetti-container {
      position: fixed;
        height: 100%;
        width: 100%;
      
        margin: 0 auto;
      
    }
    
    /*
    .wrapper-confetti-container {
      position: relative;
      min-height: 100vh;
    }*/
    
    [class|=confetti] {
      position: absolute;
    }
    
    .confetti-0 {
      width: 5px;
      height: 2px;
    
      background-color: #263672;
      top: -10%;
      left: 32%;
      opacity: 0.8020053774;
      transform: rotate(140.2914579849deg);
      -webkit-animation: drop-0 4.7730919027s 0.7853577655s infinite;
              animation: drop-0 4.7730919027s 0.7853577655s infinite;
    }
    
    @-webkit-keyframes drop-0 {
      100% {
        top: 110%;
        left: 36%;
      }
    }
    
    @keyframes drop-0 {
      100% {
        top: 110%;
        left: 36%;
      }
    }
    .confetti-1 {
      width: 5px;
      height: 2px;
      background-color: #263672;
      top: -10%;
      left: 19%;
      opacity: 0.7435326925;
      transform: rotate(270.0406512133deg);
      -webkit-animation: drop-1 4.5263469782s 0.3598870163s infinite;
              animation: drop-1 4.5263469782s 0.3598870163s infinite;
    }
    
    @-webkit-keyframes drop-1 {
      100% {
        top: 110%;
        left: 21%;
      }
    }
    
    @keyframes drop-1 {
      100% {
        top: 110%;
        left: 21%;
      }
    }
    .confetti-2 {
      width: 1px;
      height: 0.4px;
      background-color: #d13447;
      top: -10%;
      left: 22%;
      opacity: 1.3909127778;
      transform: rotate(142.5216761962deg);
      -webkit-animation: drop-2 4.4862885462s 0.418849283s infinite;
              animation: drop-2 4.4862885462s 0.418849283s infinite;
    }
    
    @-webkit-keyframes drop-2 {
      100% {
        top: 110%;
        left: 33%;
      }
    }
    
    @keyframes drop-2 {
      100% {
        top: 110%;
        left: 33%;
      }
    }
    .confetti-3 {
      width: 8px;
      height: 3.2px;
      background-color: #ffbf00;
      top: -10%;
      left: 98%;
      opacity: 0.9052766542;
      transform: rotate(110.6831126509deg);
      -webkit-animation: drop-3 4.0455172224s 0.7085401939s infinite;
              animation: drop-3 4.0455172224s 0.7085401939s infinite;
    }
    
    @-webkit-keyframes drop-3 {
      100% {
        top: 110%;
        left: 109%;
      }
    }
    
    @keyframes drop-3 {
      100% {
        top: 110%;
        left: 109%;
      }
    }
    .confetti-4 {
      width: 2px;
      height: 0.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 50%;
      opacity: 0.6023081274;
      transform: rotate(30.7742267273deg);
      -webkit-animation: drop-4 4.3182537997s 0.2125688134s infinite;
              animation: drop-4 4.3182537997s 0.2125688134s infinite;
    }
    
    @-webkit-keyframes drop-4 {
      100% {
        top: 110%;
        left: 65%;
      }
    }
    
    @keyframes drop-4 {
      100% {
        top: 110%;
        left: 65%;
      }
    }
    .confetti-5 {
      width: 4px;
      height: 1.6px;
      background-color: #d13447;
      top: -10%;
      left: 43%;
      opacity: 0.5970337653;
      transform: rotate(136.8367905851deg);
      -webkit-animation: drop-5 4.0761306784s 0.755218351s infinite;
              animation: drop-5 4.0761306784s 0.755218351s infinite;
    }
    
    @-webkit-keyframes drop-5 {
      100% {
        top: 110%;
        left: 55%;
      }
    }
    
    @keyframes drop-5 {
      100% {
        top: 110%;
        left: 55%;
      }
    }
    .confetti-6 {
      width: 4px;
      height: 1.6px;
      background-color: #ffbf00;
      top: -10%;
      left: 21%;
      opacity: 0.5689892266;
      transform: rotate(106.5038342702deg);
      -webkit-animation: drop-6 4.9027628587s 0.1781982785s infinite;
              animation: drop-6 4.9027628587s 0.1781982785s infinite;
    }
    
    @-webkit-keyframes drop-6 {
      100% {
        top: 110%;
        left: 32%;
      }
    }
    
    @keyframes drop-6 {
      100% {
        top: 110%;
        left: 32%;
      }
    }
    .confetti-7 {
      width: 2px;
      height: 0.8px;
      background-color: #d13447;
      top: -10%;
      left: 81%;
      opacity: 1.1472106745;
      transform: rotate(341.5074496537deg);
      -webkit-animation: drop-7 4.8499046037s 0.5093438221s infinite;
              animation: drop-7 4.8499046037s 0.5093438221s infinite;
    }
    
    @-webkit-keyframes drop-7 {
      100% {
        top: 110%;
        left: 92%;
      }
    }
    
    @keyframes drop-7 {
      100% {
        top: 110%;
        left: 92%;
      }
    }
    .confetti-8 {
      width: 8px;
      height: 3.2px;
      background-color: #d13447;
      top: -10%;
      left: 67%;
      opacity: 0.8413382856;
      transform: rotate(248.7813630885deg);
      -webkit-animation: drop-8 4.1389544923s 0.7786513959s infinite;
              animation: drop-8 4.1389544923s 0.7786513959s infinite;
    }
    
    @-webkit-keyframes drop-8 {
      100% {
        top: 110%;
        left: 73%;
      }
    }
    
    @keyframes drop-8 {
      100% {
        top: 110%;
        left: 73%;
      }
    }
    .confetti-9 {
      width: 8px;
      height: 3.2px;
      background-color: #263672;
      top: -10%;
      left: 22%;
      opacity: 1.2558343999;
      transform: rotate(328.1765529689deg);
      -webkit-animation: drop-9 4.9899645845s 0.3806810925s infinite;
              animation: drop-9 4.9899645845s 0.3806810925s infinite;
    }
    
    @-webkit-keyframes drop-9 {
      100% {
        top: 110%;
        left: 31%;
      }
    }
    
    @keyframes drop-9 {
      100% {
        top: 110%;
        left: 31%;
      }
    }
    .confetti-10 {
      width: 7px;
      height: 2.8px;
      background-color: #263672;
      top: -10%;
      left: 57%;
      opacity: 0.5322960464;
      transform: rotate(305.9068882339deg);
      -webkit-animation: drop-10 4.4256262468s 0.206577719s infinite;
              animation: drop-10 4.4256262468s 0.206577719s infinite;
    }
    
    @-webkit-keyframes drop-10 {
      100% {
        top: 110%;
        left: 65%;
      }
    }
    
    @keyframes drop-10 {
      100% {
        top: 110%;
        left: 65%;
      }
    }
    .confetti-11 {
      width: 7px;
      height: 2.8px;
      background-color: #263672;
      top: -10%;
      left: 85%;
      opacity: 0.7491923389;
      transform: rotate(235.1057247544deg);
      -webkit-animation: drop-11 4.680680658s 0.1590831437s infinite;
              animation: drop-11 4.680680658s 0.1590831437s infinite;
    }
    
    @-webkit-keyframes drop-11 {
      100% {
        top: 110%;
        left: 91%;
      }
    }
    
    @keyframes drop-11 {
      100% {
        top: 110%;
        left: 91%;
      }
    }
    .confetti-12 {
      width: 6px;
      height: 2.4px;
      background-color: #ffbf00;
      top: -10%;
      left: 45%;
      opacity: 0.8290383101;
      transform: rotate(329.4990270424deg);
      -webkit-animation: drop-12 4.6851167758s 0.2020242767s infinite;
              animation: drop-12 4.6851167758s 0.2020242767s infinite;
    }
    
    @-webkit-keyframes drop-12 {
      100% {
        top: 110%;
        left: 60%;
      }
    }
    
    @keyframes drop-12 {
      100% {
        top: 110%;
        left: 60%;
      }
    }
    .confetti-13 {
      width: 6px;
      height: 2.4px;
      background-color: #263672;
      top: -10%;
      left: 7%;
      opacity: 0.5278000703;
      transform: rotate(36.7811479136deg);
      -webkit-animation: drop-13 4.1401989986s 0.1149471468s infinite;
              animation: drop-13 4.1401989986s 0.1149471468s infinite;
    }
    
    @-webkit-keyframes drop-13 {
      100% {
        top: 110%;
        left: 22%;
      }
    }
    
    @keyframes drop-13 {
      100% {
        top: 110%;
        left: 22%;
      }
    }
    .confetti-14 {
      width: 2px;
      height: 0.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 75%;
      opacity: 1.2847282784;
      transform: rotate(59.7532426287deg);
      -webkit-animation: drop-14 4.1108793016s 0.4923101999s infinite;
              animation: drop-14 4.1108793016s 0.4923101999s infinite;
    }
    
    @-webkit-keyframes drop-14 {
      100% {
        top: 110%;
        left: 84%;
      }
    }
    
    @keyframes drop-14 {
      100% {
        top: 110%;
        left: 84%;
      }
    }
    .confetti-15 {
      width: 4px;
      height: 1.6px;
      background-color: #ffbf00;
      top: -10%;
      left: 69%;
      opacity: 0.6061732237;
      transform: rotate(282.5775673746deg);
      -webkit-animation: drop-15 4.0745614473s 0.1929261584s infinite;
              animation: drop-15 4.0745614473s 0.1929261584s infinite;
    }
    
    @-webkit-keyframes drop-15 {
      100% {
        top: 110%;
        left: 71%;
      }
    }
    
    @keyframes drop-15 {
      100% {
        top: 110%;
        left: 71%;
      }
    }
    .confetti-16 {
      width: 2px;
      height: 0.8px;
      background-color: #d13447;
      top: -10%;
      left: 66%;
      opacity: 1.2252181989;
      transform: rotate(155.3339243608deg);
      -webkit-animation: drop-16 4.9849990811s 0.1627936046s infinite;
              animation: drop-16 4.9849990811s 0.1627936046s infinite;
    }
    
    @-webkit-keyframes drop-16 {
      100% {
        top: 110%;
        left: 77%;
      }
    }
    
    @keyframes drop-16 {
      100% {
        top: 110%;
        left: 77%;
      }
    }
    .confetti-17 {
      width: 3px;
      height: 1.2px;
      background-color: #d13447;
      top: -10%;
      left: 32%;
      opacity: 1.1571834307;
      transform: rotate(323.2401016594deg);
      -webkit-animation: drop-17 4.9803192276s 0.9339295552s infinite;
              animation: drop-17 4.9803192276s 0.9339295552s infinite;
    }
    
    @-webkit-keyframes drop-17 {
      100% {
        top: 110%;
        left: 47%;
      }
    }
    
    @keyframes drop-17 {
      100% {
        top: 110%;
        left: 47%;
      }
    }
    .confetti-18 {
      width: 6px;
      height: 2.4px;
      background-color: #263672;
      top: -10%;
      left: 38%;
      opacity: 0.6404868809;
      transform: rotate(70.7764519727deg);
      -webkit-animation: drop-18 4.6967447568s 0.2269113931s infinite;
              animation: drop-18 4.6967447568s 0.2269113931s infinite;
    }
    
    @-webkit-keyframes drop-18 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    
    @keyframes drop-18 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    .confetti-19 {
      width: 3px;
      height: 1.2px;
      background-color: #263672;
      top: -10%;
      left: 54%;
      opacity: 0.8960713725;
      transform: rotate(284.5778704085deg);
      -webkit-animation: drop-19 4.717581522s 0.283455516s infinite;
              animation: drop-19 4.717581522s 0.283455516s infinite;
    }
    
    @-webkit-keyframes drop-19 {
      100% {
        top: 110%;
        left: 58%;
      }
    }
    
    @keyframes drop-19 {
      100% {
        top: 110%;
        left: 58%;
      }
    }
    .confetti-20 {
      width: 1px;
      height: 0.4px;
      background-color: #ffbf00;
      top: -10%;
      left: 45%;
      opacity: 0.8039933067;
      transform: rotate(92.6325758818deg);
      -webkit-animation: drop-20 4.3160970644s 0.6467823631s infinite;
              animation: drop-20 4.3160970644s 0.6467823631s infinite;
    }
    
    @-webkit-keyframes drop-20 {
      100% {
        top: 110%;
        left: 58%;
      }
    }
    
    @keyframes drop-20 {
      100% {
        top: 110%;
        left: 58%;
      }
    }
    .confetti-21 {
      width: 6px;
      height: 2.4px;
      background-color: #263672;
      top: -10%;
      left: 78%;
      opacity: 0.5052327006;
      transform: rotate(283.6173057148deg);
      -webkit-animation: drop-21 4.2527404466s 0.7549975255s infinite;
              animation: drop-21 4.2527404466s 0.7549975255s infinite;
    }
    
    @-webkit-keyframes drop-21 {
      100% {
        top: 110%;
        left: 80%;
      }
    }
    
    @keyframes drop-21 {
      100% {
        top: 110%;
        left: 80%;
      }
    }
    .confetti-22 {
      width: 3px;
      height: 1.2px;
      background-color: #d13447;
      top: -10%;
      left: 16%;
      opacity: 0.9193337745;
      transform: rotate(155.2784575269deg);
      -webkit-animation: drop-22 4.9448702283s 0.8149031769s infinite;
              animation: drop-22 4.9448702283s 0.8149031769s infinite;
    }
    
    @-webkit-keyframes drop-22 {
      100% {
        top: 110%;
        left: 31%;
      }
    }
    
    @keyframes drop-22 {
      100% {
        top: 110%;
        left: 31%;
      }
    }
    .confetti-23 {
      width: 2px;
      height: 0.8px;
      background-color: #263672;
      top: -10%;
      left: 7%;
      opacity: 1.3499015041;
      transform: rotate(326.1345494215deg);
      -webkit-animation: drop-23 4.831412067s 0.7312474884s infinite;
              animation: drop-23 4.831412067s 0.7312474884s infinite;
    }
    
    @-webkit-keyframes drop-23 {
      100% {
        top: 110%;
        left: 9%;
      }
    }
    
    @keyframes drop-23 {
      100% {
        top: 110%;
        left: 9%;
      }
    }
    .confetti-24 {
      width: 7px;
      height: 2.8px;
      background-color: #d13447;
      top: -10%;
      left: 97%;
      opacity: 1.1363017392;
      transform: rotate(112.019076957deg);
      -webkit-animation: drop-24 4.2084705644s 0.0977855194s infinite;
              animation: drop-24 4.2084705644s 0.0977855194s infinite;
    }
    
    @-webkit-keyframes drop-24 {
      100% {
        top: 110%;
        left: 98%;
      }
    }
    
    @keyframes drop-24 {
      100% {
        top: 110%;
        left: 98%;
      }
    }
    .confetti-25 {
      width: 1px;
      height: 0.4px;
      background-color: #d13447;
      top: -10%;
      left: 79%;
      opacity: 0.7226161576;
      transform: rotate(259.8566808163deg);
      -webkit-animation: drop-25 4.1439913087s 0.5025682583s infinite;
              animation: drop-25 4.1439913087s 0.5025682583s infinite;
    }
    
    @-webkit-keyframes drop-25 {
      100% {
        top: 110%;
        left: 93%;
      }
    }
    
    @keyframes drop-25 {
      100% {
        top: 110%;
        left: 93%;
      }
    }
    .confetti-26 {
      width: 1px;
      height: 0.4px;
      background-color: #263672;
      top: -10%;
      left: 97%;
      opacity: 1.258728474;
      transform: rotate(340.0204881264deg);
      -webkit-animation: drop-26 4.7029954791s 0.1776402515s infinite;
              animation: drop-26 4.7029954791s 0.1776402515s infinite;
    }
    
    @-webkit-keyframes drop-26 {
      100% {
        top: 110%;
        left: 104%;
      }
    }
    
    @keyframes drop-26 {
      100% {
        top: 110%;
        left: 104%;
      }
    }
    .confetti-27 {
      width: 3px;
      height: 1.2px;
      background-color: #d13447;
      top: -10%;
      left: 38%;
      opacity: 1.3428644821;
      transform: rotate(135.2335438133deg);
      -webkit-animation: drop-27 4.5801540778s 0.5434991715s infinite;
              animation: drop-27 4.5801540778s 0.5434991715s infinite;
    }
    
    @-webkit-keyframes drop-27 {
      100% {
        top: 110%;
        left: 48%;
      }
    }
    
    @keyframes drop-27 {
      100% {
        top: 110%;
        left: 48%;
      }
    }
    .confetti-28 {
      width: 8px;
      height: 3.2px;
      background-color: #ffbf00;
      top: -10%;
      left: 35%;
      opacity: 1.3808259777;
      transform: rotate(184.7355798105deg);
      -webkit-animation: drop-28 4.5225394852s 0.5830409023s infinite;
              animation: drop-28 4.5225394852s 0.5830409023s infinite;
    }
    
    @-webkit-keyframes drop-28 {
      100% {
        top: 110%;
        left: 41%;
      }
    }
    
    @keyframes drop-28 {
      100% {
        top: 110%;
        left: 41%;
      }
    }
    .confetti-29 {
      width: 1px;
      height: 0.4px;
      background-color: #263672;
      top: -10%;
      left: 17%;
      opacity: 0.7931255912;
      transform: rotate(178.2480182473deg);
      -webkit-animation: drop-29 4.1955363787s 0.9441985774s infinite;
              animation: drop-29 4.1955363787s 0.9441985774s infinite;
    }
    
    @-webkit-keyframes drop-29 {
      100% {
        top: 110%;
        left: 25%;
      }
    }
    
    @keyframes drop-29 {
      100% {
        top: 110%;
        left: 25%;
      }
    }
    .confetti-30 {
      width: 8px;
      height: 3.2px;
      background-color: #263672;
      top: -10%;
      left: 38%;
      opacity: 1.1891189509;
      transform: rotate(177.1247770714deg);
      -webkit-animation: drop-30 4.0994908609s 0.4961223731s infinite;
              animation: drop-30 4.0994908609s 0.4961223731s infinite;
    }
    
    @-webkit-keyframes drop-30 {
      100% {
        top: 110%;
        left: 45%;
      }
    }
    
    @keyframes drop-30 {
      100% {
        top: 110%;
        left: 45%;
      }
    }
    .confetti-31 {
      width: 8px;
      height: 3.2px;
      background-color: #d13447;
      top: -10%;
      left: 26%;
      opacity: 1.1899724324;
      transform: rotate(165.7696138915deg);
      -webkit-animation: drop-31 4.5507843831s 0.2065324542s infinite;
              animation: drop-31 4.5507843831s 0.2065324542s infinite;
    }
    
    @-webkit-keyframes drop-31 {
      100% {
        top: 110%;
        left: 27%;
      }
    }
    
    @keyframes drop-31 {
      100% {
        top: 110%;
        left: 27%;
      }
    }
    .confetti-32 {
      width: 7px;
      height: 2.8px;
      background-color: #263672;
      top: -10%;
      left: 31%;
      opacity: 0.5840066619;
      transform: rotate(167.1819830841deg);
      -webkit-animation: drop-32 4.2915979818s 0.2196947357s infinite;
              animation: drop-32 4.2915979818s 0.2196947357s infinite;
    }
    
    @-webkit-keyframes drop-32 {
      100% {
        top: 110%;
        left: 35%;
      }
    }
    
    @keyframes drop-32 {
      100% {
        top: 110%;
        left: 35%;
      }
    }
    .confetti-33 {
      width: 4px;
      height: 1.6px;
      background-color: #d13447;
      top: -10%;
      left: 64%;
      opacity: 0.9523046761;
      transform: rotate(152.326565681deg);
      -webkit-animation: drop-33 4.6452244198s 0.9093836703s infinite;
              animation: drop-33 4.6452244198s 0.9093836703s infinite;
    }
    
    @-webkit-keyframes drop-33 {
      100% {
        top: 110%;
        left: 77%;
      }
    }
    
    @keyframes drop-33 {
      100% {
        top: 110%;
        left: 77%;
      }
    }
    .confetti-34 {
      width: 8px;
      height: 3.2px;
      background-color: #d13447;
      top: -10%;
      left: 1%;
      opacity: 0.5384227918;
      transform: rotate(124.1683099906deg);
      -webkit-animation: drop-34 4.3411831887s 0.3787265345s infinite;
              animation: drop-34 4.3411831887s 0.3787265345s infinite;
    }
    
    @-webkit-keyframes drop-34 {
      100% {
        top: 110%;
        left: 5%;
      }
    }
    
    @keyframes drop-34 {
      100% {
        top: 110%;
        left: 5%;
      }
    }
    .confetti-35 {
      width: 5px;
      height: 2px;
      background-color: #ffbf00;
      top: -10%;
      left: 12%;
      opacity: 0.9113722772;
      transform: rotate(219.02913101deg);
      -webkit-animation: drop-35 4.9989271225s 0.5178031777s infinite;
              animation: drop-35 4.9989271225s 0.5178031777s infinite;
    }
    
    @-webkit-keyframes drop-35 {
      100% {
        top: 110%;
        left: 13%;
      }
    }
    
    @keyframes drop-35 {
      100% {
        top: 110%;
        left: 13%;
      }
    }
    .confetti-36 {
      width: 4px;
      height: 1.6px;
      background-color: #263672;
      top: -10%;
      left: 10%;
      opacity: 0.5261438867;
      transform: rotate(184.4451026113deg);
      -webkit-animation: drop-36 4.4170716923s 0.2539717746s infinite;
              animation: drop-36 4.4170716923s 0.2539717746s infinite;
    }
    
    @-webkit-keyframes drop-36 {
      100% {
        top: 110%;
        left: 21%;
      }
    }
    
    @keyframes drop-36 {
      100% {
        top: 110%;
        left: 21%;
      }
    }
    .confetti-37 {
      width: 3px;
      height: 1.2px;
      background-color: #263672;
      top: -10%;
      left: 75%;
      opacity: 0.8312547374;
      transform: rotate(248.0520274031deg);
      -webkit-animation: drop-37 4.3837735088s 0.7563579176s infinite;
              animation: drop-37 4.3837735088s 0.7563579176s infinite;
    }
    
    @-webkit-keyframes drop-37 {
      100% {
        top: 110%;
        left: 78%;
      }
    }
    
    @keyframes drop-37 {
      100% {
        top: 110%;
        left: 78%;
      }
    }
    .confetti-38 {
      width: 5px;
      height: 2px;
      background-color: #263672;
      top: -10%;
      left: 89%;
      opacity: 1.3593074562;
      transform: rotate(213.372669686deg);
      -webkit-animation: drop-38 4.9289235629s 0.6450062838s infinite;
              animation: drop-38 4.9289235629s 0.6450062838s infinite;
    }
    
    @-webkit-keyframes drop-38 {
      100% {
        top: 110%;
        left: 98%;
      }
    }
    
    @keyframes drop-38 {
      100% {
        top: 110%;
        left: 98%;
      }
    }
    .confetti-39 {
      width: 7px;
      height: 2.8px;
      background-color: #d13447;
      top: -10%;
      left: 94%;
      opacity: 0.9060683964;
      transform: rotate(73.7962511311deg);
      -webkit-animation: drop-39 4.5140250698s 0.0124427922s infinite;
              animation: drop-39 4.5140250698s 0.0124427922s infinite;
    }
    
    @-webkit-keyframes drop-39 {
      100% {
        top: 110%;
        left: 101%;
      }
    }
    
    @keyframes drop-39 {
      100% {
        top: 110%;
        left: 101%;
      }
    }
    .confetti-40 {
      width: 6px;
      height: 2.4px;
      background-color: #263672;
      top: -10%;
      left: 90%;
      opacity: 1.3004099056;
      transform: rotate(347.5735532214deg);
      -webkit-animation: drop-40 4.9165569327s 0.512744143s infinite;
              animation: drop-40 4.9165569327s 0.512744143s infinite;
    }
    
    @-webkit-keyframes drop-40 {
      100% {
        top: 110%;
        left: 97%;
      }
    }
    
    @keyframes drop-40 {
      100% {
        top: 110%;
        left: 97%;
      }
    }
    .confetti-41 {
      width: 5px;
      height: 2px;
      background-color: #263672;
      top: -10%;
      left: 63%;
      opacity: 1.0749835527;
      transform: rotate(158.2223169838deg);
      -webkit-animation: drop-41 4.79736533s 0.2891343789s infinite;
              animation: drop-41 4.79736533s 0.2891343789s infinite;
    }
    
    @-webkit-keyframes drop-41 {
      100% {
        top: 110%;
        left: 69%;
      }
    }
    
    @keyframes drop-41 {
      100% {
        top: 110%;
        left: 69%;
      }
    }
    .confetti-42 {
      width: 8px;
      height: 3.2px;
      background-color: #263672;
      top: -10%;
      left: 71%;
      opacity: 0.9458328785;
      transform: rotate(103.0981051662deg);
      -webkit-animation: drop-42 4.9490772232s 0.310235972s infinite;
              animation: drop-42 4.9490772232s 0.310235972s infinite;
    }
    
    @-webkit-keyframes drop-42 {
      100% {
        top: 110%;
        left: 79%;
      }
    }
    
    @keyframes drop-42 {
      100% {
        top: 110%;
        left: 79%;
      }
    }
    .confetti-43 {
      width: 1px;
      height: 0.4px;
      background-color: #d13447;
      top: -10%;
      left: 11%;
      opacity: 0.7961085762;
      transform: rotate(20.0306678045deg);
      -webkit-animation: drop-43 4.8593024751s 0.4673373263s infinite;
              animation: drop-43 4.8593024751s 0.4673373263s infinite;
    }
    
    @-webkit-keyframes drop-43 {
      100% {
        top: 110%;
        left: 18%;
      }
    }
    
    @keyframes drop-43 {
      100% {
        top: 110%;
        left: 18%;
      }
    }
    .confetti-44 {
      width: 4px;
      height: 1.6px;
      background-color: #ffbf00;
      top: -10%;
      left: 40%;
      opacity: 1.2023054946;
      transform: rotate(11.787905105deg);
      -webkit-animation: drop-44 4.6526399985s 0.599296595s infinite;
              animation: drop-44 4.6526399985s 0.599296595s infinite;
    }
    
    @-webkit-keyframes drop-44 {
      100% {
        top: 110%;
        left: 42%;
      }
    }
    
    @keyframes drop-44 {
      100% {
        top: 110%;
        left: 42%;
      }
    }
    .confetti-45 {
      width: 8px;
      height: 3.2px;
      background-color: #263672;
      top: -10%;
      left: 98%;
      opacity: 0.6336369645;
      transform: rotate(46.9427318816deg);
    
      -webkit-animation: drop-45 4.3040633161s 0.7317586579s infinite;
              animation: drop-45 4.3040633161s 0.7317586579s infinite;
    }
    
    @-webkit-keyframes drop-45 {
      100% {
        top: 110%;
        left: 107%;
      }
    }
    
    @keyframes drop-45 {
      100% {
        top: 110%;
        left: 107%;
      }
    }
    .confetti-46 {
      width: 2px;
      height: 0.8px;
      background-color: #d13447;
      top: -10%;
      left: 69%;
      opacity: 0.7536329139;
      transform: rotate(173.6134283241deg);
      -webkit-animation: drop-46 4.7925513915s 0.3807309647s infinite;
              animation: drop-46 4.7925513915s 0.3807309647s infinite;
    }
    
    @-webkit-keyframes drop-46 {
      100% {
        top: 110%;
        left: 72%;
      }
    }
    
    @keyframes drop-46 {
      100% {
        top: 110%;
        left: 72%;
      }
    }
    .confetti-47 {
      width: 1px;
      height: 0.4px;
      background-color: #263672;
      top: -10%;
      left: 40%;
      opacity: 1.2776625423;
      transform: rotate(9.237331685deg);
      -webkit-animation: drop-47 4.775066141s 0.8453033085s infinite;
              animation: drop-47 4.775066141s 0.8453033085s infinite;
    }
    
    @-webkit-keyframes drop-47 {
      100% {
        top: 110%;
        left: 53%;
      }
    }
    
    @keyframes drop-47 {
      100% {
        top: 110%;
        left: 53%;
      }
    }
    .confetti-48 {
      width: 1px;
      height: 0.4px;
      background-color: #263672;
      top: -10%;
      left: 91%;
      opacity: 1.2367706239;
      transform: rotate(18.7280868239deg);
      -webkit-animation: drop-48 4.4152283499s 0.8054974867s infinite;
              animation: drop-48 4.4152283499s 0.8054974867s infinite;
    }
    
    @-webkit-keyframes drop-48 {
      100% {
        top: 110%;
        left: 94%;
      }
    }
    
    @keyframes drop-48 {
      100% {
        top: 110%;
        left: 94%;
      }
    }
    .confetti-49 {
      width: 8px;
      height: 3.2px;
      background-color: #263672;
      top: -10%;
      left: 34%;
      opacity: 1.4195968197;
      transform: rotate(53.9492391157deg);
      -webkit-animation: drop-49 4.2164643977s 0.03499676s infinite;
              animation: drop-49 4.2164643977s 0.03499676s infinite;
    }
    
    @-webkit-keyframes drop-49 {
      100% {
        top: 110%;
        left: 42%;
      }
    }
    
    @keyframes drop-49 {
      100% {
        top: 110%;
        left: 42%;
      }
    }
    .confetti-50 {
      width: 3px;
      height: 1.2px;
      background-color: #ffbf00;
      top: -10%;
      left: 80%;
      opacity: 1.1334134384;
      transform: rotate(123.0291372636deg);
      -webkit-animation: drop-50 4.975542909s 0.8849454281s infinite;
              animation: drop-50 4.975542909s 0.8849454281s infinite;
    }
    
    @-webkit-keyframes drop-50 {
      100% {
        top: 110%;
        left: 94%;
      }
    }
    
    @keyframes drop-50 {
      100% {
        top: 110%;
        left: 94%;
      }
    }
    .confetti-51 {
      width: 3px;
      height: 1.2px;
      background-color: #d13447;
      top: -10%;
      left: 85%;
      opacity: 0.7550144663;
      transform: rotate(31.4755835339deg);
      -webkit-animation: drop-51 4.8465959502s 0.6059258384s infinite;
              animation: drop-51 4.8465959502s 0.6059258384s infinite;
    }
    
    @-webkit-keyframes drop-51 {
      100% {
        top: 110%;
        left: 90%;
      }
    }
    
    @keyframes drop-51 {
      100% {
        top: 110%;
        left: 90%;
      }
    }
    .confetti-52 {
      width: 5px;
      height: 2px;
      background-color: #ffbf00;
      top: -10%;
      left: 66%;
      opacity: 0.5956745367;
      transform: rotate(124.4597259075deg);
      -webkit-animation: drop-52 4.120238348s 0.3745713353s infinite;
              animation: drop-52 4.120238348s 0.3745713353s infinite;
    }
    
    @-webkit-keyframes drop-52 {
      100% {
        top: 110%;
        left: 67%;
      }
    }
    
    @keyframes drop-52 {
      100% {
        top: 110%;
        left: 67%;
      }
    }
    .confetti-53 {
      width: 7px;
      height: 2.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 91%;
      opacity: 0.5657211537;
      transform: rotate(68.7740137638deg);
      -webkit-animation: drop-53 4.7656382193s 0.7033394877s infinite;
              animation: drop-53 4.7656382193s 0.7033394877s infinite;
    }
    
    @-webkit-keyframes drop-53 {
      100% {
        top: 110%;
        left: 103%;
      }
    }
    
    @keyframes drop-53 {
      100% {
        top: 110%;
        left: 103%;
      }
    }
    .confetti-54 {
      width: 5px;
      height: 2px;
      background-color: #263672;
      top: -10%;
      left: 45%;
      opacity: 1.0597324798;
      transform: rotate(267.8899736991deg);
      -webkit-animation: drop-54 4.9892594574s 0.5220831365s infinite;
              animation: drop-54 4.9892594574s 0.5220831365s infinite;
    }
    
    @-webkit-keyframes drop-54 {
      100% {
        top: 110%;
        left: 52%;
      }
    }
    
    @keyframes drop-54 {
      100% {
        top: 110%;
        left: 52%;
      }
    }
    .confetti-55 {
      width: 1px;
      height: 0.4px;
      background-color: #d13447;
      top: -10%;
      left: 65%;
      opacity: 1.0221625574;
      transform: rotate(98.4693419136deg);
      -webkit-animation: drop-55 4.042599891s 0.7322915753s infinite;
              animation: drop-55 4.042599891s 0.7322915753s infinite;
    }
    
    @-webkit-keyframes drop-55 {
      100% {
        top: 110%;
        left: 79%;
      }
    }
    
    @keyframes drop-55 {
      100% {
        top: 110%;
        left: 79%;
    
      }
    }
    .confetti-56 {
      width: 1px;
      height: 0.4px;
      background-color: #263672;
      top: -10%;
      left: 6%;
      opacity: 0.9294321663;
      transform: rotate(183.9313901748deg);
      -webkit-animation: drop-56 4.4016735004s 0.1355905266s infinite;
              animation: drop-56 4.4016735004s 0.1355905266s infinite;
    }
    
    @-webkit-keyframes drop-56 {
      100% {
        top: 110%;
        left: 7%;
      }
    }
    
    @keyframes drop-56 {
      100% {
        top: 110%;
        left: 7%;
      }
    }
    .confetti-57 {
      width: 1px;
      height: 0.4px;
      background-color: #263672;
      top: -10%;
      left: 16%;
      opacity: 1.3593340684;
      transform: rotate(312.3125965422deg);
      -webkit-animation: drop-57 4.6317143013s 0.8388828828s infinite;
              animation: drop-57 4.6317143013s 0.8388828828s infinite;
    }
    
    @-webkit-keyframes drop-57 {
      100% {
        top: 110%;
        left: 19%;
      }
    }
    
    @keyframes drop-57 {
      100% {
        top: 110%;
        left: 19%;
      }
    }
    .confetti-58 {
      width: 2px;
      height: 0.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 13%;
      opacity: 1.0431836241;
      transform: rotate(174.9318247689deg);
      -webkit-animation: drop-58 4.704707773s 0.4525534789s infinite;
              animation: drop-58 4.704707773s 0.4525534789s infinite;
    }
    
    @-webkit-keyframes drop-58 {
      100% {
        top: 110%;
        left: 15%;
      }
    }
    
    @keyframes drop-58 {
      100% {
        top: 110%;
        left: 15%;
      }
    }
    .confetti-59 {
      width: 4px;
      height: 1.6px;
      background-color: #263672;
      top: -10%;
      left: 46%;
      opacity: 1.0502394308;
      transform: rotate(273.0155625651deg);
      -webkit-animation: drop-59 4.396794101s 0.2927337798s infinite;
              animation: drop-59 4.396794101s 0.2927337798s infinite;
    }
    
    @-webkit-keyframes drop-59 {
      100% {
        top: 110%;
        left: 54%;
      }
    }
    
    @keyframes drop-59 {
      100% {
        top: 110%;
        left: 54%;
      }
    }
    .confetti-60 {
      width: 2px;
      height: 0.8px;
      background-color: #263672;
      top: -10%;
      left: 93%;
      opacity: 1.4331739491;
      transform: rotate(60.5811932483deg);
      -webkit-animation: drop-60 4.4372423487s 0.3935104759s infinite;
              animation: drop-60 4.4372423487s 0.3935104759s infinite;
    }
    
    @-webkit-keyframes drop-60 {
      100% {
        top: 110%;
        left: 100%;
      }
    }
    
    @keyframes drop-60 {
      100% {
        top: 110%;
        left: 100%;
      }
    }
    .confetti-61 {
      width: 6px;
      height: 2.4px;
      background-color: #263672;
      top: -10%;
      left: 28%;
      opacity: 0.9099703118;
      transform: rotate(270.5744773409deg);
      -webkit-animation: drop-61 4.4161469648s 0.721191534s infinite;
              animation: drop-61 4.4161469648s 0.721191534s infinite;
    }
    
    @-webkit-keyframes drop-61 {
      100% {
        top: 110%;
        left: 33%;
      }
    }
    
    @keyframes drop-61 {
      100% {
        top: 110%;
        left: 33%;
      }
    }
    .confetti-62 {
      width: 2px;
      height: 0.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 78%;
      opacity: 1.3398004896;
      transform: rotate(294.4182021104deg);
      -webkit-animation: drop-62 4.9028194997s 0.4944702726s infinite;
              animation: drop-62 4.9028194997s 0.4944702726s infinite;
    }
    
    @-webkit-keyframes drop-62 {
      100% {
        top: 110%;
        left: 87%;
      }
    }
    
    @keyframes drop-62 {
      100% {
        top: 110%;
        left: 87%;
      }
    }
    .confetti-63 {
      width: 1px;
      height: 0.4px;
      background-color: #263672;
      top: -10%;
      left: 4%;
      opacity: 1.1309799333;
      transform: rotate(312.9653685252deg);
      -webkit-animation: drop-63 4.0784867309s 0.1960452761s infinite;
              animation: drop-63 4.0784867309s 0.1960452761s infinite;
    }
    
    @-webkit-keyframes drop-63 {
      100% {
        top: 110%;
        left: 15%;
      }
    }
    
    @keyframes drop-63 {
      100% {
        top: 110%;
        left: 15%;
      }
    }
    .confetti-64 {
      width: 8px;
      height: 3.2px;
      background-color: #d13447;
      top: -10%;
      left: 24%;
      opacity: 1.277678311;
      transform: rotate(60.1876522254deg);
      -webkit-animation: drop-64 4.4372373234s 0.6580617341s infinite;
              animation: drop-64 4.4372373234s 0.6580617341s infinite;
    }
    
    @-webkit-keyframes drop-64 {
      100% {
        top: 110%;
        left: 29%;
      }
    }
    
    @keyframes drop-64 {
      100% {
        top: 110%;
        left: 29%;
      }
    }
    .confetti-65 {
      width: 1px;
      height: 0.4px;
      background-color: #ffbf00;
      top: -10%;
      left: 89%;
      opacity: 0.6388249329;
      transform: rotate(186.4759741209deg);
      -webkit-animation: drop-65 4.4745694243s 0.6727303648s infinite;
              animation: drop-65 4.4745694243s 0.6727303648s infinite;
    }
    
    @-webkit-keyframes drop-65 {
      100% {
        top: 110%;
        left: 92%;
      }
    }
    
    @keyframes drop-65 {
      100% {
        top: 110%;
        left: 92%;
      }
    }
    .confetti-66 {
      width: 5px;
      height: 2px;
      background-color: #d13447;
      top: -10%;
      left: 67%;
      opacity: 1.4955604057;
      transform: rotate(79.5106672064deg);
      -webkit-animation: drop-66 4.6592788019s 0.242285452s infinite;
              animation: drop-66 4.6592788019s 0.242285452s infinite;
    }
    
    @-webkit-keyframes drop-66 {
      100% {
        top: 110%;
        left: 73%;
      }
    }
    
    @keyframes drop-66 {
      100% {
        top: 110%;
        left: 73%;
      }
    }
    .confetti-67 {
      width: 8px;
      height: 3.2px;
      background-color: #263672;
      top: -10%;
      left: 50%;
      opacity: 0.6674354332;
      transform: rotate(86.6952468659deg);
      -webkit-animation: drop-67 4.5051675542s 0.7999833153s infinite;
              animation: drop-67 4.5051675542s 0.7999833153s infinite;
    }
    
    @-webkit-keyframes drop-67 {
      100% {
        top: 110%;
        left: 56%;
      }
    }
    
    @keyframes drop-67 {
      100% {
        top: 110%;
        left: 56%;
      }
    }
    .confetti-68 {
      width: 7px;
      height: 2.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 47%;
      opacity: 1.4971458127;
      transform: rotate(105.5604495829deg);
      -webkit-animation: drop-68 4.9496126507s 0.4825428443s infinite;
              animation: drop-68 4.9496126507s 0.4825428443s infinite;
    }
    
    @-webkit-keyframes drop-68 {
      100% {
        top: 110%;
        left: 53%;
      }
    }
    
    @keyframes drop-68 {
      100% {
        top: 110%;
        left: 53%;
      }
    }
    .confetti-69 {
      width: 5px;
      height: 2px;
      background-color: #d13447;
      top: -10%;
      left: 6%;
      opacity: 1.2294801358;
      transform: rotate(67.9775519129deg);
      -webkit-animation: drop-69 4.9766254951s 0.8444753971s infinite;
              animation: drop-69 4.9766254951s 0.8444753971s infinite;
    }
    
    @-webkit-keyframes drop-69 {
      100% {
        top: 110%;
        left: 13%;
      }
    }
    
    @keyframes drop-69 {
      100% {
        top: 110%;
        left: 13%;
      }
    }
    .confetti-70 {
      width: 5px;
      height: 2px;
      background-color: #263672;
      top: -10%;
      left: 58%;
    
      opacity: 1.1931220087;
      transform: rotate(338.9040877258deg);
      -webkit-animation: drop-70 4.6788216737s 0.5520730989s infinite;
              animation: drop-70 4.6788216737s 0.5520730989s infinite;
    }
    
    @-webkit-keyframes drop-70 {
      100% {
        top: 110%;
        left: 70%;
      }
    }
    
    @keyframes drop-70 {
      100% {
        top: 110%;
        left: 70%;
      }
    }
    .confetti-71 {
      width: 5px;
      height: 2px;
      background-color: #263672;
      top: -10%;
      left: 97%;
      opacity: 1.0581752117;
      transform: rotate(7.6397556412deg);
      -webkit-animation: drop-71 4.3022159072s 0.0009105541s infinite;
              animation: drop-71 4.3022159072s 0.0009105541s infinite;
    }
    
    
    @-webkit-keyframes drop-71 {
      100% {
        top: 110%;
        left: 99%;
      }
    }
    
    @keyframes drop-71 {
      100% {
        top: 110%;
        left: 99%;
      }
    }
    .confetti-72 {
      width: 5px;
      height: 2px;
      background-color: #d13447;
      top: -10%;
      left: 81%;
      opacity: 1.4937634407;
      transform: rotate(339.9394068873deg);
      -webkit-animation: drop-72 4.9170042151s 0.6818531407s infinite;
              animation: drop-72 4.9170042151s 0.6818531407s infinite;
    }
    
    @-webkit-keyframes drop-72 {
      100% {
        top: 110%;
        left: 85%;
      }
    }
    
    @keyframes drop-72 {
      100% {
        top: 110%;
        left: 85%;
      }
    }
    .confetti-73 {
      width: 1px;
      height: 0.4px;
      background-color: #263672;
      top: -10%;
      left: 78%;
      opacity: 0.6008669692;
      transform: rotate(18.807640046deg);
      -webkit-animation: drop-73 4.7919232688s 0.584022918s infinite;
              animation: drop-73 4.7919232688s 0.584022918s infinite;
    }
    
    @-webkit-keyframes drop-73 {
      100% {
        top: 110%;
        left: 88%;
      }
    }
    
    @keyframes drop-73 {
      100% {
        top: 110%;
        left: 88%;
      }
    }
    .confetti-74 {
      width: 3px;
      height: 1.2px;
      background-color: #263672;
      top: -10%;
      left: 13%;
      opacity: 0.9546580367;
      transform: rotate(350.5920270391deg);
      -webkit-animation: drop-74 4.1296965685s 0.7135535995s infinite;
              animation: drop-74 4.1296965685s 0.7135535995s infinite;
    }
    
    @-webkit-keyframes drop-74 {
      100% {
        top: 110%;
        left: 16%;
      }
    }
    
    @keyframes drop-74 {
      100% {
        top: 110%;
        left: 16%;
      }
    }
    .confetti-75 {
      width: 2px;
      height: 0.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 11%;
      opacity: 1.0461496687;
      transform: rotate(307.6806234248deg);
      -webkit-animation: drop-75 4.33805323s 0.1905933304s infinite;
              animation: drop-75 4.33805323s 0.1905933304s infinite;
    }
    
    @-webkit-keyframes drop-75 {
      100% {
        top: 110%;
        left: 13%;
      }
    }
    
    @keyframes drop-75 {
      100% {
        top: 110%;
        left: 13%;
      }
    }
    .confetti-76 {
      width: 6px;
      height: 2.4px;
      background-color: #d13447;
      top: -10%;
      left: 23%;
      opacity: 1.2377419486;
      transform: rotate(250.688398655deg);
      -webkit-animation: drop-76 4.2702666873s 0.2486558896s infinite;
              animation: drop-76 4.2702666873s 0.2486558896s infinite;
    }
    
    @-webkit-keyframes drop-76 {
      100% {
        top: 110%;
        left: 26%;
      }
    }
    
    @keyframes drop-76 {
      100% {
        top: 110%;
        left: 26%;
      }
    }
    .confetti-77 {
      width: 3px;
      height: 1.2px;
      background-color: #263672;
      top: -10%;
      left: 9%;
      opacity: 0.7412697211;
      transform: rotate(166.8366901589deg);
      -webkit-animation: drop-77 4.3787054748s 0.4436849904s infinite;
              animation: drop-77 4.3787054748s 0.4436849904s infinite;
    }
    
    @-webkit-keyframes drop-77 {
      100% {
        top: 110%;
        left: 11%;
      }
    }
    
    @keyframes drop-77 {
      100% {
        top: 110%;
        left: 11%;
      }
    }
    .confetti-78 {
      width: 7px;
      height: 2.8px;
      background-color: #263672;
      top: -10%;
      left: 86%;
      opacity: 0.5471473599;
      transform: rotate(97.6396443148deg);
      -webkit-animation: drop-78 4.0757776918s 0.2837578201s infinite;
              animation: drop-78 4.0757776918s 0.2837578201s infinite;
    }
    
    @-webkit-keyframes drop-78 {
      100% {
        top: 110%;
        left: 94%;
      }
    }
    
    @keyframes drop-78 {
      100% {
        top: 110%;
        left: 94%;
      }
    }
    .confetti-79 {
      width: 8px;
      height: 3.2px;
      background-color: #d13447;
      top: -10%;
      left: 46%;
      opacity: 1.2328211446;
      transform: rotate(98.4867126803deg);
      -webkit-animation: drop-79 4.3056451919s 0.0517224097s infinite;
              animation: drop-79 4.3056451919s 0.0517224097s infinite;
    }
    
    @-webkit-keyframes drop-79 {
      100% {
        top: 110%;
        left: 48%;
      }
    }
    
    @keyframes drop-79 {
      100% {
        top: 110%;
        left: 48%;
      }
    }
    .confetti-80 {
      width: 6px;
      height: 2.4px;
      background-color: #263672;
      top: -10%;
      left: 97%;
      opacity: 1.337148438;
      transform: rotate(110.0654754571deg);
      -webkit-animation: drop-80 4.7401428397s 0.5146186876s infinite;
              animation: drop-80 4.7401428397s 0.5146186876s infinite;
    }
    
    @-webkit-keyframes drop-80 {
      100% {
        top: 110%;
        left: 106%;
      }
    }
    
    @keyframes drop-80 {
      100% {
        top: 110%;
        left: 106%;
      }
    }
    .confetti-81 {
      width: 3px;
      height: 1.2px;
      background-color: #263672;
      top: -10%;
      left: 95%;
      opacity: 1.3445151348;
      transform: rotate(172.6469850039deg);
      -webkit-animation: drop-81 4.9456054349s 0.3424347488s infinite;
              animation: drop-81 4.9456054349s 0.3424347488s infinite;
    }
    
    @-webkit-keyframes drop-81 {
      100% {
        top: 110%;
        left: 100%;
      }
    }
    
    @keyframes drop-81 {
      100% {
        top: 110%;
        left: 100%;
      }
    }
    .confetti-82 {
      width: 6px;
      height: 2.4px;
      background-color: #d13447;
      top: -10%;
      left: 77%;
      opacity: 1.019999852;
      transform: rotate(351.9007720174deg);
      -webkit-animation: drop-82 4.0651530547s 0.0743154257s infinite;
              animation: drop-82 4.0651530547s 0.0743154257s infinite;
    }
    
    @-webkit-keyframes drop-82 {
      100% {
        top: 110%;
        left: 91%;
      }
    }
    
    @keyframes drop-82 {
      100% {
        top: 110%;
        left: 91%;
      }
    }
    .confetti-83 {
      width: 7px;
      height: 2.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 41%;
      opacity: 0.6218844675;
      transform: rotate(76.2501920912deg);
      -webkit-animation: drop-83 4.1419334474s 0.4132884124s infinite;
              animation: drop-83 4.1419334474s 0.4132884124s infinite;
    }
    
    @-webkit-keyframes drop-83 {
      100% {
        top: 110%;
        left: 53%;
      }
    }
    
    @keyframes drop-83 {
      100% {
        top: 110%;
        left: 53%;
      }
    }
    .confetti-84 {
      width: 7px;
      height: 2.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 66%;
      opacity: 1.377623244;
      transform: rotate(306.0564140034deg);
      -webkit-animation: drop-84 4.539926374s 0.641162034s infinite;
              animation: drop-84 4.539926374s 0.641162034s infinite;
    }
    
    @-webkit-keyframes drop-84 {
      100% {
        top: 110%;
        left: 72%;
      }
    }
    
    @keyframes drop-84 {
      100% {
        top: 110%;
        left: 72%;
      }
    }
    .confetti-85 {
      width: 5px;
      height: 2px;
      background-color: #263672;
      top: -10%;
      left: 47%;
      opacity: 1.1544252737;
      transform: rotate(257.5167395186deg);
      -webkit-animation: drop-85 4.5944957177s 0.0277040192s infinite;
              animation: drop-85 4.5944957177s 0.0277040192s infinite;
    }
    
    @-webkit-keyframes drop-85 {
      100% {
        top: 110%;
        left: 56%;
      }
    }
    
    @keyframes drop-85 {
      100% {
        top: 110%;
        left: 56%;
      }
    }
    .confetti-86 {
      width: 6px;
      height: 2.4px;
      background-color: #ffbf00;
      top: -10%;
      left: 47%;
      opacity: 0.9195580188;
      transform: rotate(240.4178274269deg);
      -webkit-animation: drop-86 4.631869361s 0.261678134s infinite;
              animation: drop-86 4.631869361s 0.261678134s infinite;
    }
    
    @-webkit-keyframes drop-86 {
      100% {
        top: 110%;
        left: 59%;
      }
    }
    
    @keyframes drop-86 {
      100% {
        top: 110%;
        left: 59%;
      }
    }
    .confetti-87 {
      width: 6px;
      height: 2.4px;
      background-color: #d13447;
      top: -10%;
      left: 16%;
      opacity: 1.3662608015;
      transform: rotate(114.234028533deg);
      -webkit-animation: drop-87 4.4174684166s 0.7562960361s infinite;
              animation: drop-87 4.4174684166s 0.7562960361s infinite;
    }
    
    @-webkit-keyframes drop-87 {
      100% {
    
        top: 110%;
        left: 31%;
      }
    }
    
    @keyframes drop-87 {
      100% {
        top: 110%;
        left: 31%;
      }
    }
    .confetti-88 {
      width: 3px;
      height: 1.2px;
      background-color: #263672;
      top: -10%;
      left: 7%;
      opacity: 1.0509844602;
      transform: rotate(146.6133288481deg);
      -webkit-animation: drop-88 4.2768716382s 0.7844412208s infinite;
              animation: drop-88 4.2768716382s 0.7844412208s infinite;
    }
    
    @-webkit-keyframes drop-88 {
      100% {
        top: 110%;
        left: 21%;
      }
    }
    
    @keyframes drop-88 {
      100% {
        top: 110%;
        left: 21%;
      }
    }
    .confetti-89 {
      width: 4px;
      height: 1.6px;
      background-color: #263672;
      top: -10%;
      left: 4%;
      opacity: 1.3940343684;
      transform: rotate(60.3673898295deg);
      -webkit-animation: drop-89 4.5245026687s 0.0799557831s infinite;
              animation: drop-89 4.5245026687s 0.0799557831s infinite;
    }
    
    @-webkit-keyframes drop-89 {
      100% {
        top: 110%;
        left: 7%;
      }
    }
    
    @keyframes drop-89 {
      100% {
        top: 110%;
        left: 7%;
      }
    }
    .confetti-90 {
      width: 7px;
      height: 2.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 25%;
      opacity: 1.3400000169;
      transform: rotate(277.1953351812deg);
      -webkit-animation: drop-90 4.6603321708s 0.9791744457s infinite;
              animation: drop-90 4.6603321708s 0.9791744457s infinite;
    }
    
    @-webkit-keyframes drop-90 {
      100% {
        top: 110%;
        left: 28%;
      }
    }
    
    @keyframes drop-90 {
      100% {
        top: 110%;
        left: 28%;
      }
    }
    .confetti-91 {
      width: 8px;
      height: 3.2px;
      background-color: #263672;
      top: -10%;
      left: 6%;
      opacity: 1.04219097;
      transform: rotate(283.3966252183deg);
      -webkit-animation: drop-91 4.3730954066s 0.5692660845s infinite;
              animation: drop-91 4.3730954066s 0.5692660845s infinite;
    }
    
    @-webkit-keyframes drop-91 {
      100% {
        top: 110%;
        left: 16%;
      }
    }
    
    @keyframes drop-91 {
      100% {
        top: 110%;
        left: 16%;
      }
    }
    .confetti-92 {
      width: 8px;
      height: 3.2px;
      background-color: #ffbf00;
      top: -10%;
      left: 68%;
      opacity: 1.4568489477;
      transform: rotate(168.0134866429deg);
      -webkit-animation: drop-92 4.1631267864s 0.6200195253s infinite;
              animation: drop-92 4.1631267864s 0.6200195253s infinite;
    }
    
    @-webkit-keyframes drop-92 {
      100% {
        top: 110%;
        left: 74%;
      }
    }
    
    @keyframes drop-92 {
      100% {
        top: 110%;
        left: 74%;
      }
    }
    .confetti-93 {
      width: 5px;
      height: 2px;
      background-color: #d13447;
      top: -10%;
      left: 18%;
      opacity: 1.4217957792;
      transform: rotate(143.6760061604deg);
      -webkit-animation: drop-93 4.376300684s 0.5919599021s infinite;
              animation: drop-93 4.376300684s 0.5919599021s infinite;
    }
    
    @-webkit-keyframes drop-93 {
      100% {
        top: 110%;
        left: 30%;
      }
    }
    
    @keyframes drop-93 {
      100% {
        top: 110%;
        left: 30%;
      }
    }
    .confetti-94 {
      width: 7px;
      height: 2.8px;
      background-color: #d13447;
      top: -10%;
      left: 57%;
      opacity: 1.116555326;
      transform: rotate(37.8983906011deg);
      -webkit-animation: drop-94 4.5767335987s 0.0435107362s infinite;
              animation: drop-94 4.5767335987s 0.0435107362s infinite;
    }
    
    @-webkit-keyframes drop-94 {
      100% {
        top: 110%;
        left: 59%;
      }
    }
    
    @keyframes drop-94 {
      100% {
        top: 110%;
        left: 59%;
      }
    }
    .confetti-95 {
      width: 8px;
      height: 3.2px;
      background-color: #d13447;
      top: -10%;
      left: 83%;
      opacity: 0.7009752958;
      transform: rotate(78.9348819401deg);
      -webkit-animation: drop-95 4.0013984493s 0.7277967344s infinite;
              animation: drop-95 4.0013984493s 0.7277967344s infinite;
    }
    
    @-webkit-keyframes drop-95 {
      100% {
        top: 110%;
        left: 84%;
      }
    }
    
    @keyframes drop-95 {
      100% {
        top: 110%;
        left: 84%;
      }
    }
    .confetti-96 {
      width: 8px;
      height: 3.2px;
      background-color: #ffbf00;
      top: -10%;
      left: 23%;
      opacity: 0.566450531;
      transform: rotate(350.0480815386deg);
      -webkit-animation: drop-96 4.723794021s 0.8487060782s infinite;
              animation: drop-96 4.723794021s 0.8487060782s infinite;
    }
    
    @-webkit-keyframes drop-96 {
      100% {
        top: 110%;
        left: 32%;
      }
    }
    
    @keyframes drop-96 {
      100% {
        top: 110%;
        left: 32%;
      }
    }
    .confetti-97 {
      width: 7px;
      height: 2.8px;
      background-color: #263672;
      top: -10%;
      left: 48%;
      opacity: 0.9207766098;
      transform: rotate(303.7927488036deg);
      -webkit-animation: drop-97 4.1835165756s 0.6988668759s infinite;
              animation: drop-97 4.1835165756s 0.6988668759s infinite;
    }
    
    @-webkit-keyframes drop-97 {
      100% {
        top: 110%;
        left: 60%;
      }
    }
    
    @keyframes drop-97 {
      100% {
        top: 110%;
        left: 60%;
      }
    }
    .confetti-98 {
      width: 7px;
      height: 2.8px;
      background-color: #d13447;
      top: -10%;
      left: 13%;
      opacity: 1.2538071863;
      transform: rotate(201.1047082984deg);
      -webkit-animation: drop-98 4.4799734602s 0.8974934891s infinite;
              animation: drop-98 4.4799734602s 0.8974934891s infinite;
    }
    
    @-webkit-keyframes drop-98 {
      100% {
        top: 110%;
        left: 21%;
      }
    }
    
    @keyframes drop-98 {
      100% {
        top: 110%;
        left: 21%;
      }
    }
    .confetti-99 {
      width: 1px;
      height: 0.4px;
      background-color: #263672;
      top: -10%;
      left: 18%;
      opacity: 0.6732900895;
      transform: rotate(296.9502364217deg);
      -webkit-animation: drop-99 4.9093557707s 0.0808793527s infinite;
              animation: drop-99 4.9093557707s 0.0808793527s infinite;
    }
    
    @-webkit-keyframes drop-99 {
      100% {
        top: 110%;
        left: 22%;
      }
    }
    
    @keyframes drop-99 {
      100% {
        top: 110%;
        left: 22%;
      }
    }
    .confetti-100 {
      width: 5px;
      height: 2px;
    
      background-color: #d13447;
      top: -10%;
      left: 50%;
      opacity: 0.7942730784;
      transform: rotate(261.9611282597deg);
      -webkit-animation: drop-100 4.5820512046s 0.3963698494s infinite;
              animation: drop-100 4.5820512046s 0.3963698494s infinite;
    }
    
    @-webkit-keyframes drop-100 {
      100% {
        top: 110%;
        left: 61%;
      }
    }
    
    @keyframes drop-100 {
      100% {
        top: 110%;
        left: 61%;
      }
    }
    .confetti-101 {
      width: 4px;
      height: 1.6px;
      background-color: #d13447;
      top: -10%;
      left: 47%;
      opacity: 0.7700999526;
      transform: rotate(284.3963202526deg);
      -webkit-animation: drop-101 4.7002566142s 0.9770577566s infinite;
              animation: drop-101 4.7002566142s 0.9770577566s infinite;
    }
    
    @-webkit-keyframes drop-101 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    
    @keyframes drop-101 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    .confetti-102 {
      width: 7px;
      height: 2.8px;
      background-color: #d13447;
      top: -10%;
      left: 22%;
      opacity: 1.2938250297;
      transform: rotate(347.8377589939deg);
      -webkit-animation: drop-102 4.465376889s 0.4563641495s infinite;
              animation: drop-102 4.465376889s 0.4563641495s infinite;
    }
    
    @-webkit-keyframes drop-102 {
      100% {
        top: 110%;
    
        left: 24%;
      }
    }
    
    @keyframes drop-102 {
      100% {
        top: 110%;
        left: 24%;
      }
    }
    .confetti-103 {
      width: 6px;
      height: 2.4px;
      background-color: #263672;
      top: -10%;
      left: 44%;
      opacity: 1.032436987;
      transform: rotate(345.963575113deg);
      -webkit-animation: drop-103 4.2569231091s 0.9427957864s infinite;
              animation: drop-103 4.2569231091s 0.9427957864s infinite;
    }
    
    @-webkit-keyframes drop-103 {
      100% {
        top: 110%;
        left: 56%;
      }
    }
    
    @keyframes drop-103 {
      100% {
        top: 110%;
        left: 56%;
      }
    }
    .confetti-104 {
      width: 7px;
      height: 2.8px;
      background-color: #d13447;
      top: -10%;
      left: 76%;
      opacity: 0.6726782034;
      transform: rotate(234.0625878594deg);
      -webkit-animation: drop-104 4.0087550322s 0.9446022909s infinite;
              animation: drop-104 4.0087550322s 0.9446022909s infinite;
    }
    
    @-webkit-keyframes drop-104 {
      100% {
        top: 110%;
        left: 87%;
      }
    }
    
    @keyframes drop-104 {
      100% {
        top: 110%;
        left: 87%;
      }
    }
    .confetti-105 {
      width: 2px;
      height: 0.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 64%;
      opacity: 0.830398407;
      transform: rotate(7.5293601173deg);
      -webkit-animation: drop-105 4.3683229757s 0.311350236s infinite;
              animation: drop-105 4.3683229757s 0.311350236s infinite;
    }
    
    @-webkit-keyframes drop-105 {
      100% {
        top: 110%;
        left: 70%;
      }
    }
    
    @keyframes drop-105 {
      100% {
        top: 110%;
        left: 70%;
      }
    }
    .confetti-106 {
      width: 2px;
      height: 0.8px;
      background-color: #263672;
      top: -10%;
      left: 53%;
      opacity: 0.9916539654;
      transform: rotate(176.447158476deg);
      -webkit-animation: drop-106 4.7716461146s 0.1346346859s infinite;
              animation: drop-106 4.7716461146s 0.1346346859s infinite;
    }
    
    @-webkit-keyframes drop-106 {
      100% {
        top: 110%;
        left: 56%;
      }
    }
    
    @keyframes drop-106 {
      100% {
        top: 110%;
        left: 56%;
      }
    }
    .confetti-107 {
      width: 7px;
      height: 2.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 84%;
      opacity: 1.4208785577;
      transform: rotate(47.2114162076deg);
      -webkit-animation: drop-107 4.793094874s 0.5677569489s infinite;
              animation: drop-107 4.793094874s 0.5677569489s infinite;
    }
    
    @-webkit-keyframes drop-107 {
      100% {
        top: 110%;
        left: 94%;
      }
    }
    
    @keyframes drop-107 {
      100% {
        top: 110%;
        left: 94%;
      }
    }
    .confetti-108 {
      width: 7px;
      height: 2.8px;
      background-color: #263672;
      top: -10%;
      left: 49%;
      opacity: 1.3997968068;
      transform: rotate(91.1280000261deg);
      -webkit-animation: drop-108 4.742049826s 0.7213455763s infinite;
              animation: drop-108 4.742049826s 0.7213455763s infinite;
    }
    
    @-webkit-keyframes drop-108 {
      100% {
        top: 110%;
        left: 50%;
      }
    }
    
    @keyframes drop-108 {
      100% {
        top: 110%;
        left: 50%;
      }
    }
    .confetti-109 {
      width: 2px;
      height: 0.8px;
      background-color: #263672;
      top: -10%;
      left: 67%;
      opacity: 0.5714608214;
      transform: rotate(301.6287475831deg);
      -webkit-animation: drop-109 4.1931149876s 0.2373721841s infinite;
              animation: drop-109 4.1931149876s 0.2373721841s infinite;
    }
    
    @-webkit-keyframes drop-109 {
      100% {
        top: 110%;
        left: 75%;
      }
    }
    
    @keyframes drop-109 {
      100% {
        top: 110%;
        left: 75%;
      }
    }
    .confetti-110 {
      width: 6px;
      height: 2.4px;
      background-color: #ffbf00;
      top: -10%;
      left: 52%;
      opacity: 0.5224377439;
      transform: rotate(220.3719252758deg);
      -webkit-animation: drop-110 4.697326442s 0.7659925121s infinite;
              animation: drop-110 4.697326442s 0.7659925121s infinite;
    }
    
    @-webkit-keyframes drop-110 {
      100% {
        top: 110%;
        left: 67%;
      }
    }
    
    @keyframes drop-110 {
      100% {
        top: 110%;
        left: 67%;
      }
    }
    .confetti-111 {
      width: 4px;
      height: 1.6px;
      background-color: #263672;
      top: -10%;
      left: 8%;
      opacity: 0.767273295;
      transform: rotate(207.8261039735deg);
      -webkit-animation: drop-111 4.2804955917s 0.4309796963s infinite;
              animation: drop-111 4.2804955917s 0.4309796963s infinite;
    }
    
    @-webkit-keyframes drop-111 {
      100% {
        top: 110%;
        left: 15%;
      }
    }
    
    @keyframes drop-111 {
      100% {
        top: 110%;
        left: 15%;
      }
    }
    .confetti-112 {
      width: 2px;
      height: 0.8px;
      background-color: #263672;
      top: -10%;
      left: 85%;
      opacity: 1.1083311755;
      transform: rotate(61.9793398005deg);
      -webkit-animation: drop-112 4.3216121076s 0.433157571s infinite;
              animation: drop-112 4.3216121076s 0.433157571s infinite;
    }
    
    @-webkit-keyframes drop-112 {
      100% {
        top: 110%;
        left: 96%;
      }
    }
    
    @keyframes drop-112 {
      100% {
        top: 110%;
        left: 96%;
      }
    }
    .confetti-113 {
      width: 8px;
      height: 3.2px;
      background-color: #d13447;
      top: -10%;
      left: 39%;
      opacity: 0.9917400591;
      transform: rotate(232.6054041862deg);
      -webkit-animation: drop-113 4.3265038184s 0.8149725377s infinite;
    
              animation: drop-113 4.3265038184s 0.8149725377s infinite;
    }
    
    @-webkit-keyframes drop-113 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    
    @keyframes drop-113 {
      100% {
    
        top: 110%;
        left: 51%;
      }
    }
    .confetti-114 {
      width: 5px;
      height: 2px;
      background-color: #ffbf00;
      top: -10%;
      left: 29%;
      opacity: 0.8971154798;
      transform: rotate(193.8868208964deg);
      -webkit-animation: drop-114 4.0359727021s 0.3726761191s infinite;
              animation: drop-114 4.0359727021s 0.3726761191s infinite;
    }
    
    @-webkit-keyframes drop-114 {
      100% {
        top: 110%;
        left: 35%;
      }
    }
    
    @keyframes drop-114 {
      100% {
        top: 110%;
        left: 35%;
      }
    }
    .confetti-115 {
      width: 8px;
      height: 3.2px;
      background-color: #ffbf00;
      top: -10%;
      left: 28%;
      opacity: 1.3104796427;
      transform: rotate(145.3558096913deg);
      -webkit-animation: drop-115 4.5180354327s 0.7322452481s infinite;
              animation: drop-115 4.5180354327s 0.7322452481s infinite;
    }
    
    @-webkit-keyframes drop-115 {
      100% {
        top: 110%;
        left: 37%;
      }
    }
    
    @keyframes drop-115 {
      100% {
        top: 110%;
        left: 37%;
      }
    }
    .confetti-116 {
      width: 1px;
      height: 0.4px;
      background-color: #ffbf00;
      top: -10%;
      left: 24%;
      opacity: 0.7535976145;
      transform: rotate(275.9629618224deg);
      -webkit-animation: drop-116 4.928841163s 0.6110353123s infinite;
              animation: drop-116 4.928841163s 0.6110353123s infinite;
    }
    
    @-webkit-keyframes drop-116 {
      100% {
        top: 110%;
        left: 34%;
      }
    }
    
    @keyframes drop-116 {
      100% {
        top: 110%;
        left: 34%;
      }
    }
    .confetti-117 {
      width: 1px;
      height: 0.4px;
      background-color: #ffbf00;
      top: -10%;
      left: 80%;
      opacity: 0.9887572027;
      transform: rotate(339.0595424741deg);
      -webkit-animation: drop-117 4.4223348946s 0.0870156937s infinite;
              animation: drop-117 4.4223348946s 0.0870156937s infinite;
    }
    
    @-webkit-keyframes drop-117 {
      100% {
        top: 110%;
        left: 91%;
      }
    }
    
    @keyframes drop-117 {
      100% {
        top: 110%;
        left: 91%;
      }
    }
    .confetti-118 {
      width: 1px;
      height: 0.4px;
      background-color: #d13447;
      top: -10%;
      left: 69%;
      opacity: 0.8691770724;
      transform: rotate(209.5172106429deg);
      -webkit-animation: drop-118 4.7121693474s 0.1036142372s infinite;
              animation: drop-118 4.7121693474s 0.1036142372s infinite;
    }
    
    @-webkit-keyframes drop-118 {
      100% {
        top: 110%;
        left: 80%;
      }
    }
    
    @keyframes drop-118 {
      100% {
        top: 110%;
        left: 80%;
      }
    }
    .confetti-119 {
      width: 1px;
      height: 0.4px;
      background-color: #263672;
      top: -10%;
      left: 16%;
      opacity: 1.3516287759;
      transform: rotate(107.6713022545deg);
      -webkit-animation: drop-119 4.4398931144s 0.8749286998s infinite;
              animation: drop-119 4.4398931144s 0.8749286998s infinite;
    }
    
    @-webkit-keyframes drop-119 {
      100% {
        top: 110%;
        left: 18%;
      }
    }
    
    @keyframes drop-119 {
      100% {
        top: 110%;
        left: 18%;
      }
    }
    .confetti-120 {
      width: 4px;
      height: 1.6px;
      background-color: #263672;
      top: -10%;
      left: 97%;
      opacity: 0.8843336514;
      transform: rotate(92.9588323642deg);
      -webkit-animation: drop-120 4.6651391435s 0.2045224738s infinite;
              animation: drop-120 4.6651391435s 0.2045224738s infinite;
    }
    
    @-webkit-keyframes drop-120 {
      100% {
        top: 110%;
        left: 104%;
      }
    }
    
    @keyframes drop-120 {
      100% {
        top: 110%;
        left: 104%;
      }
    }
    .confetti-121 {
      width: 3px;
      height: 1.2px;
      background-color: #ffbf00;
      top: -10%;
      left: 26%;
      opacity: 1.0770921456;
      transform: rotate(211.1095303623deg);
      -webkit-animation: drop-121 4.6314335633s 0.2432532357s infinite;
              animation: drop-121 4.6314335633s 0.2432532357s infinite;
    }
    
    @-webkit-keyframes drop-121 {
      100% {
        top: 110%;
        left: 34%;
      }
    }
    
    @keyframes drop-121 {
      100% {
        top: 110%;
        left: 34%;
      }
    }
    .confetti-122 {
      width: 6px;
      height: 2.4px;
      background-color: #d13447;
      top: -10%;
      left: 50%;
      opacity: 0.7939547421;
      transform: rotate(59.1667063852deg);
      -webkit-animation: drop-122 4.9592534996s 0.9555682145s infinite;
              animation: drop-122 4.9592534996s 0.9555682145s infinite;
    }
    
    @-webkit-keyframes drop-122 {
      100% {
        top: 110%;
        left: 63%;
      }
    }
    
    @keyframes drop-122 {
      100% {
        top: 110%;
        left: 63%;
      }
    }
    .confetti-123 {
      width: 2px;
      height: 0.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 65%;
      opacity: 0.8677265282;
      transform: rotate(112.2872491575deg);
      -webkit-animation: drop-123 4.7946970288s 0.2257567334s infinite;
              animation: drop-123 4.7946970288s 0.2257567334s infinite;
    }
    
    @-webkit-keyframes drop-123 {
      100% {
        top: 110%;
        left: 80%;
      }
    }
    
    @keyframes drop-123 {
      100% {
        top: 110%;
        left: 80%;
      }
    }
    .confetti-124 {
      width: 5px;
      height: 2px;
      background-color: #ffbf00;
      top: -10%;
      left: 77%;
      opacity: 0.711384187;
      transform: rotate(161.3116458156deg);
      -webkit-animation: drop-124 4.4454897897s 0.0312879126s infinite;
              animation: drop-124 4.4454897897s 0.0312879126s infinite;
    }
    
    @-webkit-keyframes drop-124 {
      100% {
        top: 110%;
        left: 82%;
      }
    }
    
    @keyframes drop-124 {
      100% {
        top: 110%;
        left: 82%;
      }
    }
    .confetti-125 {
      width: 2px;
      height: 0.8px;
      background-color: #263672;
      top: -10%;
      left: 29%;
      opacity: 1.4649578297;
      transform: rotate(275.5959790764deg);
      -webkit-animation: drop-125 4.0515544684s 0.9955570922s infinite;
              animation: drop-125 4.0515544684s 0.9955570922s infinite;
    }
    
    @-webkit-keyframes drop-125 {
      100% {
        top: 110%;
        left: 35%;
      }
    }
    
    @keyframes drop-125 {
      100% {
        top: 110%;
        left: 35%;
      }
    }
    .confetti-126 {
      width: 5px;
      height: 2px;
      background-color: #ffbf00;
      top: -10%;
      left: 80%;
      opacity: 1.2500078305;
      transform: rotate(264.1253122193deg);
      -webkit-animation: drop-126 4.152815266s 0.0973562617s infinite;
              animation: drop-126 4.152815266s 0.0973562617s infinite;
    }
    
    @-webkit-keyframes drop-126 {
      100% {
        top: 110%;
        left: 84%;
      }
    }
    
    @keyframes drop-126 {
      100% {
        top: 110%;
        left: 84%;
      }
    }
    .confetti-127 {
      width: 6px;
      height: 2.4px;
      background-color: #263672;
      top: -10%;
      left: 52%;
      opacity: 1.2704558272;
      transform: rotate(166.0401121647deg);
      -webkit-animation: drop-127 4.1733026055s 0.8605603604s infinite;
              animation: drop-127 4.1733026055s 0.8605603604s infinite;
    }
    
    @-webkit-keyframes drop-127 {
      100% {
        top: 110%;
        left: 60%;
      }
    }
    
    @keyframes drop-127 {
      100% {
        top: 110%;
        left: 60%;
      }
    }
    .confetti-128 {
      width: 7px;
      height: 2.8px;
      background-color: #d13447;
      top: -10%;
      left: 80%;
      opacity: 0.6771154908;
      transform: rotate(70.0474634149deg);
      -webkit-animation: drop-128 4.5651311335s 0.7868451365s infinite;
              animation: drop-128 4.5651311335s 0.7868451365s infinite;
    }
    
    @-webkit-keyframes drop-128 {
      100% {
        top: 110%;
        left: 89%;
      }
    }
    
    @keyframes drop-128 {
      100% {
        top: 110%;
        left: 89%;
      }
    }
    .confetti-129 {
      width: 4px;
      height: 1.6px;
      background-color: #d13447;
      top: -10%;
      left: 9%;
      opacity: 0.7021273351;
      transform: rotate(102.6967727051deg);
      -webkit-animation: drop-129 4.7983629363s 0.3477804495s infinite;
              animation: drop-129 4.7983629363s 0.3477804495s infinite;
    }
    
    @-webkit-keyframes drop-129 {
      100% {
        top: 110%;
        left: 20%;
      }
    }
    
    @keyframes drop-129 {
      100% {
        top: 110%;
        left: 20%;
      }
    }
    .confetti-130 {
      width: 8px;
      height: 3.2px;
      background-color: #d13447;
      top: -10%;
      left: 88%;
      opacity: 1.4120678752;
      transform: rotate(132.5793919842deg);
      -webkit-animation: drop-130 4.2652643867s 0.2768137881s infinite;
              animation: drop-130 4.2652643867s 0.2768137881s infinite;
    }
    
    @-webkit-keyframes drop-130 {
      100% {
        top: 110%;
        left: 89%;
    
      }
    }
    
    @keyframes drop-130 {
      100% {
        top: 110%;
        left: 89%;
      }
    }
    .confetti-131 {
      width: 4px;
      height: 1.6px;
      background-color: #d13447;
      top: -10%;
      left: 46%;
      opacity: 0.6763298264;
      transform: rotate(186.3496222398deg);
      -webkit-animation: drop-131 4.6046079637s 0.4183396647s infinite;
              animation: drop-131 4.6046079637s 0.4183396647s infinite;
    }
    
    @-webkit-keyframes drop-131 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    
    @keyframes drop-131 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    .confetti-132 {
      width: 5px;
      height: 2px;
      background-color: #ffbf00;
      top: -10%;
      left: 99%;
      opacity: 1.2998012401;
      transform: rotate(265.6459874559deg);
      -webkit-animation: drop-132 4.9069780821s 0.5810388031s infinite;
              animation: drop-132 4.9069780821s 0.5810388031s infinite;
    }
    
    @-webkit-keyframes drop-132 {
      100% {
        top: 110%;
        left: 100%;
      }
    }
    
    @keyframes drop-132 {
      100% {
        top: 110%;
        left: 100%;
      }
    }
    .confetti-133 {
      width: 2px;
      height: 0.8px;
      background-color: #263672;
      top: -10%;
      left: 35%;
      opacity: 1.3245428377;
      transform: rotate(27.3648458206deg);
      -webkit-animation: drop-133 4.9350788812s 0.9103617766s infinite;
              animation: drop-133 4.9350788812s 0.9103617766s infinite;
    }
    
    @-webkit-keyframes drop-133 {
      100% {
        top: 110%;
        left: 43%;
      }
    }
    
    @keyframes drop-133 {
      100% {
        top: 110%;
        left: 43%;
      }
    }
    .confetti-134 {
      width: 3px;
      height: 1.2px;
      background-color: #ffbf00;
      top: -10%;
      left: 63%;
      opacity: 1.2100624455;
      transform: rotate(200.9990203233deg);
      -webkit-animation: drop-134 4.8976974333s 0.7091904723s infinite;
              animation: drop-134 4.8976974333s 0.7091904723s infinite;
    }
    
    @-webkit-keyframes drop-134 {
      100% {
        top: 110%;
        left: 72%;
      }
    }
    
    @keyframes drop-134 {
      100% {
        top: 110%;
        left: 72%;
      }
    }
    .confetti-135 {
      width: 8px;
      height: 3.2px;
      background-color: #ffbf00;
      top: -10%;
      left: 12%;
      opacity: 0.5233311577;
      transform: rotate(306.3177651804deg);
      -webkit-animation: drop-135 4.0911129468s 0.1293133421s infinite;
              animation: drop-135 4.0911129468s 0.1293133421s infinite;
    }
    
    @-webkit-keyframes drop-135 {
      100% {
        top: 110%;
        left: 16%;
      }
    }
    
    @keyframes drop-135 {
      100% {
        top: 110%;
        left: 16%;
      }
    }
    .confetti-136 {
      width: 7px;
      height: 2.8px;
      background-color: #ffbf00;
      top: -10%;
      left: 64%;
      opacity: 0.783066553;
      transform: rotate(345.455742334deg);
      -webkit-animation: drop-136 4.0466075792s 0.1610134651s infinite;
              animation: drop-136 4.0466075792s 0.1610134651s infinite;
    }
    
    @-webkit-keyframes drop-136 {
      100% {
        top: 110%;
        left: 66%;
      }
    }
    
    @keyframes drop-136 {
      100% {
        top: 110%;
        left: 66%;
      }
    }
    .confetti-137 {
      width: 3px;
      height: 1.2px;
      background-color: #d13447;
      top: -10%;
      left: 97%;
      opacity: 1.0325285067;
      transform: rotate(56.6888074462deg);
      -webkit-animation: drop-137 4.1104490442s 0.8954216024s infinite;
              animation: drop-137 4.1104490442s 0.8954216024s infinite;
    }
    
    @-webkit-keyframes drop-137 {
      100% {
        top: 110%;
        left: 109%;
      }
    }
    
    @keyframes drop-137 {
      100% {
        top: 110%;
        left: 109%;
      }
    }
    .confetti-138 {
      width: 3px;
      height: 1.2px;
      background-color: #d13447;
      top: -10%;
      left: 34%;
      opacity: 0.5864185948;
      transform: rotate(76.3652461159deg);
      -webkit-animation: drop-138 4.8409873206s 0.4301533173s infinite;
              animation: drop-138 4.8409873206s 0.4301533173s infinite;
    }
    
    @-webkit-keyframes drop-138 {
      100% {
        top: 110%;
        left: 45%;
      }
    }
    
    @keyframes drop-138 {
      100% {
        top: 110%;
        left: 45%;
      }
    }
    .confetti-139 {
      width: 4px;
      height: 1.6px;
      background-color: #ffbf00;
      top: -10%;
      left: 29%;
      opacity: 1.0892574666;
      transform: rotate(277.499937377deg);
      -webkit-animation: drop-139 4.5403518499s 0.0610210004s infinite;
              animation: drop-139 4.5403518499s 0.0610210004s infinite;
    }
    
    @-webkit-keyframes drop-139 {
      100% {
        top: 110%;
        left: 35%;
      }
    }
    
    @keyframes drop-139 {
      100% {
        top: 110%;
        left: 35%;
      }
    }
    .confetti-140 {
      width: 2px;
      height: 0.8px;
      background-color: #263672;
      top: -10%;
      left: 67%;
      opacity: 1.3737534745;
      transform: rotate(118.7906367683deg);
      -webkit-animation: drop-140 4.5612638018s 0.2825275154s infinite;
              animation: drop-140 4.5612638018s 0.2825275154s infinite;
    }
    
    @-webkit-keyframes drop-140 {
      100% {
        top: 110%;
        left: 78%;
      }
    }
    
    @keyframes drop-140 {
      100% {
        top: 110%;
        left: 78%;
      }
    }
    .confetti-141 {
      width: 7px;
      height: 2.8px;
      background-color: #d13447;
      top: -10%;
      left: 44%;
      opacity: 1.1989966694;
      transform: rotate(30.1160847805deg);
      -webkit-animation: drop-141 4.7348550138s 0.4022635946s infinite;
              animation: drop-141 4.7348550138s 0.4022635946s infinite;
    }
    
    @-webkit-keyframes drop-141 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    
    @keyframes drop-141 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    .confetti-142 {
      width: 3px;
      height: 1.2px;
      background-color: #263672;
      top: -10%;
      left: 38%;
      opacity: 1.0284737817;
      transform: rotate(132.5625438412deg);
      -webkit-animation: drop-142 4.7162559546s 0.8543242457s infinite;
              animation: drop-142 4.7162559546s 0.8543242457s infinite;
    }
    
    @-webkit-keyframes drop-142 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    
    @keyframes drop-142 {
      100% {
        top: 110%;
        left: 51%;
      }
    }
    .confetti-143 {
      width: 3px;
      height: 1.2px;
      background-color: #d13447;
      top: -10%;
      left: 60%;
      opacity: 1.0958992167;
      transform: rotate(182.6507565388deg);
      -webkit-animation: drop-143 4.8129529699s 0.3882769582s infinite;
              animation: drop-143 4.8129529699s 0.3882769582s infinite;
    }
    
    @-webkit-keyframes drop-143 {
      100% {
        top: 110%;
        left: 73%;
      }
    }
    
    @keyframes drop-143 {
      100% {
        top: 110%;
        left: 73%;
      }
    }
    .confetti-144 {
      width: 4px;
      height: 1.6px;
      background-color: #d13447;
      top: -10%;
      left: 21%;
      opacity: 0.7685948291;
      transform: rotate(265.8239060818deg);
      -webkit-animation: drop-144 4.7333562684s 0.098866716s infinite;
              animation: drop-144 4.7333562684s 0.098866716s infinite;
    }
    
    @-webkit-keyframes drop-144 {
      100% {
        top: 110%;
        left: 36%;
      }
    }
    
    @keyframes drop-144 {
      100% {
        top: 110%;
        left: 36%;
      }
    }
    .confetti-145 {
      width: 6px;
      height: 2.4px;
      background-color: #263672;
      top: -10%;
      left: 34%;
      opacity: 1.1239187234;
      transform: rotate(282.3567746484deg);
      -webkit-animation: drop-145 4.5091634789s 0.4080856009s infinite;
              animation: drop-145 4.5091634789s 0.4080856009s infinite;
    }
    
    @-webkit-keyframes drop-145 {
      100% {
        top: 110%;
        left: 37%;
      }
    }
    
    @keyframes drop-145 {
      100% {
        top: 110%;
        left: 37%;
      }
    }
    .confetti-146 {
      width: 7px;
      height: 2.8px;
      background-color: #263672;
      top: -10%;
      left: 30%;
      opacity: 1.4366957659;
      transform: rotate(259.0910737778deg);
      -webkit-animation: drop-146 4.5436178282s 0.0514897398s infinite;
              animation: drop-146 4.5436178282s 0.0514897398s infinite;
    }
    
    @-webkit-keyframes drop-146 {
      100% {
        top: 110%;
        left: 31%;
      }
    }
    
    @keyframes drop-146 {
      100% {
        top: 110%;
        left: 31%;
      }
    }
    .confetti-147 {
      width: 5px;
      height: 2px;
      background-color: #ffbf00;
      top: -10%;
      left: 40%;
      opacity: 0.8578264435;
      transform: rotate(52.6743370815deg);
      -webkit-animation: drop-147 4.8407154874s 0.0356591919s infinite;
              animation: drop-147 4.8407154874s 0.0356591919s infinite;
    }
    
    @-webkit-keyframes drop-147 {
      100% {
        top: 110%;
        left: 42%;
      }
    }
    
    @keyframes drop-147 {
      100% {
        top: 110%;
        left: 42%;
      }
    }
    .confetti-148 {
      width: 2px;
      height: 0.8px;
      background-color: #d13447;
      top: -10%;
      left: 70%;
      opacity: 1.2508605799;
      transform: rotate(189.1955318391deg);
      -webkit-animation: drop-148 4.817440819s 0.0084184808s infinite;
              animation: drop-148 4.817440819s 0.0084184808s infinite;
    }
    
    @-webkit-keyframes drop-148 {
      100% {
        top: 110%;
        left: 76%;
      }
    }
    
    @keyframes drop-148 {
      100% {
        top: 110%;
        left: 76%;
      }
    }
    .confetti-149 {
      width: 4px;
      height: 1.6px;
      background-color: #263672;
      top: -10%;
      left: 34%;
      opacity: 0.6474365605;
      transform: rotate(73.668636151deg);
      -webkit-animation: drop-149 4.5541005861s 0.7082420648s infinite;
              animation: drop-149 4.5541005861s 0.7082420648s infinite;
    }
    
    @-webkit-keyframes drop-149 {
      100% {
        top: 110%;
        left: 38%;
      }
    }
    
    @keyframes drop-149 {
      100% {
        top: 110%;
        left: 38%;
      }
    }
    .confetti-150 {
      width: 3px;
      height: 1.2px;
      background-color: #ffbf00;
      top: -10%;
      left: 45%;
      opacity: 1.4600599082;
      transform: rotate(311.3726368388deg);
      -webkit-animation: drop-150 4.1482821765s 0.8087936899s infinite;
              animation: drop-150 4.1482821765s 0.8087936899s infinite;
    }
    
    @-webkit-keyframes drop-150 {
      100% {
        top: 110%;
        left: 54%;
      }
    }
    
    @keyframes drop-150 {
      100% {
        top: 110%;
        left: 54%;
      }
    }	
    
    
    
    /* end of popup old event */
    
    /* start of revised kv slider */
    .racing-promotion-banner-container .slick-slide {
        margin: 0px!important;
    }
    
    #racing-promotion-banner img {
        margin-top: 0px!important;
    }
    
    .racing-promotion-banner-container>div>ul {
        position: absolute;
        bottom: 10px!important;
        right: 20px;
        margin-left: 0;
        padding-left: 0;
    }
    
    /* end of revised kv slider */
    
    /* mrd-news */
    .category-news #main>.row {
        display: block;
    }
    .mrd-news-container-highlight-row {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 48px;
        row-gap: 0px;
    }
    .mrd-news-container-highlight-row .article-items.article-item--list {
        padding-left: 0px;
        padding-right: 0px;
    }
    #loadMore {
        background-color: var(--rh-themecolor-third);
        color: #fff;
        padding: .8em 1.5em;
        border-radius: 50px;
    }
    @media (max-width: 990px) {
        .mrd-news-container-highlight-row {
            grid-template-columns: repeat(1, 1fr);
        }
    }
    /* end of mrd-news */
    /* mrd-home-news */
    .mrd-news-page-sub-title h1 {
        padding-bottom: 0px;
    }
    .mrd-news-page-title h1 {
        padding-top: 0px;
    }
    .mrd-news-page-title h1 {
        padding-top: 0px;
    }
    @media (max-width: 990px) {
    
    }
    .mrd-news-page-title .mb-5 {
        margin-bottom: 0rem !important;
    }
    .mrd-news-page-title .mt-4 {
        margin-top: 15px !important;
    }
    
    /* end of mrd-news */
    
    /********** 2025 Common style Start  ***********/
    #content {
        padding-top: 0px!important;
    }
    .atcb-text {
        text-align: left!important;
    }
    .section-padding-01{
        padding-top: 80px!important;
        padding-bottom: 65px!important;
    }
    @media (max-width: 990px) {
        .section-padding-01{
            padding-top: 48px!important;
            padding-bottom: 38px!important;
        }
    }
    /********** 2025 Common style End  ***********/
    
    .footer-fifth-row-left i {
    margin-right: 5px;
    } 
    
    .stickyBar .stickyBar__content .book-btn {
        background: rgb(254, 207, 19)!important; 
    }
    
    .book-btn:hover {color: #022169;}
    
    .side-cups.float-blk.isActive {
        
        display: none !important;
    }
    
    ul#menu-menu-1 {
        float: left;
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        width: 100%!important;
    }
    
    
    @media (max-width: 600px) {
        .footer-nav {
            width: 100%!important;
        }
    }
    
    
    @media (min-width: 992px) {
        .rh-header .rh-header-logo {
            
            margin-right: 20px;
        }
    }
    
    .nav-bar-raw-html {
      
        background: #fff!important;
       
    }
    
    
    @media (max-width: 992px) {
        .racing-promotion-banner-container .inner-banner-mobile, .burger-container, .burger:not(.clicked) {
            display: block!important;
        }
    }
    
    body.archive.category.category-news .content-header h1 {
      font-weight:600!important;
    
    }
    
    .stickyBar {
       
      
       
    }