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

@font-face {
    font-family: 'Soleil';
    src: url('../fonts/soleil-bold.woff2') format('woff2'), url('../fonts/soleil-bold.woff') format('woff');
    font-weight: bold;
}

@font-face {
    font-family: 'Soleil';
    src: url('../fonts/soleil-italic.woff2') format('woff2'), url('../fonts/soleil-italic.woff') format('woff');
    font-style: italic;
}

@font-face {
    font-family: 'Soleil';
    src: url('../fonts/soleil-bolditalic.woff2') format('woff2'), url('../fonts/soleil-bolditalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
/*@font-face {
    font-family: Soleil;
    src: url(../fonts/Soleil-Bold.otf) ;
    font-weight: bold;
}

@font-face {
    font-family: Soleil;
    src: url(../fonts/Soleil.otf);
}

@font-face {
    font-family: Soleil-BoldItalic;
    src: url(../fonts/Soleil-BoldItalic.otf);
}


@font-face {
    font-family: Soleil-Italic;
    src: url(../fonts/Soleil-Italic.otf);
}


@font-face {
    font-family: Soleil-Italic;
    src: url(../fonts/Soleil-Italic.otf);
}


@font-face {
    font-family: SoleilBk-Italic;
    src: url(../fonts/SoleilBk-Italic.otf);
}


@font-face {
    font-family: SoleilBk;
    src: url(../fonts/SoleilBk.otf);
}


@font-face {
    font-family: SoleilLt-Italic;
    src: url(../fonts/SoleilLt-Italic.otf);
}

@font-face {
    font-family: SoleilLt;
    src: url(../fonts/SoleilLt.otf);
}

@font-face {
    font-family: SoleilSb-Italic;
    src: url(../fonts/SoleilSb-Italic.otf);
}

@font-face {
    font-family: SoleilSb;
    src: url(../fonts/SoleilSb.otf);
}

@font-face {
    font-family: SoleilXb-Italic;
    src: url(../fonts/SoleilXb-Italic.otf);
}

@font-face {
    font-family: SoleilXb;
    src: url(../fonts/SoleilXb.otf);
}*/


body {
    font-family: Soleil;
}

h1, h2, h3, h4 {
    font-family: Soleil;
}

.sfPublicWrapper {
    position: relative;
    width: 100% !important;
    padding: 0 !important;
}
.k-grid-header th.k-header.text-right {
    text-align: right;
}
.k-grid-header th.k-header.text-center {
    text-align: center;
}
/*update header*/
/******************************************/
.row {
    margin-left: 10%;
    margin-right: 10%;
}

.top-menu-2 {
    margin-top: 10px;
}

.logo {
    /*width: 265px;*/
    padding-left: 0;
}

.logo-wcc {
    float: right;
    text-align: right;
    padding-right: 0;
    padding-left: 0;
}

.utility-nav {
    position: absolute;
    right: 0;
    top: 0;
}

    .utility-nav > div {
        float: left;
        padding: 0 20px;
    }


.uci-header {
    position: relative;
}

.search {
    padding-right: 0 !important;
}
/******************************************/
.logo img, .logo-wcc img, .footer-logo img {
    /*margin-top: 30px;*/
    max-width: 100%;
}

.header-right {
}

.secondary-menu ul {
    float: right;
    /* margin: 25px 5px; */
    margin: 10px 0;
}

    .secondary-menu ul > li > a {
        padding: 5px !important;
        color: #9B9B9B;
        font-size: 15px;
    }

    .secondary-menu ul > li {
        padding: 0 5px;
        display: inline-block;
    }

        .secondary-menu ul > li > a:hover {
            /*background:none;*/
        }

.language-switcher a {
    padding: 13px 16px;
    background-color: rgba(155,155,155,0.9);
    border-radius: 0;
    color: #FFFFFF;
    text-transform: capitalize;
}

.language-switcher li {
    padding-left: 0;
}

.shop {
    width: auto;
    margin-top: 23px;
    padding-left: 45px;
    padding-right: 0;
}

.search {
    margin-top: 17px;
    padding-right: 40px;
    padding-top: 0;
}

    .search input[type='search'] {
        /*display: none;*/
        background: url(/ResourcePackages/uci/images/icon-search.png) no-repeat;
        background-position: right;
        width: 15px;
        padding-left: 10px;
        box-shadow: none;
        color: transparent;
        border: none;
        cursor: pointer;
        /* border: solid 1px #ccc; */
        padding: 9px 10px 9px 32px;
        /* width: 55px; */
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        /* border-radius: 10em; */
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }
        .search input[type='search']:focus {
            border: solid 1px #ccc;
            background-color: #ededed;
            width: 130px;
            background-color: #fff;
            border-color: #ccc;
            -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
            -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
            box-shadow: 0 0 5px rgba(109,207,246,.5);
        }
        .search input[type='search']:hover {
            background-color: #fff;
        }

        .search input[type='search']:focus {
            width: 230px;
            padding-left: 15px;
            padding-right: 30px;
            color: #000;
            background-color: #fff;
            cursor: auto;
        }
    .search button {
        background: none;
        float: right;
        padding-right: 0;
        padding-top: 0;
        padding-left: 0;
    }

        .search button i {
            font-size: 18pt;
            color: rgb(119, 119, 119);
        }

.main-menu .navbar {
    margin-bottom: 10px;
}


.main-menu > ul {
    /*width: 100%;
    display: table;*/
    display: table;
    width: 100%;
}

    .main-menu > ul > li {
        display: table-cell;
        float: none;
        padding: 19px 18px;
        text-align: center;
    }

        .main-menu > ul > li:first-child {
            padding-left: 0;
            text-align: left;
        }

        .main-menu > ul > li:last-child {
            padding-right: 0;
            text-align: right;
        }

        .main-menu > ul > li > a, .main-menu li.parent > span > a {
            padding: 0;
            color: #514d4d;
            font-weight: bold;
            font-size: 16px;
            /*padding-right:5px;*/
        }

            .main-menu > ul > li > a:focus {
                background-color: unset;
            }

.main-menu span.glyphicon {
    font-size: 13px;
}

.main-menu li.parent {
    z-index: 3;
}

    .main-menu li.parent > span {
        position: relative;
    }

        .main-menu li.parent > span > nav.dropdown-menu {
            position: absolute;
            top: -30px;
            border: 2px solid #DBDBDB;
            left: -30px;
            padding: 50px 28px 30px 28px;
            list-style-type: none;
            z-index: -1;
            background-color: white;
            border-radius: 0;
        }

            .main-menu li.parent > span > nav.dropdown-menu > a {
                white-space: nowrap;
                padding: 5px 0;
                display: block;
                color: rgb(102, 102, 102);
            }

ul.nav li.dropdown:hover > ul.dropdown-menu {
    /*display: block;*/
}

.content-wrap {
    margin-bottom: 40px;
    clear: both;
    /* padding-top: 50px; */
}


.main-menu .nav .open > a, .main-menu .nav .open > a:focus, .main-menu .nav .open > a:hover {
    background-color: unset;
    z-index: 3;
    text-decoration: none;
}

.main-menu .dropdown-menu > li > a:focus, .main-menu .dropdown-menu > li > a:hover .main-menu .nav > li > a:focus, .main-menu .nav > li > a:hover {
    background-color: unset;
}

.main-menu .dropdown-menu {
    border: none;
    background: none;
    box-shadow: none;
    top: -5px;
    left: -4px;
    padding: 50px 20px 20px 20px;
    border: 2px solid #DBDBDB;
    background: white;
    z-index: 2;
}

.main-menu > .nav > li.dropdown > a {
    /*background-image: url('../images/Arrow-down.png');
    background-repeat: no-repeat;
    background-position: right;*/
}

.main-menu .nav > li.dropdown .caret {
    display: none;
}

.main-menu .dropdown-menu:after {
    display: none;
}

.main-menu .dropdown-menu > li > a:focus, .main-menu .dropdown-menu > li > a:hover {
    background-color: unset;
}


.main-menu .dropdown-header, .main-menu .dropdown-menu > li > a {
    padding: 5px 0;
}

.glyphicon-chevron-left:before {
    content: "\e257";
}

.glyphicon-chevron-right:before {
    content: "\e258";
}

h3.wdiget-title {
    font-size: 30pt;
    font-weight: bold;
}

.all-other a {
    opacity: 1;
    transition: opacity 0.2s ease;
}

    .all-other a:hover {
        opacity: 0.5;
    }

.line {
    width: 100%;
    display: block;
    height: 2px;
    background-color: #E5E5E5;
}

/*Style form carrousel*/
.widget-carousel .carousel-caption {
    background: #fff;
    position: absolute;
    left: unset;
    right: 15%;
    bottom: 10%;
    width: 500px;
    text-align: left;
    padding: 27px 30px 30px 30px;
    /* max-width: 500px; */
}


.widget-carousel .carousel-inner {
    height: 620px;
}


    .widget-carousel .carousel-inner > .item,
    .widget-carousel .carousel-inner .lazy-bg {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
    }

        .widget-carousel .carousel-inner > .item > img {
            height: 620px;
            margin: auto;
        }

        .widget-carousel .carousel-inner > .item .uci-cate {
            color: #337ab7;
            font-weight: bold;
            font-size: 13pt;
        }

        .widget-carousel .carousel-inner > .item .news-title {
            margin-top: 10px;
        }

            .widget-carousel .carousel-inner > .item .news-title > a {
                color: #000;
                font-size: 28px;
                line-height: 34px;
                font-weight: bold;
            }

        .widget-carousel .carousel-inner > .item .date {
            font-size: 10pt;
            color: rgb(119, 119, 119);
        }

.widget-carousel .carousel-control > span:before {
    background: black;
    padding: 16px;
    width: 53px;
    height: 53px;
    display: block;
    font-size: 20px;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.widget-carousel .carousel-control {
    opacity: 1;
}

    .widget-carousel .carousel-control > span:hover:before {
        transition: 0.2s ease;
        opacity: 1;
    }

    .widget-carousel .carousel-control.left, .widget-carousel .carousel-control.right {
        background: none;
        opacity: 1;
        width: 30px;
        height: 30px;
        top: 50%;
    }

    .widget-carousel .carousel-control.left {
        left: 40px;
    }

    .widget-carousel .carousel-control.right {
        right: 50px;
    }


.widget-carousel .carousel-indicators {
    /* bottom: -50px; */
    position: relative;
    display: block;
    left: 0;
    width: 100%;
    margin: auto;
    bottom: 0;
    margin-top: 20px;
}

    .widget-carousel .carousel-indicators .active {
        width: 50px;
        margin: 1px;
        background-color: #333333;
        opacity: 1;
        height: 8px !important;
    }

    .widget-carousel .carousel-indicators li {
        border-radius: unset;
        height: 6px !important;
        width: 50px;
        background-color: #333333;
        opacity: .7;
    }

.widget-carousel .carousel-caption, .widget-carousel .carousel-control {
    text-shadow: none;
}

/*Common styles form widgets*/
.content-wrap .widget-title {
    font-size: 28px;
    text-align: center;
    /*margin-bottom: 20px;*/
    font-weight: bold;
    text-transform: uppercase;
}

    .content-wrap .widget-title.big {
        border-bottom: 2px solid #E5E5E5;
        text-align: left;
        padding-bottom: 20px;
        color: #262626;
    }

.all-other a {
    color: #000000 !important;
    font-family: Soleil;
    font-size: 14px;
    text-decoration: underline;
}

.widget-head {
    position: relative;
}

    .widget-head .all-other {
        width: auto;
        position: absolute;
        top: 20px;
        right: 0;
        padding: 5px;
        font-weight: 600;
    }

.widget-title {
    position: relative;
    text-align: left;
}

    .widget-title.full-line {
        border-bottom: 2px solid #E5E5E5;
        padding-bottom: 20px;
    }
/*Styles for news widget*/
.widget-news .widget-title {
}

.widget-news img.news-image {
    height: 210px;
    min-height: 200px;
}

.widget-news .carousel-control > span:before {
    background: #FFFFFF;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 20px;
}

.widget-news .news {
    /*width: 33.3%;*/
    float: left;
    /*padding: 0 15px;*/
    margin-bottom: 40px;
    text-align: center;
}

.widget-news .widget-content {
    margin-top: 20px;
}

.widget-news .news > .news-head {
    position: relative;
}

.widget-news .news > .news-item-top > .news-image {
}

.widget-news .news > .news-item-top > .news-cate {
    position: absolute;
    bottom: 0;
    left: 20px;
    padding: 10px;
    /*background-color: blue;*/
    color: #FFFFFF;
}


.widget-news .news > .news-content {
    padding-left: 20px;
}

    .widget-news .news > .news-content > .news-title {
        text-align: left;
        margin-top: 15px;
    }

        .widget-news .news > .news-content > .news-title a {
            color: black;
            font-size: 18px;
            line-height: 24px;
            font-weight: 300;
            text-align: left;
        }

.widget-news .news-date {
    font-size: 12px;
    line-height: 17px;
    color: rgba(0,0,0,0.6);
}

.widget-news .news > .news-content > .news-date {
    display: block;
    text-align: left;
    /* padding: 0 10px; */
}

.widget-news .widget-content .bx-wrapper {
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0;
}


.widget-news .bx-wrapper .bx-next,
.team-slider-container .bx-wrapper .bx-next {
    right: -10%;
    background: url(../js/bxslider/images/right.png) no-repeat;
    top: 30%;
}

.team-slider-container .bx-wrapper .bx-next {
    top: 50%;
    right: -200px;
}

.widget-news .bx-wrapper .bx-prev,
.team-slider-container .bx-wrapper .bx-prev {
    left: -10%;
    background: url(../js/bxslider/images/left.png) no-repeat;
    top: 30%;
}

.widget-news .bx-wrapper .bx-pager {
    display: none;
}

.team-slider-container .bx-wrapper .bx-prev {
    top: 50%;
    left: -200px;
}

.widget-news .bx-wrapper .bx-next:focus, .widget-news .bx-wrapper .bx-next:hover {
    /*background-position: unset;*/
}

.widget-news .bx-wrapper .bx-controls-direction a,
.team-slider-container .bx-wrapper .bx-controls-direction a {
    transition: opacity 0.2s ease;
    -webkit-transition: opacity .5s ease-out;
    opacity: 0.5;
    height: 40px;
    width: 40px;
    border: 2px solid #CCCCCC;
    background-color: #FFFFFF;
    background-position: center;
}

    .widget-news .bx-wrapper .bx-controls-direction a:hover,
    .team-slider-container .bx-wrapper .bx-controls-direction a:hover {
        opacity: 1;
    }


.widget-news,
.team-slider-container {
    position: relative;
}

    .team-slider-container .bx-wrapper {
        margin: auto;
        box-shadow: none;
    }

    .widget-news > .rain-bow {
    }

.rain-bow > ul.uci-colors {
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .rain-bow > ul.uci-colors > li {
        height: 8px;
    }

        .rain-bow > ul.uci-colors > li.road {
            background-color: #0177C6;
        }

        .rain-bow > ul.uci-colors > li.track {
            background-color: #C8133C;
        }

        .rain-bow > ul.uci-colors > li.moutain-bike {
            background-color: #000000;
        }

        .rain-bow > ul.uci-colors > li.bmx-freestyle {
            background-color: #F8E000;
        }

        .rain-bow > ul.uci-colors > li.bmx {
            background-color: #32B332;
        }


.widget-news > .rain-bow {
    /* float:left; */
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

    .widget-news > .rain-bow > ul.uci-colors > li {
        /*height: 11px;*/
    }

.widget-news > .news-wrap {
    /*padding-left: 25px;*/
}

    .widget-news > .news-wrap > .widget-content > .slide-container {
        /*padding: 0 40px;*/
        /*width: 80%;*/
        /*margin: auto;*/
    }

    .widget-news > .news-wrap > .news-head {
        position: relative;
    }

        .widget-news > .news-wrap > .news-head > h3 {
            margin: 30px 0;
        }

        .widget-news > .news-wrap > .news-head > .all-news {
            width: auto;
            position: absolute;
            top: 40px;
            right: 0;
            padding: 5px;
        }

.widget-news .news-item-top {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: cover;
}

/*Styles for Women's widget*/
.widget-women {
    position: relative;
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
}

    .widget-women .women-wrap {
        position: absolute;
        bottom: -10%;
        left: 50%;
        right: 10%;
        /*width: 600px;*/
        background: #FFFFFF;
        border: 4px solid #CCCCCC;
    }
    .widget-women .bg, .widget-rule .bg {
        height: 100%;
        background-size: cover;
    }

    .widget-women .women-wrap {
        /*margin-left: 10%;
    margin-right: 10%;
    border: 4px solid #DEDEDE;*/
        padding: 0px 20px;
        background: #FFFFFF;
    }

    .widget-women .women-content {
        padding: 20px;
    }

    .widget-women .widget-title {
        text-align: left;
        margin-top: 0;
    }

    .widget-women .women-description {
        font-size: 18px;
        color: #000;
    }

    .widget-women .discover-more {
        font-size: 18px;
        color: #000;
    }

    .widget-women .rain-bow {
        position: absolute;
        top: 28px;
        /* height: 200px; */
        width: 30px;
        left: -15px;
        /* z-index: -1; */
    }

/*Styles for Rules and regulations  widget*/
.widget-rule {
    position: relative;
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
}
.widget-women, .widget-rule {
    background-position: center;
}
.widget-rule .rule-wrap {
    position: absolute;
    top: 45%;
    left: 30%;
    right: 30%;
    /*width: 600px;*/
    background: #FFFFFF;
}

    .widget-rule .rule-wrap {
        /*margin-left: 10%;
    margin-right: 10%;
    border: 4px solid #DEDEDE;*/
        padding: 20px 20px;
        background: #FFFFFF;
        border: 4px solid;
    }

    .widget-rule .rule-content {
        padding: 20px;
    }

    .widget-rule .widget-title {
        text-align: center;
        margin-top: 0;
    }

    .widget-rule .rule-description {
        font-size: 18px;
        color: #000;
        text-align: center;
    }



    .widget-rule .rain-bow {
        position: absolute;
        top: 40%;
        bottom: 40%;
        height: 20%;
        width: 30px;
        left: -34px;
        /* z-index: -1; */
    }

/*Styles for corporate news widget*/
.other-news {
    /*padding-left: 10%;
    padding-right: 10%;*/
    margin-left: 0;
    margin-right: 0;
}

.widget-corporate-news .news-head > .title {
    text-align: left;
    font-size: 21px;
    padding-left: 15px;
    font-weight: bold;
    margin-bottom: 30px;
}

.widget-corporate-news .news-item {
    overflow: hidden;
}

    .widget-corporate-news .news-item:nth-of-type(2n+1) {
        padding-left: 0;
    }

    .widget-corporate-news .news-item:nth-of-type(2n) {
        padding-right: 0;
    }

    .widget-corporate-news .news-item > .news-item-top {
        height: 250px;
        position: relative;
        /* margin: auto; */
        text-align: center;
        background-position: center;
        background-size: cover;
    }

    .widget-corporate-news .news-item img.news-image {
        height: 100%;
        /* width: 100%; */
    }

    .widget-corporate-news .news-item > .news-item-top > .news-cate {
        position: absolute;
        bottom: 0;
        left: 20px;
        padding: 10px;
        /*background-color: blue;*/
        color: #FFFFFF;
    }


    .widget-corporate-news .news-item > .news-item-content > .news-title {
        font-size: 18px;
    }

    .widget-corporate-news .news-item > .news-item-content > .news-date {
        font-size: 12px;
        color: rgba(0,0,0,0.6);
    }

.widget-corporate-news .news-item-content .news-title a {
    color: black;
    text-align: left;
    font-weight: bold;
}

.widget-corporate-news .news-item .news-item-content {
    padding-left: 20px;
}




/*Styles for press release news widget*/
.widget-press-release-news .news-head > .title {
    text-align: left;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 30px;
}

.widget-press-release-news .news-item {
    overflow: hidden;
    border-top: 1px solid #C5C5C5;
    padding: 8px 0;
}

    .widget-press-release-news .news-item > .horizontal-line {
        font-size: 18px;
    }

    .widget-press-release-news .news-item > .news-title {
        font-size: 18px;
    }

        .widget-press-release-news .news-item > .news-title a {
            color: black;
            text-align: left;
            display: block;
            font-weight: bold;
        }

    .widget-press-release-news .news-item > .news-date {
        font-size: 12px;
        color: rgba(0,0,0,0.6);
    }




/*Styles for Partner widget*/
.widget-partner {
    position: relative;
}

    .widget-partner .partner-wrap {
        margin-left: 10%;
        margin-right: 10%;
        border: 4px solid #DEDEDE;
        padding: 40px 20px;
        background: #FFFFFF;
    }

    .widget-partner .partner-head {
    }

        .widget-partner .partner-head .widget-title {
            font-size: 21px;
        }

    .widget-partner .partner-content {
        margin-top: 40px;
    }

        .widget-partner .partner-content .partner {
            height: 40px;
            display: inline-block;
            padding: 5px 40px;
        }


            .widget-partner .partner-content .partner img {
                height: 100%;
            }


    .widget-partner .rain-bow {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
        bottom: 0;
        height: 20%;
        margin: auto;
    }

    .widget-partner .partner-content a {
        transition: opacity 0.2s ease;
    }

        .widget-partner .partner-content a:hover {
            opacity: 0.7;
        }

.uci-partner {
    text-align: center;
}
/*Styles for sitemap*/

.uci-buttons {
    border-bottom: 4px solid #000;
    margin-left: 10%;
    margin-right: 10%;
    padding: 10px 0;
}

    .uci-buttons > .sf_colsIn {
        display: inline-block;
        padding: 20px;
        /*background-color:black;*/
    }

        .uci-buttons > .sf_colsIn:first-child {
            padding-left: 0;
        }

        .uci-buttons > .sf_colsIn:last-child {
            padding-right: 0;
        }

        .uci-buttons > .sf_colsIn > div {
            background-color: black;
            padding: 13px;
            text-align: center;
            opacity: 1;
            transition: opacity 0.2s ease;
            font-weight: bold;
        }

            .uci-buttons > .sf_colsIn > div:hover {
                opacity: 0.5;
            }

            .uci-buttons > .sf_colsIn > div a {
                color: #fff;
                font-family: Soleil;
                font-size: 14px;
            }

.uci-footer-buttons .col1 {
    padding-right: 15px;
}

.uci-footer-buttons .col2 {
    padding-left: 5px;
    padding-right: 10px;
}

.uci-footer-buttons .col3 {
    padding-left: 10px;
    padding-right: 5px;
}

.uci-footer-buttons .col4 {
    padding-left: 15px;
}
/*Styles form uci-sitemap*/
.uci-sitemap {
    margin-left: 10%;
    margin-right: 10%;
    padding: 10px 0;
}

    .uci-sitemap > .sf_colsIn {
        padding-left: 20px;
    }

        .uci-sitemap > .sf_colsIn:first-child {
            padding-left: 0;
        }

        .uci-sitemap > .sf_colsIn h3 {
            color: #000000;
            font-family: Soleil;
            font-size: 16px;
            font-weight: bold;
        }

        .uci-sitemap > .sf_colsIn a {
            opacity: 0.8;
            color: #000000;
            font-family: Soleil;
            font-size: 15px;
            line-height: 32px;
        }

/*Styles form uci-footer*/
.uci-footer {
    border-top: 4px solid #CCCCCC;
    margin-left: 10%;
    margin-right: 10%;
    padding: 25px 0;
}

    .uci-footer a,
    .uci-footer a:hover {
        text-decoration: underline;
    }

    .uci-footer > .sf_colsIn {
        padding-left: 20px;
    }

        .uci-footer > .sf_colsIn:first-child {
            padding-left: 0;
        }

        .uci-footer > .sf_colsIn h3 {
            color: #000000;
            font-family: Soleil;
            font-size: 16px;
            font-weight: bold;
        }

        .uci-footer > .sf_colsIn a {
            opacity: 0.8;
            color: #000000;
            font-family: Soleil;
            font-size: 15px;
            /*line-height: 32px;*/
        }

        .uci-footer > .sf_colsIn p {
            font-family: Soleil;
            font-size: 15px;
        }



/*Styles for social media widget*/

.widget-social {
    background-color: #0078D8;
    position: relative;
}

    .widget-social .social-wrap {
        margin-left: 10%;
        margin-right: 10%;
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .widget-social .social-item {
        padding: 10px;
        text-align: center;
        color: #FFFFFF;
        position: initial;
    }



        .widget-social .social-item > span {
            padding: 10px;
            display: block;
            /* text-align: center; */
        }

        .widget-social .social-item .icon {
            height: 50px;
        }

        .widget-social .social-item .count {
            font-size: 28px;
        }

        .widget-social .social-item .fan {
            font-size: 16px;
        }

        .widget-social .social-item .social-button {
            /* text-align: center; */
            border: 2px solid #fff;
            background: none;
            width: 146px;
            height: 46px;
            opacity: 1;
            transition: opacity 0.2s ease;
        }

            .widget-social .social-item .social-button:hover {
                opacity: 0.5;
            }

    .widget-social .social-header {
        background-color: #fff;
        height: 50px;
        left: -20%;
        position: absolute;
        top: -17px;
        width: 120%;
        z-index: 9;
        -ms-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        transform: rotate(-1deg);
    }

    .widget-social .social-media-modal {
        position: absolute;
        bottom: 86%;
        left: 10%;
        right: 10%;
        border: 1px solid #fff;
        z-index: 10;
        /* visibility: visible; */
        padding: 20px;
        /*margin: 0 20px;*/
        background-color: #fff;
        box-shadow: 2px 1px 10px #888888;
        color: rgb(51, 51, 51);
    }

.widget-social.bmx-freestyle  .social-item{
    color: #262626;
}
.widget-social.bmx-freestyle .social-item .social-button {
    border-color: #333333;
}

.social-media-modal span {
    display: block;
    padding: 5px;
}

    .social-media-modal span.title {
        display: block;
        font-size: 14px;
    }

    .social-media-modal span.count {
        display: block;
        font-size: 12px !important;
        padding: 2px;
    }

    .social-media-modal span.fan {
        display: block;
        font-size: 12px !important;
        padding: 2px;
    }

.widget-social .social-media-modal:after {
    top: 100%;
    /*right: 18%;*/
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 17px;
    margin-left: -15px;
}

.widget-social .social-media-modal a.social-button {
    border: 2px solid rgb(51, 51, 51) !important;
    margin: 5px 0;
    color: rgb(51, 51, 51);
    padding: 6px 30px;
}

.widget-social .social-media-modal span.follow {
    margin: 5px 0;
}

.widget-social .modal-content {
    border-radius: 0;
}

.widget-social button.close {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    /* color: black; */
}

.widget-social .acc {
    display: inline-block;
    padding: 10px;
    width: 15%;
}

    .widget-social .acc .count {
        color: #9B9B9B;
    }





#modal-facebook:after {
    left: 12.5%;
}


#modal-twitter:after {
    left: 37.5%;
}

#modal-youtube:after {
    left: 62.5%;
}

#modal-instagram:after {
    left: 87.5%;
}

/*Styles for Media gallery widget*/
.widget-gallery {
    position: relative;
    /* margin-top: 50px; */
    padding-top: 0px;
}

    .widget-gallery .gallery-wrap {
        /*background-image: url('../images/gallery_bg.png');*/
        margin-left: 10%;
        margin-right: 10%;
    }

    .widget-gallery .gallery-head {
        padding: 20px 0;
        padding-top: 0;
    }

        .widget-gallery .gallery-head .widget-title {
            font-size: 35px;
            font-weight: bold;
            /*margin-top: 40px;*/
        }

    .widget-gallery > .gallery-wrap > .gallery-head > .all-news {
        width: auto;
        position: absolute;
        top: 0;
        right: 10%;
        padding: 15px;
    }

    .widget-gallery .gallery-content {
        /*padding:10px;*/
        float: none;
    }

        .widget-gallery .gallery-content .gallery {
            height: 40px;
            display: inline-block;
            padding: 5px 40px;
        }


        .widget-gallery .gallery-content img {
            /*width: 100%;*/
            max-width: none;
            display: initial;
        }

        .widget-gallery .gallery-content a.link {
            /*position: relative;*/
        }

            .widget-gallery .gallery-content a.link .gallery-info {
                visibility: hidden;
                position: absolute;
                bottom: 20px;
                left: 20px;
                right: 20px;
                color: #fff;
                padding: 20px;
                transition: opacity 1s ease;
                opacity: 0;
                background-color: #333333;
            }

            .widget-gallery .gallery-content a.link:hover .gallery-info {
                visibility: visible;
                display: block;
                opacity: 1;
            }

            .widget-gallery .gallery-content a.link .multi-button {
                width: 50px;
                height: 50px;
                position: absolute;
                right: 20px;
                bottom: 20px;
                background-image: url('../images/box_more.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: 50%;
            }

            .widget-gallery .gallery-content a.link .play-button {
                width: 50px;
                height: 50px;
                position: absolute;
                right: 20px;
                bottom: 20px;
                background-image: url('../images/Icon-PLay_gray.png');
                background-position: center;
                background-repeat: no-repeat;
            }

            .widget-gallery .gallery-content a.link .gallery-info h3.title {
                font-size: 18px;
            }

            .widget-gallery .gallery-content a.link .gallery-info h3.cate-title {
                font-size: 14px;
            }

            .widget-gallery .gallery-content a.link .gallery-info span.date {
                font-size: 12px;
            }

    .widget-gallery .gallery-content {
        position: relative;
    }

    .widget-gallery .gallery-column {
        margin-bottom: 50px;
    }

    .widget-gallery .gallery-content a.link {
        display: block !important;
    }

    .widget-gallery .gallery-wrap .bx-wrapper {
        border: none;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }


    .widget-gallery .bx-wrapper .bx-prev {
        left: -60px;
        background: url(../js/bxslider/images/left.png) no-repeat;
        top: 48%;
    }

    .widget-gallery .bx-wrapper .bx-next {
        right: -60px;
        background: url(../js/bxslider/images/right.png) no-repeat;
        top: 48%;
    }

    .widget-gallery .bx-wrapper .bx-controls-direction a {
        transition: opacity 0.2s ease;
        -webkit-transition: opacity .5s ease-out;
        opacity: 0.5;
        height: 40px;
        width: 40px;
        border: 2px solid #CCCCCC;
        background-color: #FFFFFF;
        background-position: center;
        z-index: 2;
    }

    .widget-gallery .gallery-content a.link {
        /*position: absolute;*/
    }

div.more {
    text-align: center;
    float: none;
    margin-bottom:20px;
}

.more button {
    border: 2px solid;
    padding: 10px 20px;
    background: none;
    transition: opacity 0.2s ease;
    font-weight: bold;
    text-transform: uppercase;
}

    .more button:focus {
        outline: 0;
    }

.carousel-popup {
    margin-left: auto;
    margin-right: auto;
    width: 640px;
}

    .carousel-popup .header {
        padding: 20px;
        position: relative;
    }

        .carousel-popup .header h3 {
            color: #FFFFFF;
            font-size: 18px;
            margin-right: 40%;
        }

        .carousel-popup .header span.date {
            color: #FFFFFF;
            font-size: 12px;
        }

        .carousel-popup .header ul.social {
            position: absolute;
            top: 23px;
            right: 20px;
            padding: 10px;
        }

            .carousel-popup .header ul.social li {
                display: inline-block;
                padding: 5px;
            }

                .carousel-popup .header ul.social li.li-fb {
                    display: inline;
                    padding: 10px;
                }


                .carousel-popup .header ul.social li a {
                }

                .carousel-popup .header ul.social li img {
                    max-height: 20px;
                }



.mfp-bg {
    opacity: 0.9 !important;
}
/*Discipline menu Widget*/
.discipline-nav {
    text-align: center;
    /*margin-bottom: 20px;*/
}

    .discipline-nav h3.title {
        font-size: 74px;
        font-weight: bold;
        margin-bottom: 20px;
    }


    .discipline-nav nav > ul > li {
        display: inline-block;
    }

    .discipline-nav nav ul li.active {
        border-bottom: 4px solid;
    }

    .discipline-nav nav ul li a {
        font-size: 15px;
        opacity: 0.6;
        margin: 4px;
        padding: 10px 5px;
    }

    .discipline-nav nav ul li.active a {
        opacity: 1;
    }

    .discipline-nav nav ul .dropdown-backdrop {
        position: static;
    }

/*Styles for news widget for discipline*/
.widget-news-list-discipline {
    position: relative;
}


    .widget-news-list-discipline .news-head > .title {
        text-align: left;
        font-size: 21px;
        font-weight: bold;
        margin-bottom: 30px;
    }


    .widget-news-list-discipline .news-item {
        overflow: hidden;
        /*border-bottom: 4px solid #C5C5C5;*/
        padding: 10px;
        position: relative;
        display: block;
        margin-bottom: 40px;
    }

        .widget-news-list-discipline .news-item > .news-cover {
            height: 300px;
            background-position: top;
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 10px;
            right: 10px;
            z-index: -1;
        }

        .widget-news-list-discipline .news-item.latest .news-content {
            padding-left: 15%;
            padding-right: 15%;
        }

        .widget-news-list-discipline .news-item.latest .news-content {
            height: 350px;
        }

        .widget-news-list-discipline .news-item .news-content {
            padding-top: 200px;
            padding-left: 5%;
            padding-right: 5%;
            height: 300px;
        }

        .widget-news-list-discipline .news-item.latest .news-desc {
            padding: 25px;
        }

        .widget-news-list-discipline .news-item .news-desc {
            padding: 15px;
            background-color: #FFFFFF;
            position: relative;
        }

            .widget-news-list-discipline .news-item .news-desc span {
                display: block;
                padding: 5px 0px;
            }

        .widget-news-list-discipline .news-item.latest .news-category {
            font-size: 14px;
        }

        .widget-news-list-discipline .news-item span.news-category {
            font-size: 13px;
            /*font-weight: bold;*/
            color: #FFFFFF;
            position: absolute;
            bottom: 100%;
            left: 0;
            padding: 10px;
        }

        .widget-news-list-discipline .news-item.latest .news-category {
            position: static !important;
            background: none;
            padding: 0;
        }


        .widget-news-list-discipline .news-item.latest .news-title {
            font-size: 28px;
        }

        .widget-news-list-discipline .news-item .news-title {
            font-size: 21px;
            color: #000000;
        }

            .widget-news-list-discipline .news-item .news-title a {
                color: black;
                text-align: left;
                display: block;
                font-weight: bold;
            }

        .widget-news-list-discipline .news-item.latest .news-date {
            font-size: 14px;
        }

        .widget-news-list-discipline .news-item .news-date {
            font-size: 12px;
            color: rgba(0,0,0,0.6);
        }

        .widget-news-list-discipline .news-item.latest .news-summary {
            font-size: 18px;
        }

        .widget-news-list-discipline .news-item .news-summary {
            font-size: 16px;
            color: #262626;
        }

    .widget-news-list-discipline .more {
        text-align: center;
    }

        .widget-news-list-discipline .more button {
            border: 2px solid;
            padding: 10px 20px;
            background: none;
            transition: opacity 0.2s ease;
            font-weight: bold;
        }

.more button:hover {
    opacity: 0.7;
}

.widget-news-list-discipline > .rain-bow {
    /* float: left; */
    width: 20px;
    position: absolute;
    top: 40px;
    left: 0;
}

.widget-news-list-discipline .news-head {
    padding: 20px 0;
}


.widget-news-list-discipline #news-list-container {
    margin: 0;
}

/*Styles form Rules & Regulations Widget*/
.widget-rules {
}

    .widget-rules .rules-wrap {
    }

    .widget-rules .rules-head {
    }

.rules-container {
    position: relative;
    padding-top: 30px;
}

    .rules-container .rain-bow {
        position: absolute;
        top: 30px;
        left: 0;
        width: 30px;
    }

.widget-rules .rules-head h3 {
    margin-bottom: 40px;
}

.widget-rules .rules-head .filters {
}

    .widget-rules .rules-head .filters .filter:first-child {
        padding-left: 0;
    }

    .widget-rules .rules-head .filters .filter:last-child {
        padding-right: 0;
    }

    .widget-rules .rules-head .filters .filter {
        margin-bottom: 40px;
    }

    .widget-rules .rules-head .filters .filter-name {
        padding: 5px;
        padding-left: 0;
        display: block;
        color: #535353;
        font-size: 16px;
    }

    .widget-rules .rules-head .filters .filter-text {
        display: block;
        padding: 7px;
        border: none;
        border-bottom: 1px solid #979797;
        font-style: italic;
        width: 100%;
    }

    .widget-rules .rules-head .filters select {
        width: 100%;
        border: 1px solid #999999;
        padding: 5px;
        color: rgba(0,0,0,0.82);
        font-size: 16px;
        font-weight: 600;
        background: url(../images/Arrow-down.png) no-repeat 96.5% center;
        -webkit-appearance: none;
    }

.widget-rules .rules-content {
    margin-bottom: 20px;
}


    .widget-rules .rules-content table {
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 40px;
    }

        .widget-rules .rules-content table tr {
        }

            .widget-rules .rules-content table tr td:first-child {
                padding-left: 5px;
            }

            .widget-rules .rules-content table tr td:last-child {
                padding-right: 5px;
                text-align: right;
            }

            .widget-rules .rules-content table tr td {
                border-top: 1px solid #CCCCCC;
                padding: 30px 20px;
            }


.grid-rules .rule-cate {
    font-size: 14px;
    font-weight: bold;
}

.grid-rules, .grid-feds {
    margin-bottom: 30px;
    position: relative;
    min-height: 50px;
}

    .grid-rules .rule-title a, .grid-feds .rule-title a {
        color: #000000;
        font-size: 18px;
        font-weight: 600;
    }


    .grid-rules .rule-date {
        color: rgba(0,0,0,0.6);
        font-size: 14px;
    }

    .grid-rules .rule-document a {
        color: #262626;
        font-size: 14px;
        font-weight: 600;
        /*text-align: right;*/
    }

    .grid-rules .row, .grid-feds .row {
        padding: 30px 0;
        border-top: 1px solid #CCCCCC;
        display: flex;
        align-items: center;
    }

        .grid-rules .row:last-child {
            border-bottom: 1px solid #CCCCCC;
        }

    .grid-rules .cate {
        text-align: left;
        padding-left: 5px;
    }

    .grid-rules .title {
    }

    .grid-rules .date {
    }

    .grid-rules .document {
        padding: 0;
    }

    .grid-rules .rain-bow {
        width: 15px;
        position: relative;
        top: 0;
    }

.rules-amendements {
}
/*Styles form Rules detail page*/
.widget-rules-detail {
    /*margin-bottom: 50px;*/
}

    .widget-rules-detail .rules-detail-wrap {
        width: 70%;
        margin: auto;
    }

    .widget-rules-detail .rules-detail-head {
        text-align: left;
        position: relative;
        margin-bottom: 20px;
        padding-right: 200px;
    }


        .widget-rules-detail .rules-detail-head h3.rules-title {
            font-size: 28px;
            font-weight: bold;
            color: #000000;
            margin: 20px 0;
        }

        .widget-rules-detail .rules-detail-head .date {
            font-size: 14px;
            color: rgba(0,0,0,0.6);
        }

        .widget-rules-detail .rules-detail-head .head-right {
            position: absolute;
            top: 0;
            right: 0;
        }

        .widget-rules-detail .rules-detail-head .download {
            position: relative;
            width: 130px;
        }

            .widget-rules-detail .rules-detail-head .download span {
                bottom: -2px;
                right: 0;
                display: inline-block;
            }

            .widget-rules-detail .rules-detail-head .download a {
                font-size: 14px;
                font-weight: 600;
                color: #262626;
                text-decoration: none;
            }

                .widget-rules-detail .rules-detail-head .download a > img {
                    width: 25px;
                    display: inline-block;
                }


.rules-amendements h3 {
    color: rgba(0,0,0,0.8);
    font-size: 28px;
    font-weight: bold;
}



.rules-detail-container {
    position: relative;
    padding-top: 30px;
}

    .rules-detail-container > .rain-bow {
        position: absolute;
        top: 80px;
        left: 0;
        width: 30px;
    }



/*Ajax loading model*/

.ajax-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../images/loading-image.gif') 50% 30% no-repeat;
}

.ajax-loading {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba( 255, 255, 255, .8 ) url('../images/loading-image.gif') 50% 45% no-repeat;
}

body.loading {
    overflow: hidden;
}

    body.loading .ajax-modal {
        display: block;
    }

/*Updated for corporate & press release column*/
.corporate-column {
    padding-left: 0;
}

.press-release-column {
    padding-right: 0;
}

    .press-release-column .content-wrap {
        margin-bottom: 0;
    }
/*Federation widget*/
.grid-feds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .grid-feds .fed-item {
        padding-top: 15px;
        padding-bottom: 15px;
    }

.uci-partner img {
    max-height: 45px;
    padding: 0 10px;
    margin-bottom: 10px;
}


#popup-media .bx-viewport {
    height: auto !important;
}

