@font-face {
    font-family: 'Bebas';
    src: url('bebasneue_regular-webfont.eot');
    src: url('bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('bebasneue_regular-webfont.woff2') format('woff2'),
    url('bebasneue_regular-webfont.woff') format('woff'),
    url('bebasneue_regular-webfont.ttf') format('truetype'),
    url('bebasneue_regular-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Bebas" !important;
}

.footer {
    margin-top: 100px;
}

.row.header {
    margin: 0px;
}

.women {
    font-weight: bold;
}

.smaller-content {
    font-size: 10px;
}

#pdf_link {
    width: 100%;
    text-align: right;
    padding-top: 10px;
    padding-right: 40px;
}

#back_link {
    width: 100%;
    text-align: left;
    padding-top: 10px;
}

h4 {
    text-align: center;
    padding-top: 10px;
}

h6 {
    text-align: center;
    padding-bottom: 4px;
    font-size: 13px !important;
}

table.table.table-striped {
    font-size: 13px !important;
    width: 95%;
}

table.table.table-striped td {
    vertical-align: middle !important;
    position: relative;
    text-align: center;
}

table.table-header-results {
    font-size: 14px !important;
    width: 95%;
    background: #ddd;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

table.table-header-results td {
    vertical-align: middle !important;
    position: relative;
    text-align: center;
    padding: 10px 0 10px 0;
}

table.table-results {
    font-size: 14px !important;
    width: 95%;
}

table.table-results td {
    vertical-align: middle !important;
    position: relative;
    border-bottom: 1px solid #999;
}

table.table-results td.table-header {
    padding-top: 40px;
    padding-bottom: 5px;
    font-weight: bold;
}

table.table-results td.table-header-smaller {
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: bold;
}

table.table-results td.table-title {
    color: #999;
    height: 40px;
}

table.table-results-cols {
    font-size: 14px !important;
    width: 95%;
}

table.table-results-cols td {
    vertical-align: middle !important;
    position: relative;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ddd;
    padding-left: 2px;
    text-align: center;
}

table.table-results-cols td.table-header {
    padding-top: 40px;
    padding-bottom: 5px;
    font-weight: bold;
}

table.table-results-cols td.table-title {
    color: #999;
    height: 40px;
}

td.align-left {
    text-align: left !important;
    border-left: 0px !important;
}

td.align-center {
    text-align: center !important;
    border-left: 0px !important;
}

td.search-results {
    padding-top: 20px;
}

tr.hidden {
    display: none;
}

.header .top-belt {
    background-color: #3daa33;
    width: 100%;
    height: 6px;
}

.results-title {
    padding-top: 20px;
    width: 95%;
    text-align: left;
}

.header .header-background {
    /*background: ;*/
    width: 100%;
    height: 244px;
    padding-top: 60px;
    /*background-size: 100% 100%;*/
}

.header .website-logo {
    background: url('../images/topcross-logo-2.png') no-repeat;
    width: 207px;
    height: 100px;
    margin-top: 38px;
    margin-left: calc((100% - 1100px) / 2);
    display: none;
}

.content .website-content {
    max-width: 1120px;
    height: 150px;
    position: relative;
    margin-left: calc((100% - 1120px) / 2);
}

.content .content-belt {
    height: 10px;
    width: 100%;
    background-color: #3daa33;
}

.content .website-content .left-col {
    max-width: 200px;
    height: 200px;
}

.content .website-content .right-col {
    max-width: 720px;
    height: 200px;
}
.content .website-content .news-col {
    max-width: 200px;
    height: 200px;
}

.green {
    color: #3daa33;
}

.date-sub-page {
    /*float: left;*/
    margin-right: 10px;
    font-size: 0.6em;
}

.sub-page-title:before {
    height: 100%;
    background: url('../images/gradient.png');
    background-size: 100% 100%;
    transform: rotate(180deg);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sub-page-title:after{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 5px;
    background: #3daa33;
    content: '';
}

.sub-page-title {
    margin-top: 11px;
    position: relative;
    padding-left: 30px;
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: 20px;
}

.sub-page-content {
    padding: 25px;
    font-family: 'Open Sans', sans-serif !important;
}

.sub-page-content-2 {
    padding-top: 25px;
    padding-left: 0px;
    font-family: 'Open Sans', sans-serif !important;
}

.sub-page-content > table {
    max-width: 670px !important;
}

.sub-page-content a:hover {
    color: #3daa33;
}

.event-description {
    padding-top: 20px;
}
.right-border {
    border-right: 1px solid #ddd;
}

.news-more a,
.news-more a:hover,
.news-more a:visited,
.news-more a:active
{
    color: #3daa33;
}

.news-more
{
    text-align: right;
    margin-top: 20px;
}

.navbar-nav > li > a:hover
{
    background: #EEEEEE !important;
}

.personal_link {
    color: #000;
    text-decoration: none;
}

.personal_link a:hover {
    color: #000 !important;
    text-decoration: underline;
}

.pagination-page {
    text-align: center;
    margin-top: 50px;
    width: 100px;
    position: relative;
    left: 50%;
    margin-left: -50px;
}

.pagination-page .arrow-pagination.next > div{
    background: #3daa33 url('../images/iconGhost.png') -131px -92px;
    width: 17px;
    height: 17px;
    float: right;
}

.pagination-page .arrow-pagination.prev > div {
    background: #3daa33 url('../images/iconGhost.png') -132px -132px;
    width: 17px;
    height: 17px;
    float: left;
}


div.vertical{
  margin-left: -85px;
  position: absolute;
  width: 205px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); /* Safari/Chrome */
  -moz-transform: rotate(-90deg);    /* Firefox */
  -o-transform: rotate(-90deg);      /* Opera */
  -ms-transform: rotate(-90deg);     /* IE 9 */
}

td.vertical{
  max-width: 50px;
  height: 85px;
  line-height: 14px;
  padding-bottom: 20px;
  text-align: inherit;
}
.height-big {
    height: 100px;
}
.event-title {
    width: 50px;
    /*top: 25px !important;*/
}

.ranking-points {
    color: #999;
}
.ranking-points-sum {
    color: #000;
}

.ranking-1st-col {
    text-align:left !important;
    padding-left: 5px !important;
    min-width: 200px;
}

.ranking-msc-col {
    color: #999;
    min-width: 18px;
    font-size: 12px;
}

.ranking-msc-col2 {
    color: #999;
    min-width: 36px;
    font-size: 12px;
}

.no-left-border {
    border-left: none !important;
}

/******* RESPONSIVE ********/

@media (min-width: 1000px) {
    .web-container {
        max-width: 1120px;
        margin-left: calc((100% - 1120px) / 2);
    }

    /*.header .header-background {*/
    /*    background-size: 100% 100% !important;*/
    /*}*/
}

@media (max-width: 1000px) {
    .right-col, .left-col, .news-col {
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media (max-width: 768px) {
    .website-logo {
        width: 330px !important;
        height: 110px !important;
        margin-left: calc((100% - 330px) / 2) !important;
    }
}

@media (min-width: 768px) {
    .right-col {
        float: left;
        width: 720px;
    }

    .left-col {
        width: 200px;
        float: left;
    }
    .news-col {
        width: 200px;
        float: left;
    }

    .navbar-brand {
        display: none;
    }
}

/***************** CUSTOM BOOTSTRAP FIXS ********************/
.navbar-brand {
    float: right !important;
    color: white !important;
    font-size: 22px !important;
    margin-top: -2px !important;
}

.dropdown-menu {
    margin-bottom: 20px !important;
    box-shadow: none !important;
}

.dropdown-menu a:hover {
    color: inherit !important;
}

.navbar-toggle {
    /*border-color: #3daa33 !important;*/
    margin-right: 20px !important;
    margin-top: 4px !important;
}

.navbar-toggle .icon-bar {
    background: white;
}

.row {
    margin: 0 !important;
}

.navbar .navbar-collapse {
    padding: 0;
    padding-right: 20px;
}

.navbar .navbar-collapse li {
    background: url('../images/gradient.png') no-repeat;
    margin-top: 10px;
    background-size: 100% 100%;
}

.news-list li {
    background-size: 100% 100%;
}

.navbar .navbar-collapse li a,
.news-list li a
{
    color: #464546;
    text-align: right;
    padding-right: 25px;
    font-size: 20px;
}

.news-list li a {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    text-align: left;
    padding-left: 25px;
}

.news-list li a span {
    font-size: 0.8em;
    display: block;
}

.navbar .navbar-collapse .belt-menu,
.news-list .belt-menu
{
    background-color: #3daa33;
    width: 5px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.news-list .belt-menu {
    left: 0;
}

.results-selector {
    min-width: 150px;
    height: 26px;
}

@media (min-width: 768px) {
    .navbar-collapse {
        height: auto;
        border-top: 0;
        box-shadow: none;
        max-height: none;
        padding-left:0;
        padding-right:0;
    }
    .navbar-collapse.collapse {
        display: block !important;
        width: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-x: visible;
    }

    .navbar
    {
        max-width:300px;
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-nav,
    .navbar-nav > li,
    .navbar-left,
    .navbar-right,
    .navbar-header
    {float:none !important;}

    .navbar-right .dropdown-menu {left:0;right:auto;}
    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }
    ul.news-list > li > a,
    .news-list li a
    {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
}

@media (max-width: 768px) {
    .navbar {
        margin-bottom: -10px !important;
    }

    .navbar-header {
        background: #3daa33;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -5px;
    }
}