.uci-submenu-wrapper nav {
    /*padding-bottom: 10px;*/
}

.popover-content > ul {
    padding: 5px;
    list-style-type: none;
}

    .popover-content > ul > li {
        border-top: 1px solid #ebebeb;
        padding: 5px 0;
    }

.filters {
    display: flex;
    flex-wrap: wrap;
}

    .filters .filter {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }

    .filters .filter-dropdown {
        width: 100%;
    }

.k-menu-group {
    background-color: #fff;
}

.event-head-title {
    margin: 0;
}

.event-head-select {
    font-size: 14px;
    padding: 5px 10px;
    vertical-align: top;
}

ul.year-dropdown {
    width: 100%;
    min-width: initial;
}

    ul.year-dropdown > li > a {
        text-align: left;
        padding-left: 12px;
    }

button.year-button {
    background-color: initial;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
}
ul.series-list {
    min-height: 80px;
    list-style: none;
    padding: 0;
}

    ul.series-list li {
        padding: 5px 5px 5px 0;
    }

        ul.series-list li a {
            color: rgba(0,0,0,0.82);
        }
.discipline-block h3.title {
    font-size: 28px;
    font-weight: 600;
    color: #0B61CF;
    border-bottom: 4px solid;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
h4.dis-title {
    color: #878787;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.uci-search-tab-content >.tab-pane {
    min-height: 60px;
    position:relative;
}
.fixNameCol {
width:700px;
}
.rank-cover {
    /*position: absolute;*/
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
    background-position: top;
    background-size: cover;
    z-index: -1;
    width: 100%;
    height: 200px;
    background-size: inherit;
    background-repeat: no-repeat
}
/*Put all media query here*/
@media screen and (min-width: 1800px) {
    .widget-carousel .carousel-inner {
        height: 720px;
    }
}

.widget-result {
    margin-top: 40px;
}

    .widget-result section {
    }

    .widget-result .header {
    }

.podium-slide-wrap {
    position: relative;
    /*height: 350px;*/
}

.widget-result .header .title {
    padding: 0;
}


    .widget-result .header .title h3 {
        text-align: left;
        margin: 10px 0;
        font-size: 28px;
    }


    .widget-result .header .title a {
    }


.widget-result .header .comp-info {
    margin-top: 20px;
    margin-bottom: 5px;
    /*height: 130px;*/
    padding-left: 10%;
}

.comp-info span {
    display: block;
}

.comp-info .category {
    color: #3B3B3B;
    font-size: 14px;
    font-weight: bold;
}

.comp-info .comp-name a, .comp-info .comp-name-header a {
    color: #000000;
    font-size: 26px;
    font-weight: bold;
    padding: 5px 0;
    display: block;
}

.comp-info .comp-name a {
    height: 90px;
}

.widget-result .comp-info .race span {
    color: #535353;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}

.widget-result .bx-wrapper .bx-prev {
    left: 5%;
    background: url(../js/bxslider/images/left_white.png) no-repeat;
    top: 152px;
}

.widget-result .bx-wrapper .bx-next {
    right: 5%;
    background: url(../js/bxslider/images/right_white.png) no-repeat;
    top: 152px;
}

.widget-result .bx-wrapper .bx-controls-direction a {
    transition: opacity 0.2s ease;
    -webkit-transition: opacity .5s ease-out;
    opacity: 0.7;
    height: 40px;
    width: 40px;
    border: 2px solid #FFFFFF;
    background-color: transparent;
    background-position: center;
    z-index: 2;
}

    .widget-result .bx-wrapper .bx-controls-direction a:hover {
        opacity: 1;
    }

.widget-result .bx-wrapper {
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0;
    background-color: transparent;
    position: static;
}

.back-grid {
    position: absolute;
    width: 100%;
    /*top: 40%;
    bottom: 40%;*/
    height: 50px;
    top: 132px;
    z-index: -1;
    background-color: #0078D8;
}

.widget-result .podium-slide-wrap .result {
    position: relative;
    height: 100%;
}

.podium-slide-wrap .slide {
    height: 320px;
    position: relative;
    padding: 5px;
}

.podium-slide-wrap .result-item {
    position: absolute;
    border: 4px solid #0078D8;
    background-color: #FFFFFF;
    z-index: 1;
    /*padding: 15px 5px;*/
}

    .podium-slide-wrap .result-item:first-child {
        /*top: 0;
        bottom: 40%;*/
        left: 33.3%;
        right: 33.3%;
        z-index: 3;
        margin-top: 15px;
    }

    .podium-slide-wrap .result-item:nth-child(2) {
        /*top: 16%;
        bottom: 24%;*/
        left: 0;
        right: 66.4%;
        margin-top: 60px;
    }

    .podium-slide-wrap .result-item:nth-child(3) {
        /*top: 28%;
        bottom: 12%;*/
        left: 66.4%;
        right: 0;
        margin-top: 110px;
    }

        .podium-slide-wrap .result-item:nth-child(3) span.position {
            left: auto;
            right: 0;
        }

.podium-slide-wrap span.position {
    padding: 1px 19px 8px 16px;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFFFFF;
    font-size: 28px;
}

.podium-slide-wrap .result-infor {
    padding: 40px 5px;
    text-align: center;
}

    .podium-slide-wrap .result-infor span {
        display: block;
        font-size: 16px;
        margin: auto;
        padding: 3px;
    }

        .podium-slide-wrap .result-infor span.name {
            color: #000000;
        }

        .podium-slide-wrap .result-infor span.team {
            color: #535353;
        }

        .podium-slide-wrap .result-infor span.point {
            color: #000000;
        }

.widget-result .slide-count {
    text-align: center;
    /*margin: 20px 0;*/
}

.comp-list {
    margin-top: 40px;
    border: none !important;
}

    .comp-list .competition {
        padding-left: 0;
        box-sizing: border-box;
        /*margin-bottom: 60px;*/
    }

.latest-comp .comp-header, .latest-comp .race, .widget-result .podeum table tr {
    text-align: center;
    border-bottom: 2px solid #E5E5E5;
    box-sizing: border-box;
}

.podeum table {
    width: 100% !important;
}


.latest-comp {
}

    .latest-comp .comp-header {
    }

    .latest-comp .race {
        padding: 15px 10px;
        height: 76px;
        display: table;
        width: 100%;
    }

    .latest-comp .status .in-progress {
        margin: auto;
    }

.widget-result .podeum table {
    width: 100%;
}

.podeum table td {
}

    .podeum table td.rank {
        color: rgba(0,0,0,0.8);
        font-size: 28px;
    }

    .podeum table td.f32 {
        width: 50px;
    }

    .podeum table td.point {
        color: #535353;
        font-size: 16px;
        padding: 10px;
        text-align: right;
    }

    .podeum table td.name {
        color: #535353;
        font-size: 16px;
        text-align: left;
    }

/*Styles for Events widget homepage*/
.widget-events {
    position: relative;
}

    .widget-events .events-head {
        position: relative;
        text-align: center;
    }

        .widget-events .events-head h3 {
            margin: 30px 0;
            display: inline-block;
        }

    .widget-events .all-other {
        /*width: auto;
    position: absolute;
    top: 15px;
    right: 30px;
    padding: 5px;*/
    }

    .widget-events .main {
        border: none;
        margin-bottom: 40px;
    }

        .widget-events .main .event {
            height: 300px;
            padding: 0;
            margin-bottom: 10px;
        }

            .widget-events .main .event .wrap {
                padding: 10px;
            }

            .widget-events .main .event:nth-child(3n+1) {
                padding-left: 0
            }

            .widget-events .main .event:nth-child(3n+3) {
                padding-right: 0
            }

    .widget-events > .rain-bow {
        width: 20px;
        position: absolute;
        top: 40px;
        left: 0;
    }

.event .rain-bow {
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 20%;
}

.widget-events .content {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 5%;
    height: 130px;
    border: 4px solid #0078D8;
    /*height: 90px;*/
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    text-align: center;
    padding-top: 30px;
}

.widget-events .background, .widget-events .background-over {
    position: absolute;
    left: 7%;
    right: 7%;
    bottom: 0;
    top: 0;
    background-size: cover;
    background-position: center;
}

.widget-events .background-over {
    opacity: 0.6;
}


.widget-events .content h4, .widget-events .secondary .event h4 {
    color: rgba(0,0,0,0.8);
    font-size: 20px;
    font-weight: bold;
}


.widget-events .event-category {
    font-size: 13px;
    font-weight: bold;
}

.widget-events section {
    border: none;
}

.widget-events .secondary, .search-news-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .widget-events .secondary > div, .search-news-container .news {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }

    .widget-events .secondary .event {
        border: 4px solid #E5E5E5;
        padding: 10px 10px;
        text-align: center;
        margin-bottom: 5px;
        height: 100%;
    }


/*Widget Results Main*/

.widget-results-main {
}

    .widget-results-main .results-main-wrap {
    }

.widget-results-main {
}

.results-main-container {
    position: relative;
    padding-top: 30px;
}

    .results-main-container .rain-bow {
        position: absolute;
        top: 30px;
        left: 0;
        width: 20px;
    }

.header-block {
    position: relative;
    margin-top: 30px;
}

    .header-block .dropdown {
        width: 100px;
        margin-top: -30px;
        margin-left: 10px;
    }

    .header-block .rain-bow {
        position: absolute;
        left: 0;
        width: 20px;
    }

    .header-block .header-content {
        text-align: center;
    }

        .header-block .header-content h3 {
            display: inline-block;
            font-size: 35px;
        }

    .header-block .k-dropdown-wrap {
        border: none;
        border-bottom: 3px solid;
        text-align: left;
        font-size: 18px;
    }

        .header-block .k-dropdown-wrap .k-input {
            height: 35px;
            line-height: 30px;
            padding: 5px 0;
            text-indent: 0;
            font-weight: 600;
            padding-right: 17px;
            font-size: 16px;
        }

        .header-block .k-dropdown-wrap .k-select {
            width: 15px;
        }

.k-dropdown-wrap .k-icon:before {
    content: "\e015"
}

.header-block .k-dropdown-wrap.k-state-default {
    padding: 0;
}

.content-block section {
    margin: 40px 0;
}

.widget-results-main .results-main-head h3 {
    /*margin-bottom: 40px;*/
    display: inline-block;
    color: rgba(0,0,0,0.8);
}

ul.center-tags {
    text-align: center;
    border: none;
    margin-bottom: 10px;
}

    ul.center-tags li {
        text-align: center;
        display: inline-block;
        float: none;
        padding: 20px;
    }

        ul.center-tags li a {
            font-size: 18px;
            font-weight: 600;
            padding-left: 0;
            padding-right: 0;
            border: none !important;
            color: #535353;
            opacity: 0.6;
        }

        ul.center-tags li.active a {
            opacity: 1;
            border-bottom: 2px solid !important;
        }

        ul.center-tags li a:hover {
            background-color: unset;
            opacity: 1;
            color: #262626;
        }

.widget-results-main .results-main-head {
    text-align: center;
    margin-bottom: 20px;
}

.widget-results-main .filters {
}

.filters .filter:first-child, .filters .filter:nth-child(4n +1) {
    padding-left: 0;
}

.filters .filter:last-child {
    padding-right: 0;
}

.filters .filter {
    margin-bottom: 40px;
}

.filters .filter-name {
    padding: 5px;
    padding-left: 0;
    display: block;
    color: #535353;
    font-size: 16px;
    text-align: left;
}

.filters .filter-text {
    display: block;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #979797;
    font-style: italic;
    width: 100%;
}

.widget-results-main select {
    /*border: 1px solid #999999;
    padding: 5px;
    color: rgba(0,0,0,0.82);
    font-size: 16px;
    font-weight: 600;
    background: url(../images/Arrow-down.png) no-repeat 96.5% center;
    -webkit-appearance: none;*/
}

.filters select {
    width: 100%;
}

.ui-slider-range, .ui-slider .ui-state-active, .ui-slider .ui-state-default {
    background-color: #999999 !important;
    border-color: #999999 !important;
}

#season-select {
    width: 100px;
    border: none;
    border-bottom: 4px solid;
    margin-left: 20px;
}

    #season-select:focus {
        outline: none;
    }

.results-main-head .k-dropdown-wrap {
    border: none;
    border-bottom: 4px solid;
    text-align: left;
}

#seasons_listbox .k-item {
}

.k-state-hover, .k-state-selected, .k-state-focused, .k-state-active {
    background-image: none !important;
    background-color: #E5E5E5 !important;
}

#seasons-list {
    border: none;
    background-color: #fff;
}

#competitions {
    margin-bottom: 40px;
    border: none;
}

table .k-header, table .k-header a {
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-width: 0 !important;
}


.k-grid td, .k-filter-row th, .k-grid-header th.k-header {
    border-style: none;
}

.k-grid-pager {
    display: none !important;
}

.k-i-arrow-60-down:before {
    content: "\e015" !important;
}

.k-list-container {
    background-color: #fff !important;
    /*border: none !important;*/
}
/*Custome scroll bar*/
/* width */
::-webkit-scrollbar {
    width: 10px;
}

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

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


.widget-results-main .results-main-content {
    margin-bottom: 40px;
}


    .widget-results-main .results-main-content table {
        /*border-bottom: 1px solid #CCCCCC;*/
    }

        .widget-results-main .results-main-content table tr, .k-dropdown-wrap.k-state-hover {
            background-color: unset;
        }

        .widget-results-main .results-main-content table tbody tr:nth-child(2n+1) {
            background-color: #E5E5E5;
        }

        .widget-results-main .results-main-content table tr td:first-child {
            padding-left: 5px;
        }

        .widget-results-main .results-main-content table tr td:last-child {
        }

.results-main-content table tr td, .results-main-content table th {
    color: #3B3B3B;
    font-size: 16px;
    border-style: none;
    border-width: 0;
}

.results-main-content a {
    color: #3B3B3B;
}

.statistic span {
    text-transform: lowercase;
    color: rgba(0,0,0,0.82);
    font-size: 18px;
}

.more .page-line {
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10px;
    height: 4px;
    border-bottom: 4px solid #333333;
}

.more {
    position: relative;
}

    .more .pagecount {
        position: absolute;
        top: 0;
        left: 120px;
    }


.date-slider {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0 30px;
}

.widget-results-main .date-slider h3 {
    color: rgba(0,0,0,0.82);
    font-size: 18px;
    text-transform: lowercase;
}

.time-span {
    display: inline-block;
    color: #535353;
    min-width: 100px;
    font-size: 14px;
}

.k-dropdown-wrap.k-state-default {
    padding: 3px;
}

.results-main-content th.k-header:first-child, .results-main-content table tr td:first-child {
    /*padding-left:200px;*/
}

.label {
    color: white;
}

    .label.true {
        background-color: #1e76bd;
    }

.date-slider span.ui-slider-handle:first-of-type:after {
    border-width: 20px 0 0 20px;
    border-color: transparent transparent transparent #999999;
}

.date-slider span.ui-slider-handle:last-of-type:after {
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #999999 transparent;
    left: -3px;
}

.date-slider span.ui-slider-handle:after {
    top: 1px;
    border: solid transparent;
    content: " ";
    height: 10px;
    width: 10px;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 10px;
    left: 1px;
    width: 0;
    height: 0;
    border-style: solid;
}

.date-slider .ui-slider-horizontal .ui-slider-handle {
    bottom: 0 !important;
    top: auto !important;
    width: 20px !important;
    height: 20px !important;
    background: none !important;
    border: none !important;
}

.ui-state-active, .ui-state-focus {
    outline-width: 0 !important;
}

.date-slider .ui-slider {
    border: 1px solid #999999 !important;
}

/*Styles form Ranking Main*/

.uci-ranking-name-text h3 {
    text-align: center;
    color: rgba(0,0,0,0.8);
    font-size: 35px;
    font-weight: 600;
    text-transform: uppercase;
}

.rankings-main-content .uci-grid {
    border: 0;
}

.uci-tabs ul.nav.nav-tabs {
    text-align: center;
    border: none;
}

.uci-grid {
    border: none !important;
    margin-bottom: 40px;
}

    .uci-grid table tr, .uci-grid table tr:hover {
        background-color: transparent;
    }

        .uci-grid table tr.k-grouping-row {
            background-color: transparent !important;
        }

            .uci-grid table tr.k-grouping-row > td, .uci-grid table tr.k-grouping-row > td:hover {
                background-color: transparent !important;
                font-weight: 700;
            }

    .uci-grid table thead tr th {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .uci-grid table tr > td.k-group-cell {
        background-color: inherit;
    }

    .uci-grid table tbody tr td:first-child, .uci-grid table thead tr th:first-child {
        /*padding-left: 40px;*/
    }

    .uci-grid table tbody tr td:last-child, .uci-grid table thead tr th:last-child {
        padding-right: 20px;
    }

    .uci-grid .k-grid td.k-state-selected:hover, .uci-grid .k-grid tr:hover, {
        background-color: unset;
    }

    .uci-grid table tbody tr:nth-child(2n+1), .uci-grid table tbody tr:nth-child(2n+1):hover {
        background-color: #E5E5E5;
    }

    .uci-grid table tr td, .uci-grid table th {
        color: #3B3B3B;
        font-size: 16px;
        border-style: none;
        border-width: 0;
    }

    .uci-grid table a {
        color: #3B3B3B;
    }

    .uci-grid .k-grid {
        border: none !important;
    }

    .uci-grid .k-loading-image, .k-listview .k-loading-image {
        background-image: url(../images/loading-image.gif);
    }

    .uci-grid .k-loading-color, .k-listview .k-loading-color {
        opacity: .5;
        background-color: #fff;
    }

.pager-info .page-line {
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10px;
    height: 4px;
    border-bottom: 4px solid;
}

.pager-info .pagecount {
    position: absolute;
    top: 0;
    left: 150px;
}

.pager-info {
    position: relative;
    text-align: center;
}

    .pager-info .middle-btn {
        border: 2px solid;
        padding: 10px 20px;
        background: none;
        transition: opacity 0.2s ease;
        font-weight: bold;
    }

        .pager-info .middle-btn:hover {
            opacity: 0.7;
        }

.uci-tabs .tab-content {
    margin-top: 20px;
}

.uci-tabs ul.nav.nav-tabs li {
    text-align: center;
    display: inline-block;
    float: none;
    padding: 10px;
}

    .uci-tabs ul.nav.nav-tabs li a {
        border: none;
        opacity: 0.6;
        font-size: 16px;
        font-weight: 600;
        padding-left: 0;
        padding-right: 0;
    }

        .uci-tabs ul.nav.nav-tabs li a:hover {
            background-color: unset;
            opacity: 1;
            color: #262626;
        }

    .uci-tabs ul.nav.nav-tabs li.active a {
        opacity: 1;
        border-bottom: 2px solid;
    }

.ranking-discipline {
    padding: 10px 0;
}

    .ranking-discipline .more {
        margin-top: 40px;
        margin-bottom: 80px;
        text-align: center;
    }

        .ranking-discipline .more a {
            color: #000000;
            font-size: 16px;
            text-decoration: underline;
        }

.uci-tabs ul.nav.nav-tabs li a {
    color: #535353;
    font-size: 18px;
    font-weight: 600;
}

/*Styles for calendar*/
.calendar-control a {
    position: absolute;
    top: 48%;
    transition: opacity 0.2s ease;
    -webkit-transition: opacity .5s ease-out;
    opacity: 0.5;
    height: 40px;
    width: 40px;
    border: 2px solid #CCCCCC;
    background-color: #FFFFFF;
    background-position: center;
    cursor: pointer;
    z-index: 1;
}

    .calendar-control a:hover {
        opacity: 1;
    }

    .calendar-control a.prev {
        left: 5%;
        background: url(../js/bxslider/images/left.png) center no-repeat;
    }

    .calendar-control a.next {
        right: 5%;
        background: url(../js/bxslider/images/right.png) center no-repeat;
    }

.calendar-graph {
    position: relative;
    height: 550px;
}

    .calendar-graph .point {
        position: absolute;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        background-color: #000;
    }

        .calendar-graph .point.point-1 {
            top: 45%;
            left: 20%;
        }

        .calendar-graph .point.point-2 {
            top: 40%;
            left: 40%
        }

        .calendar-graph .point.point-3 {
            top: 45%;
            left: 60%
        }

        .calendar-graph .point.point-4 {
            top: 40%;
            left: 80%
        }

.point .point-date {
    width: 100px;
    position: absolute;
    text-align: center;
}

.point .point-wrap {
    width: 250px;
    position: absolute;
    left: -118px;
    background: #fff;
    padding: 20px;
    text-align: center;
    left: -118px;
}

.point.point-1 .point-wrap, .point.point-3 .point-wrap {
    top: 300%;
}

.point.point-2 .point-wrap, .point.point-4 .point-wrap {
    bottom: 300%;
}

.point.point-1 .point-date, .point.point-3 .point-date {
    bottom: 200%;
    left: -45px;
}

.point.point-2 .point-date, .point.point-4 .point-date {
    top: 200%;
    left: -45px;
}

.point.point-2 .point-wrap {
}

.point.point-3 .point-wrap {
}

.point.point-4 .point-wrap {
}

.point-hidden {
    visibility: hidden;
    width: 1px;
    height: 1px;
}

.point-hidden-1 {
    top: 44%;
    left: 0;
}

.point-hidden-2 {
    top: 35%;
    left: 5%;
}

.point-hidden-3 {
    top: 50%;
    right: 0;
}

.point h4 {
    word-wrap: break-word;
}

    .point h4 a {
        color: #000000;
        font-size: 16px;
    }

.point-wrap:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 17px;
    margin-left: 80px;
    display: block;
}

.point.point-1 .point-wrap:after, .point.point-3 .point-wrap:after {
    bottom: 100%;
}

.point.point-2 .point-wrap:after, .point.point-4 .point-wrap:after {
    top: 100%;
}

.point .in-progress.p-down {
    bottom: -25px;
}

.point .in-progress.p-up {
    top: -25px;
}

.jquery-line {
    z-index: -1;
}

.month-list {
    display: table;
    width: 100%;
    height: 100px;
    position: relative;
    padding: 0;
}

    .month-list > li {
        display: table-cell;
        float: none;
        padding: 0;
        padding-top: 10px;
        text-align: left;
        color: #535353;
        font-size: 14px;
    }

#graph-canvas {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.point .status {
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: 30px;
    height: 30px;
}

.point .category {
    position: absolute;
    left: 0;
    right: 0;
    padding: 5px;
    color: #fff;
    word-wrap: break-word;
}

.point-1 .category, .point-3 .category {
    top: 100%;
}

.point-2 .category, .point-4 .category {
    bottom: 100%;
}
.category > .text-center {
    margin: auto;
    position: relative;
}
.category span.title {
    padding: 4px 13px;
}
.months {
    background-color: #E5E5E5;
}

.month-list {
}

    .month-list a {
        color: #535353;
        font-size: 14px;
    }

        .month-list a:hover {
            cursor: pointer;
        }

.status .in-progress {
    background-image: url('../images/Icon-Flag.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 30px;
    display: block;
}

.month-wrap {
    position: relative;
    border-top: 3px solid #CCCCCC;
    padding-left: 30px;
}

.today {
    position: absolute;
    bottom: 100%;
    display: none;
    width: 20px;
}

    .today span {
        display: block;
        padding: 5px;
        text-align: center;
    }

        .today span.date {
            background-color: #fff;
            color: #878787;
        }

            .today span.date:hover {
                cursor: pointer;
            }

    .today .bot {
        position: relative;
        padding-top: 12px;
        padding-bottom: 50px;
    }

    .today span.ver-line {
        border-left: 1px solid black;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        left: 50%;
        z-index: -1;
    }

    .today .circle {
        width: 17px;
        height: 17px;
        border: 2px solid #333333;
        border-radius: 50%;
        margin: auto;
        z-index: 1;
        position: absolute;
        bottom: -10px;
        left: 40%;
        background: white;
    }

/*.slider-single label {
    position: absolute;
    width: 40px;
    margin-left: -10px;
    text-align: center;
    margin-top: 20px;
}*/
.month-list li {
    position: absolute;
    text-align: center;
}

span.today-lb {
    padding-left: 0;
    margin-left: -5px;
}

.month-list li:hover, .today-lb {
    cursor: pointer;
}

.graph-content {
    position: relative;
}

.no-margin-bot {
    margin-bottom: 0;
}
/*Styles form competition result detail*/
.comp-header {
    position: relative;
    /*margin-bottom: 40px;*/
}

    .comp-header .content {
        text-align: center;
        position: relative;
    }

        .comp-header .content h3 {
            color: rgba(0,0,0,0.8);
            font-size: 35px;
            font-weight: 600;
            margin-top: 40px;
        }

        .comp-header .content span {
            color: #262626;
            font-size: 14px;
        }

    .comp-header .rain-bow {
        position: absolute;
        top: 40px;
        left: 0;
        width: 10px;
    }

.comp-status.status {
    position: absolute;
    top: 40px;
    right: 10px;
}

.uci-detail-list li {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}

.comp-header .progress {
    background-image: url(../images/Icon-Flag.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    width: 32px;
    height: 32px;
    top: 40px;
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\2212";
    float: right;
    color: grey;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\002b";
}

.panel {
    border: 2px solid #E5E5E5;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 10px 0;
}

.tab-content .panel-heading {
    border-left: none;
    border-right: none;
}

    .tab-content .panel-heading .tab-content .panel-heading a.accordion-toggle {
        font-size: 19px;
    }

.panel-heading {
    padding-left: 0;
}

.panel-body {
    margin-bottom: 20px;
    padding: 15px 0;
}

.event-race {
    border-bottom: 2px solid #E5E5E5;
}

    .event-race .race-title {
        color: #262626;
        font-size: 21px;
        font-weight: 600;
        display: block;
        padding: 10px;
        padding-left: 0;
        padding-right: 0;
    }

        .event-race .race-title a {
        }

.panel-title {
    position: relative;
}

.event-race .accordion-toggle {
    position: absolute;
    top: 45%;
    right: 0;
}

.date-slider .ui-slider.slider-single {
    background: none !important;
    border: none !important;
}

.slider-single .cur-day {
    display: block;
    padding: 5px;
    text-align: center;
    background-color: #fff;
    color: #878787;
    min-width: 100px;
}

.months .date-slider {
    margin-bottom: -5px;
    margin-top: 0;
    padding: 0;
    position: relative;
}

.date-slider .slider-single span.ui-slider-handle {
    width: 17px;
    height: 17px;
    border: 2px solid #333333 !important;
    border-radius: 50%;
    margin: auto;
    z-index: 4;
    position: absolute;
    bottom: 2px;
    left: 40%;
    background: white !important;
    border-color: black;
    visibility: visible;
    text-decoration: none;
}

.slider-single span.ui-slider-handle:after {
    content: none;
}

.embed-tag {
    text-align: center;
}

    .embed-tag iframe, .embed-tag twitterwidget {
        margin: auto !important;
    }

.live-content {
    /*min-height: 800px;*/
    position: relative;
}

    .live-content iframe {
        border-width:0;
    }

/*Styles form news details page*/
.top-banner {
    position: relative;
    height: 620px;
    margin-bottom: 40px;
}

    .top-banner .cover-bg {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        right: 0;
    }

    .top-banner .over-bg {
        background-color: rgba(74,74,74,0.2);
    }

        .top-banner .over-bg.cover-no-image {
            background-color: #ADA7A7
        }

    .top-banner .title {
        text-align: center;
        color: #FFFFFF;
        position: absolute;
        top: 40%;
        bottom: 20%;
        left: 20%;
        right: 20%;
        margin: auto;
    }

        .top-banner .title h3, .top-banner-2 .title h3 {
            text-align: center;
            font-size: 54px;
            font-weight: bold;
            margin-bottom: 40px;
        }

        .top-banner .title .date {
            font-size: 16px;
        }

.top-banner-2 .title {
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.share-header {
    color: rgba(0,0,0,0.8);
    font-size: 21px;
    font-weight: 600;
}

.share-line {
    font-weight: 600;
    width: 300px;
    line-height: 1em;
    border-bottom: 3px solid #979797;
    display: block;
    margin-bottom: 10px;
}
.sharing {
    margin-top:20px;
}
    .sharing > ul {
    padding:0;
    }
.content-detail .sharing ul li {
    display: inline-block;
    list-style: none;
}

.twitter-item iframe {
    vertical-align: bottom;
}

.loading {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba( 255, 255, 255, .8 ) url('../images/loading-image.gif') 50% 30% no-repeat;
}

.date-slider {
    margin-top: 40px;
}

.not-found {
    font-style: italic;
}

.statistic {
    margin-top: 20px;
}

.center-text {
    text-align: center;
}

.news-wrap .widget-head h3 {
    /*margin-top: 0;*/
}

figure.copy-right-img {
    border-bottom: 1px solid #e9e9e9;
    float: left;
    text-align: right;
}

    figure.copy-right-img span {
        display: block;
        text-align: right;
        font-size: 13px
    }

.news-content figure.copy-right-img {
    width: 100%;
}

span.caption {
}

span.copyright {
}


a:hover {
    text-decoration: none;
}


.content-detail .news-content {
    overflow: hidden;
    margin: auto;
}

    .content-detail .news-content h3 {
        color: #333333;
        font-size: 21px;
        font-weight: 600;
    }

    .content-detail .news-content p {
        color: #333333;
        font-size: 18px;
    }

    /*.content-detail .news-content p:nth-of-type(1) {
            color: #333333;
            font-size: 21px;
            font-weight: 600;
        }
        .content-detail .news-content p:nth-of-type(2) {
            width: 50%;
            display:inline-block;
            float:right;
        }
    .content-detail .news-content {
        margin: 0 15%;

    }
.content-detail .news-content img{
    margin: 0 -15%;
}*/

    .content-detail .news-content img {
        max-width: 100%;
    }

.content.row ul {
    padding: 0;
}

ul.social li {
    line-height: 30px;
}

li.twitter-item iframe {
    vertical-align: bottom;
}

li.mail-item a {
    display:inline-block;
    vertical-align: middle;
}

img.mfp-img {
    padding: 0 !important;
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

iframe.mfp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mfp-close {
    cursor: pointer !important;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    width: 40px !important;
    height: 40px !important;
    text-align: center !important;
    top: 0 !important;
    padding: 0 !important;
    right: 0 !important;
}

.legend {
    padding: 40px 0;
}

    .legend h3 {
        color: rgba(0,0,0,0.8);
        font-size: 21px;
        font-weight: 600;
    }
.legend-item{
    display: flex;
}
.legend-item > span {
    display:inline-block;
    font-size:18px;
}
.legend-item > span.box {
    width: 145px;
    height: 50px;
}
    .legend-item > span.title {
      padding:10px;
    }

.legend-color-1 {
    background-color: #F2DEDE !important;
}
.legend-color-2 {
    background-color: #FCF8E3 !important;
}
.legend-color-4 {
    background-color: #D9EDF7 !important;
}
.uci-feeds {
    max-height: 400px;
    overflow-y: scroll;
}

.search-btn img {
    margin-top: -4px;
}

.uci-object-name {
    font-weight: 600;
}

.widget-pages {
    position: relative;
}

    .widget-pages > section {
        margin-top: 40px;
    }

    .widget-pages .background-over, .widget-pages .background {
        position: absolute;
        left: 7%;
        right: 7%;
        bottom: 30%;
        top: 0;
        background-size: cover;
        background-position: top;
    }
    .widget-pages .page-item.event-series-item .background-over, .widget-pages .page-item.event-series-item .background {
        position: absolute;
        bottom: 45%;
        background-size: cover;
        background-position: center;
    }
    .widget-pages .content {
        position: absolute;
        left: 10%;
        right: 10%;
        top: 60%;
        /* height: 90px; */
        background-color: #FFFFFF;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
        text-align: center;
        padding: 10px;
    }
    .widget-pages .page-item.event-series-item .content {
        top: 57%;
        height:150px;
    }
    .widget-pages .page-item.event-series-item {
            height: 350px;
        }
    .widget-pages .page-item {
        height: 500px;
        padding: 0;
        margin-bottom: 20px;
    }

        .widget-pages .page-item .title {
            height: 60px;
            font-size: 1.25em;
            font-weight: bold;
        }
        .widget-pages .page-item.event-series-item .title {
            height: initial;
        }
        .widget-pages .page-item .des {
            height: 150px;
            overflow: hidden;
            display: block;
            margin-bottom: 15px;
        }

        .widget-pages .page-item .page-link {
            padding: 10px 20px;
            font-size: 16px;
            font-weight: bold;
            color: #333333;
            text-transform: uppercase;
            border: 2px solid #333333;
            /* margin-bottom: 20px; */
            display: block;
            width: 150px;
            /* text-align: center; */
            margin: auto;
            margin-bottom: 15px;
        }

        .widget-pages .page-item .wrap {
            padding: 10px;
        }

        .widget-pages .page-item:nth-child(3n+1) {
            padding-left: 0
        }

        .widget-pages .page-item:nth-child(3n+3) {
            padding-right: 0
        }

    .widget-pages > .rain-bow {
        /* float: left; */
        width: 20px;
        position: absolute;
        top: 40px;
        left: 0;
    }

    .widget-pages > .rain-bow {
        /* float: left; */
        width: 20px;
        position: absolute;
        top: 40px;
        left: 0;
    }

.top-menu-1 {
    text-align: right;
}

    .top-menu-1 .top-item {
        display: inline-block;
        padding: 0px 20px;
        margin: 0;
    }

        .top-menu-1 .top-item:last-child {
            padding-right: 0;
        }

.top-item.shop img {
    max-width: 29px;
    max-height: 23px;
}

.popup-img .popup-model {
    position: absolute;
    top: -5px;
    /* left: -10px; */
    right: -50px;
    width: 280px;
    /*border: 1px solid #9B9B9B;*/
    background: #fff;
    padding: 25px;
    z-index: 999;
    text-align: center;
    box-shadow: 1px 1px 1px 1px #9B9B9B;
}

    .popup-img .popup-model p {
        font-size: 15px;
        color: #9B9B9B;
        margin: 10px 0;
    }

    .popup-img .popup-model .close {
        color: #9B9B9B;
        margin-top: -15px;
        margin-right: -15px;
        opacity: 1;
        font-size: 16px;
    }


a.load-more-btn {
    padding: 12px;
    color: #0078D8;
    font-size: 15px;
    border: 2px solid #0078D8;
    margin-top: 10px;
    display: block;
    font-weight: bold;
}

.uci-navbar-mobile {
    display: none;
}

#all-disciplines h3 {
    text-transform: uppercase;
}

.content-block h4 {
    margin-top: 20px;
}

.uci-ranking-name {
    text-align: center;
}

    .uci-ranking-name img {
        height: 70px;
        max-width: 100%;
    }

.preceding-rank.up {
    color: green;
}

.preceding-rank.down {
    color: red;
}

.preceding-rank {
    font-size: 11px;
}

.hidden-mobile {
    display: block;
}

.hidden-desktop {
    display: none;
}

.top-40 {
    margin-top: 40px;
}
.top-20 {
    margin-top: 20px;
}
.bottom-40 {
    margin-bottom: 40px;
}
/*#menu-mobile, .uci-navbar-mobile {
    display:none;
}*/

.search-video > .video-item {
    padding: 5px;
}

    .search-video > .video-item > a > img {
        width: 100%;
        height:100%;
    }
.search-container .photo-item {
    padding: 5px;
    height: 400px;
}
    .search-container .photo-item > a > div.img-thumb {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }
    .search-container .photo-item > a{
        height: 100%;
    }
.search-container {
    margin-bottom: 20px;
}
.h-min-50 {
min-height:50px;
}
.bold {
    font-weight: bold;
}

.search-sub .total-number {
    padding-left: 15px;
}

.font-weight-bold {
    font-weight: bold;
}

.inline {
    display: inline-block;
}

table.table-rank-info {
    table-layout: fixed;
    margin: 0;
    width: 100%;
}

    table.table-rank-info tr > td {
        text-align: left;
        border: none;
        vertical-align: middle;
        padding: 5px 10px;
    }

.font-weight-empz {
    font-size: 25px;
}

.rank-header-info {
    border: 1px solid #143550;
    border: 1px solid rgba(20, 53, 80, 0.14);
    -ms-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 2px 1px #000000, 0 3px 6px #000000;
    -ms-box-shadow: 0 1px 2px 1px #000000, 0 3px 6px #000000;
    box-shadow: 0 1px 2px 1px #000000, 0 3px 6px #000000;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .08), 0 3px 6px rgba(0, 0, 0, .08);
    padding: 10px;
}

.pad-0-15 {
    padding: 0 15px;
}

.export-btn {
    padding-right: 5px;
}
.popover {
    max-width: 100%;
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .widget-news .bx-wrapper .bx-prev {
        left: -70px;
    }

    .widget-news .bx-wrapper .bx-next {
        right: -70px;
    }
}


@media screen and (min-width: 1280px) {
    .row {
        width: 1180px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .content-detail .news-content {
        width: 780px;
    }
}


@media (min-width: 768px) {
    .navbar {
        margin-bottom: 0;
    }

    .content-wrap.widget-rule {
        margin-bottom: 5px;
    }

    .widget-rule + .widget-social .social-header {
        background-color: inherit;
    }
}

@media screen and (max-width: 991px) {
    .widget-social .social-item {
        /*position: relative;*/
        width: 50%;
        float: left;
    }

    .widget-social .social-media-modal {
        bottom: 100% !important;
    }

        .widget-social .social-media-modal:after {
            left: 50% !important;
        }

    .comp-list .competition {
        margin-bottom: 50px;
    }
}
/*Responsive*/
@media all and (min-width : 600px) {
}

@media only screen and (max-width : 767px) {
    .widget-women .bg, .widget-rule .bg {
        display: block;
        height: 200px;
        position: relative;
        bottom: initial;
        left: initial;
        right: initial;
        width: 100%;
        background-position: center;
    }

    .widget-women .women-wrap {
        left: initial;
        right: initial;
        /* top: 100px; */
        position: relative;
        padding-left: 20px;
        display: block;
        bottom: initial;
        border-width: 2px;
        margin-top: -50px;
        margin-left: 40px;
        margin-right: 40px;
    }
    .fixNameCol {
        width: 130px;
    }
    .widget-pages .page-item, .widget-pages .page-item.event-series-item {
        height: initial;
        margin-bottom: 5px;
    }

        .widget-pages .page-item .content, .widget-pages .page-item.event-series-item .content {
            height: initial;
            top: initial;
            position: relative;
            left: initial;
            right: initial;
            padding: 5px;
            margin: 5px;
        }

        .widget-pages .page-item .background-over, .widget-pages .page-item .background, .widget-pages .page-item.event-series-item .background-over, .widget-pages .page-item.event-series-item .background {
            height: 200px;
            position: relative;
            bottom: initial;
            left: initial;
            right: initial;
        }

        .logo {
            padding-left: 15px;
            max-width: 60%;
        }

        .logo img {
            width: 100%;
        }

    header {
        display: none;
    }

    .uci-navbar-mobile {
        display: block;
        background-color: #ffffff;
        border: none;
        z-index: 9;
    }

    .row {
        margin-left: 10px;
        margin-right: 10px;
    }

    .widget-gallery .gallery-wrap {
        margin-left: 10px;
        margin-right: 10px;
    }

    .uci-team-filters .filter-dropdown,
    .uci-member-filters .filter-dropdown {
        width: 100%;
    }

    .uci-team-filters .filter,
    .uci-member-filters .filter, .filters .filter {
        margin-bottom: 10px;
    }

        .filters :first-child.filter, .filters .filter:nth-child(4n+1) {
            padding-left: 15px;
        }

    .filters :last-child.filter {
        padding-right: 15px;
    }

    .uci-footer-buttons .col1,
    .uci-footer-buttons .col2,
    .uci-footer-buttons .col3,
    .uci-footer-buttons .col4 {
        padding-left: 0;
        padding-right: 0;
    }
    /*Team page*/
    /*hide column Country, Continent*/
    #team-grid, #member-grid {
        overflow: auto;
    }

    .uci-grid table tbody tr td:first-child, .uci-grid table thead tr th:first-child {
        padding-left: 10px;
        display: block;
        width: 95px;
    }
    .uci-grid.uci-grid-riders table tbody tr td:first-child, .uci-grid.uci-grid-riders table thead tr th:first-child {
        width: initial;
    }

    .uci-team-button-loadmore {
        margin-top: 30px;
    }
    /*Home page - widget new slideshow*/
    .widget-carousel .carousel-control.left {
        left: 0;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .widget-carousel .carousel-control.right {
        right: 0;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px;
    }

    .widget-carousel .carousel-caption {
        background-color: transparent;
        background: none;
        padding: 0;
        width: 100%;
        left: 0;
        text-align: center;
        top: 210px;
    }

        .widget-carousel .carousel-caption .caption-content {
            padding: 27px 30px 30px;
            width: 70%;
            text-align: left;
            display: inline-block;
            position: relative;
            background-color: rgb(255, 255, 255);
        }

    .news-title {
        height:100px;
        display: block;
        overflow: hidden;
        /*TODO JS to add ... to long text*/
    }

    .widget-carousel .carousel-inner > .item .news-title > a {
        font-size: 20px;
        height: 120px;
        display: block;
        overflow: auto;
        visibility: hidden;
        /*line-height: 28px;*/
    }

    .widget-carousel .carousel-inner {
        height: 320px;
    }

    .widget-carousel .carousel-control.left, .widget-carousel .carousel-control.right {
        top: 290px;
    }

    .widget-carousel .carousel-control > span:before {
        opacity: 1;
    }

    .carousel-inner {
        overflow: visible;
    }

    .widget-carousel .carousel-indicators {
        margin-top: 100px;
    }

    /*Hamburger menu*/
    .uci-menu {
    }

    .mm-navbar {
        border-bottom: 0;
        text-align: left;
    }

    .navbar-mobile .uci-toggle {
        display: block;
        float: left;
        border-color: transparent;
    }

        .navbar-mobile .uci-toggle .icon-bar {
            background-color: #000000;
        }

        .navbar-mobile .uci-toggle:hover, .navbar-mobile .uci-toggle:focus {
            background-color: transparent;
        }

    .navbar-toggle .icon-bar {
        height: 3px;
        border-radius: 3px;
    }

    .navbar-mobile {
        float: right;
        position: relative;
        z-index: 9999;
        top: 25px;
    }

    .mm-panel.mm-hasnavbar .mm-navbar {
        display: none;
    }

    .mm-menu {
        width: auto;
        max-width: none;
        background-color: #ffffff;
    }

    #menu-mobile .menu-content {
        padding-top: 60px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000000;
    }

    .btn-close-hamburger .hamburger-inner,
    .hamburger-box .hamburger-inner {
        transform: translate3d(0,-10px,0) rotate(-45deg);
        display: block;
    }

        .btn-close-hamburger .hamburger-inner::before,
        .btn-close-hamburger .hamburger-inner::after,
        .hamburger-box .hamburger-inner::before,
        .hamburger-box .hamburger-inner::after {
            width: 30px;
            height: 2px;
            background-color: #000000;
            border-radius: 2px;
            position: absolute;
            content: "";
            display: block;
        }

        .btn-close-hamburger .hamburger-inner::before,
        .hamburger-box .hamburger-inner::before {
            top: 0;
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);
        }

        .btn-close-hamburger .hamburger-inner::after {
            top: 0;
            transition: top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;
        }

    .btn-close-hamburger {
        width: 90px;
        height: 50px;
        position: absolute;
        right: -40px;
        top: 15px;
        display: none;
    }

    html.mm-opening .btn-close-hamburger {
        display: block;
    }

    .btn-close-hamburger .hamburger-inner {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

    /*.mm-menu.mm-offcanvas {
        z-index: 9;
    }*/

    #menu-mobile #uci-main-menu {
        border: none !important;
    }

        #menu-mobile #uci-main-menu .col-xs-6 {
            padding: 0;
        }

    .uci-mobile-search {
        position: relative;
        margin-top: 30px;
    }

        .uci-mobile-search img {
            top: 15px;
            right: 15px;
            position: absolute;
        }

    .search-mobile {
        padding: 5px 50px 5px 20px;
        border: currentColor;
        border-image: none;
        width: 100%;
        height: 60px;
        background-color: #dadada;
    }

    .uci-navbar-mobile .navbar-toggle {
        border: none;
        margin-right: 5px;
    }

    html.mm-opening .navbar-toggle {
        display: none;
    }

    html.mm-opening .bx-wrapper .bx-controls-direction a {
        position: relative;
    }

    .uci-mobile-category,
    .uci-mobile-corporate,
    .uci-mobile-languages {
        margin-top: 20px;
    }

    .uci-mobile-corporate, .uci-mobile-languages {
        padding-top: 20px;
        border-top: 1px solid #e0e0e0;
    }

    #menu-mobile {
        font-size: 18px;
        z-index: 100;
    }

        #menu-mobile a {
            color: #000000 !important;
        }

        #menu-mobile .menu-title {
            color: #a0a0a0;
            border-color: transparent;
        }

    .uci-mobile-category ul, .uci-mobile-corporate ul, .uci-mobile-languages ul {
        margin: 0;
        border-bottom-color: transparent;
        border-bottom-width: 0;
    }

        .uci-mobile-category ul li,
        .uci-mobile-corporate ul li,
        .uci-mobile-languages ul li {
            border-bottom-color: transparent;
            border-bottom-width: 0;
        }

        .uci-mobile-category ul li {
            font-weight: bold;
        }

    #menu-mobile .shop {
        margin-top: 0;
        padding-left: 0;
    }

    #menu-mobile li a {
        padding: 15px 0;
        color: #000000 !important;
        font-size: 18px;
    }

    .uci-mobile-languages {
        text-transform: uppercase;
    }
    /*end Team page*/
    .widget-news .bx-wrapper .bx-controls-direction {
        display: none;
    }

    .widget-news .bx-wrapper .bx-pager {
        display: block;
        position: static;
    }

    .widget-women .women-wrap {
        left: 20%;
    }

    .widget-social .social-media-modal {
        left: 0;
        right: 0;
        bottom: 92% !important;
    }

    .widget-social .acc {
        width: 45%;
    }

    .podium-slide-wrap .result-item {
        position: relative;
        display: block;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 10px;
    }

    .podium-slide-wrap .back-grid {
        display: none;
    }

    .podium-slide-wrap .result-item:nth-child(3) span.position {
        right: auto;
        left: 0;
    }

    .widget-result .bx-wrapper .bx-prev {
        background: url(../js/bxslider/images/left.png) no-repeat;
        left: 0;
        top: -50px;
    }

    .widget-result .bx-wrapper .bx-next {
        background: url(../js/bxslider/images/right.png) no-repeat;
        top: -50px;
        right: 0;
    }

    .podium-slide-wrap .slide {
        height: auto;
        padding: 0 25px;
    }

    .podium-slide-wrap .result-item:first-child {
        margin-top: 0;
    }

    .podium-slide-wrap .result-item:nth-child(2) {
        margin-top: 0;
    }

    .podium-slide-wrap .result-item:nth-child(3) {
        margin-top: 0;
        left: 0;
        right: auto;
    }

    .uci-sitemap > .sf_colsIn:first-child {
        padding-left: 20px;
    }

    .uci-sitemap > .sf_colsIn a, .uci-sitemap {
        font-size: 18px;
    }

    .uci-footer > .sf_colsIn {
        text-align: center;
        margin: 20px 0;
    }

    .widget-result .header .comp-info {
        padding: 0 40px;
        text-align: left;
        margin-bottom: 20px;
        height: initial;
    }

    .widget-result .comp-info .race span {
        display: block;
        font-size: 13px;
    }

    .latest-comp .comp-info .race span {
        border-top: 2px solid #E5E5E5;
        margin: 0 20%;
        padding-top: 15px;
    }

    .widget-result .slide-count {
        display: none;
    }

    .latest-comp .comp-header {
        height: initial;
        border-bottom: none;
    }

    .comp-list .competition {
        padding: 10px 0;
        margin: 0;
    }

    .comp-list {
        margin-top: 0;
    }

    .hidden-mobile {
        display: none;
    }

    .hidden-desktop {
        display: block;
    }

    .carousel-popup {
        width: initial;
    }

        .carousel-popup .header {
            padding: 10px;
        }

    .discipline-nav nav,
    .uci-tabs nav {
        overflow-y: hidden;
        overflow-x: scroll;
    }

        .discipline-nav nav ul,
        .uci-tabs ul.nav.nav-tabs {
            display: inline-block;
            white-space: nowrap;
        }

        .discipline-nav nav > ul > li.dropdown > ul {
            display: none;
        }

    .uci-tabs ul.nav.nav-tabs {
        margin: 0 10px;
    }

        .uci-tabs ul.nav.nav-tabs li {
            /*max-width: 200px;*/
            padding: 10px 15px;
        }

            .uci-tabs ul.nav.nav-tabs li:first-child {
                /*margin-left: 10px;*/
            }

            .uci-tabs ul.nav.nav-tabs li:last-child {
                margin-right: 10px;
            }

            .uci-tabs ul.nav.nav-tabs li a {
                white-space: normal;
                text-transform: uppercase;
                font-size: 15px;
            }

            .uci-tabs ul.nav.nav-tabs li.active {
                border: 1px solid #0078D8;
                border-bottom: 3px solid #ffffff;
                margin-bottom: -2px;
                background-color: #FFFFFF;
            }

                .uci-tabs ul.nav.nav-tabs li.active a {
                    border-bottom: none;
                }
    .uci-submenu-wrapper nav {
        padding-bottom: 10px;
    }
    .top-banner {
        height: 420px;
    }

    .uci-tabs .tab-content {
        border-top: 1px solid #0078D8;
        margin-top: -7px;
        padding-top: 40px;
        /*padding-left: 10px;
        padding-right: 10px;*/
    }

    .see-full-ranking {
        text-align: center;
    }

        .see-full a, .see-full-ranking a {
            font-weight: bold;
            color: #000000;
        }

    .panel-heading .accordion-toggle:after {
        font-size: 13px;
    }

    .event-race .race-title {
        font-size: 18px;
    }

    .podium-slide-wrap .result-item {
        border-width: 3px;
        margin-bottom: 20px;
    }

    .podium-slide-wrap .result-infor span.uci-object-name {
        font-size: 18px;
    }

    .uci-main-content {
        margin-top: 20px;
    }

    .top-banner .title {
        left: 5px;
        right: 5px;
    }

        .top-banner .title h3, .top-banner-2 .title h3 {
            font-size: 34px;
        }

    .widget-news-list-discipline .news-item.latest .news-title {
        font-size: 21px;
    }

    .widget-news-list-discipline .news-item .news-content {
        padding-top: 150px;
    }

    .widget-news-list-discipline .news-item .news-content, .widget-news-list-discipline .news-item.latest .news-content {
        height: initial;
        padding-left: 5%;
        padding-right: 5%;
    }

    .widget-news-list-discipline .news-item .news-title {
        max-height: initial;
    }

    .widget-news-list-discipline .news-item.latest .news-desc {
        /*padding:25px;*/
    }

    /*.widget-women .women-wrap {
        left: 10px;
        right: 10px;
    }*/

    ul.series-list {
        min-height: initial !important;
    }

    .widget-rule .rain-bow {
        width: 20px;
        left: -22px;
        /*top:15px;*/
    }

    .widget-rule, .widget-women {
        height: initial;
        background-size: cover;
        background-position: center;
        /*padding: 0 40px;*/
        /*height: initial;*/
        margin-bottom: 40px;
    }

        .widget-rule .rule-wrap, .widget-women .women-wrap {
            left: initial;
            right: initial;
            /*top: 100px;*/
            position: relative;
            padding-left: 20px;
            display: block;
            bottom: initial;
            border-width: 2px;
            margin-left: 40px;
            margin-right: 40px;
            margin-top:-20px;
        }

    .more button {
        margin-top: 40px;
    }

    .carousel-popup .header h3 {
        margin-right: 0;
    }

    .carousel-popup .header ul.social {
        display: block;
        position: relative;
        top: 0;
        margin-bottom: 0;
    }


    .uci-tabs .uci-submenu-wrapper {
        height: 70px;
        /*margin-left: -10px;
        margin-right: -10px;*/
    }

    .P1Ycoe {
        background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
        border-bottom-right-radius: 8px;
        height: 60px;
        position: absolute;
        pointer-events: none;
        right: 0;
        top: 0;
        width: 35px;
        z-index: 2;
    }


    .uci-mobile-languages ul {
        display: table;
    }

        .uci-mobile-languages ul li {
            display: table-cell;
            padding-right: 20px !important;
        }

            .uci-mobile-languages ul li a.selected {
                padding: 10px !important;
                border-radius: 0px;
                background-color: lightgray;
            }

    .mm-menu {
        overflow-x: hidden;
        overflow-y: auto;
    }

    #competitions {
        overflow-x: auto;
    }

    .date-slider {
        width: 83%;
        margin-left: auto;
        margin-right: auto;
    }

    .ui-slider-horizontal .ui-slider-range {
        border-color: #999999;
    }

    .rules-container .rain-bow,
    .rules-detail-container > .rain-bow,
    .widget-events > .rain-bow,
    .results-main-container .rain-bow,
    .header-block .rain-bow,
    .comp-header .rain-bow,
    .widget-news .rain-bow {
        display: none;
    }

    .widget-gallery .bx-wrapper .bx-controls-direction {
        display: none;
    }

    #modal-facebook:after, #modal-youtube:after {
        left: 30% !important;
    }

    #modal-twitter:after, #modal-instagram:after {
        left: 70% !important;
    }

    #modal-youtube, #modal-instagram {
        bottom: 54% !important;
    }

    .widget-social .social-item .count {
        font-size: 16px;
    }

    .widget-social .social-item > span {
        padding: 5px;
    }

    .widget-social .social-item .social-button {
        width: 100px;
        height: 35px;
        margin-top: 15px;
        border-width: 1px;
    }

    .header-block .dropdown, .results-main-head .k-dropdown {
        display: block;
        margin: auto;
    }

    .widget-results-main .results-main-head {
        margin-bottom: 10px;
    }

    .time-span {
        font-size: 12px;
        min-width: 65px;
        max-width: 70px;
    }

    .widget-rules .rules-head .filters .filter:first-child {
        padding-left: 15px;
    }

    .widget-rules-detail .rules-detail-head {
        padding-right: 0;
    }

        .widget-rules-detail .rules-detail-head .head-right {
            position: relative;
            display: block;
            margin-top: 20px;
        }

    .grid-rules .row, .grid-feds .row {
        display: block;
    }

    .grid-rules .cate, .grid-rules .document {
        padding: 5px 15px;
    }

    .grid-no-data {
        padding: 0 15px;
    }

    .uci-grid {
        overflow-x: auto;
    }

    .widget-events .content h4, .widget-events .secondary .event h4 {
        font-size: 17px;
    }

    .widget-events .main .event {
        height: 180px;
    }
    /*general style*/
    .discipline-nav h3.title {
        font-size: 34px;
    }

    .comp-header .content h3 {
        font-size: 28px;
    }

    .uci-wp-tilte {
        font-size: 22px;
        font-weight: bold;
    }

    .content-wrap .widget-title, .header-block .header-content h3,
    .widget-result .header .title h3,
    .widget-gallery .gallery-head .widget-title,
    .widget-corporate-news .news-head > .title,
    .widget-results-main .results-main-head h3 {
        font-size: 20px;
        /*padding-bottom: 20px;
        margin-bottom: 20px;*/
        padding-left: 0;
    }

    .widget-rule .rule-description p, .widget-women .women-description p, .widget-women .women-description a {
        font-size: 13px;
    }

    .widget-rule .rule-content {
        padding: 0;
    }

    .comp-info .comp-name a {
        height: initial;
    }

    .mobile-banner {
        padding: 10px;
        border: 1px solid #E5E5E5;
        display: table;
        min-height: 100px;
    }

    .banner-img, .banner-link {
        width: 50%;
        display: table-cell;
    }

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

    .banner-link {
        padding-left: 15px;
    }

        .banner-link a {
            font-size: 13px;
            padding: 8px;
            text-align: center;
        }

    .m-calendar-controls .more button {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 11px;
    }

    .calendar-graph-mobile .point {
        display: block;
        position: relative;
        margin: 0px 10px 40px 10px;
    }

        .calendar-graph-mobile .point .point-wrap {
            position: relative;
            width: auto;
            left: 0;
        }

            .calendar-graph-mobile .point .point-wrap:after {
                bottom: 100%;
                top: initial;
                border-top: initial;
                margin-left: 10px;
            }

        .calendar-graph-mobile .point .point-date {
            display: block;
            position: static;
            margin-bottom: 20px;
            font-size: 15px;
            width: auto;
            text-align: left;
            margin-top: 0;
            font-weight: bold;
        }

        .calendar-graph-mobile .point .category {
            bottom: initial;
            top: 100%;
        }

    button.ver-load-more {
        margin: 0;
        border: none;
        margin-right: 15px;
        font-size: 11px;
        padding: 0;
    }

    .widget-rules .rules-head .filters .filter:last-child {
        padding-right: 15px;
    }

    .widget-rules .rules-head .filters .filter {
        margin-bottom: 10px;
    }

    .filters select {
        padding: 7px 0;
    }

    .rules-head {
        margin-bottom: 40px;
    }

    .grid-rules .row, .grid-feds .row {
        padding: 5px 0;
    }

    .ranking-discipline {
        padding: 20px 0;
    }

    .widget-news-list-discipline .news-head {
        padding: 20px;
    }

    .content-wrap {
        margin-bottom: 40px;
    }

        .content-wrap .widget-title.big {
            margin: 5px 0;
        }

    .widget-head .all-other {
        top: 5px;
        padding: 0;
    }

    .widget-news .widget-content {
        margin-top: 20px;
    }

    .comp-info .comp-name a, .comp-info .comp-name-header a {
        font-size: 18px;
        max-height: 130px;
    }

    .podium-slide-wrap span.position {
        font-size: 15px;
        padding: 1px 15px 5px 12px;
    }

    .podium-slide-wrap .result-infor {
        padding: 5px 30px;
    }

    .podeum table td.rank {
        font-size: 18px;
    }

    .podeum table td.name, .podeum table td.point {
        font-size: 14px;
    }

    .widget-events .secondary > div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .widget-events .secondary .event {
        border-width: 2px;
        margin-bottom: 10px;
    }

    .widget-gallery .gallery-wrap .bx-wrapper {
        margin-bottom: 0;
    }

    .widget-social .social-header {
        height: 20px;
    }

    .widget-social .social-wrap {
        padding-top: 40px;
    }

    .press-release-column, .corporate-column {
        padding-left: 0;
        padding-right: 0;
    }

    .widget-corporate-news .news-item {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }

    ul.center-tags li {
        padding: 10px;
    }

    .widget-gallery .gallery-content a.link .multi-button {
        background-color: initial !important;
        background-image: url('../images/box_more_gray.png');
    }

    .widget-pages .page-item .title {
        height: auto;
    }

    .widget-rules-detail .rules-detail-wrap {
        width: 100%;
    }

    .uci-submenu-wrapper {
        height: 60px;
        position: relative;
        overflow: hidden;
    }

    .discipline-nav > nav {
        overflow-y: hidden;
        overflow-x: scroll;
    }

        .discipline-nav > nav > ul {
            display: inline-block;
            white-space: nowrap;
            margin-top: 6px;
        }

            .discipline-nav > nav > ul > li.dropdown > ul {
                display: none;
            }

    .discipline-nav > ul.event-submenu {
        list-style-type: none;
        text-align: left;
        padding: 5px 15px;
    }

        .discipline-nav > ul.event-submenu > li {
            padding: 5px 0;
        }

            .discipline-nav > ul.event-submenu > li > a {
                color: black;
                /* padding: 11px 0; */
            }

    table.table-rank-info {
        font-size: 10px;
    }

    .uci-navbar-mobile {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 101;
    }

        .uci-navbar-mobile.menu-opened {
            position: fixed;
        }

    .uci-toggle {
        position: relative;
        float: right;
        margin-right: 5px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 4px;
    }

        .uci-toggle .hamburger-box,
        .uci-toggle .navbar-toggle {
            float: none;
            border: none;
            margin: 0;
            padding: 0;
            border-radius: 0;
        }

        .uci-toggle .navbar-icon-close {
            display: none;
        }

        .uci-toggle.expanded .navbar-icon-open {
            display: none;
        }

        .uci-toggle.expanded .navbar-icon-close {
            position: relative;
            left: -20px;
            top: 30px;
            display: block;
        }

}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .logo, .logo-wcc {
        width: 20%; /*keep tablet as desktop mode*/
    }

    .secondary-menu {
        width: 60%;
        padding: 0 5px;
    }

    .logo, .logo-wcc, .secondary-menu {
        float: left;
    }

        .secondary-menu ul > li > a {
            font-size: 12px;
        }

    .main-menu > ul > li > a, .main-menu li.parent > span > a {
        font-size: 12px;
    }

    .main-menu li.parent > span > nav.dropdown-menu > a {
        font-size: 11px;
    }

    .main-menu > ul > li {
        padding: 5px;
    }

    .popup-img .popup-model {
        right: -10px;
        width: 210px;
    }

        .popup-img .popup-model p {
            font-size: 12px;
        }

    .popup-model a.load-more-btn {
        padding: 8px;
        font-size: 13px;
    }

    .popup-img .popup-model .close {
        margin-top: 0px;
        margin-right: 0px;
    }

    .widget-gallery .bx-wrapper .bx-prev {
        left: -50px;
    }

    .widget-gallery .bx-wrapper .bx-next {
        right: -50px;
    }

    .podium-slide-wrap .result-item:first-child {
        left: 33.1%;
        right: 33.1%;
    }

    .widget-result .bx-wrapper .bx-prev {
        left: 20px;
    }

    .widget-result .bx-wrapper .bx-next {
        right: 20px;
    }

    .uci-buttons > .sf_colsIn > div a {
        font-size: 12px;
    }
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    transform: translate(-100%,0)
}


/*-------Truncate-------*/
.truncate-text-main-event {
    line-height: 22px;
    height: 45px;
}
.pos-relative{
    position:relative;
}

.content-detail .news-content strong, .content-detail .news-content b, .content-detail .news-content h3 {
    font-family: Soleil;
    font-size: 18px;
}

/*--------------Print------------------*/
@media print {
    .hidden-print, header, footer, .sharing {
        display: none !important;
    }

    .top-banner, .top-banner-2 {
        height: 320px;
        margin-bottom: 0;
    }

    .top-banner .title, .top-banner-2 .title {
        top: 20%;
        left: 0;
        right: 0;
        bottom: 10%;
    }

    .top-banner .title h3, .top-banner-2 .title h3 {
        font-size: 40px;
    }
}

.print-item a{
    vertical-align: middle;
    color: gray;
}

    .print-item a > span {
        line-height: inherit;
        top: 5px;
        font-size: 20px;
    }

.content-detail .news-content .print-item img,
.sharing .social .print-item img {
    max-width: 30px;
}

/*-----------Cookie----------------------*/
.alert.alert-cookies {
    background-color: #474444 !important;
    bottom: 0;
    position: fixed;
    margin-bottom: 0;
}

    .alert.alert-cookies p {
        color: #FFFFFF !important;
    }

    .alert.alert-cookies .alert-content {
        margin-right: 215px;
        margin-left: 50px;
        padding-top: 6px;
    }

    .alert.alert-cookies .btn-alert {
        position: absolute;
        top: 50%;
        right: 30px;
        margin-top: -16px;
    }