/* helpers */
hr.gold {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #d8b466;
}
hr.dark {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #000;
}
.text-gold { color: #d8b466; }
a:hover.text-gold,
a:active.text-gold,
a:focus.text-gold {
    color: #d8b466;
    text-decoration: none !important;
}
.m-t-15 { margin-top: 15px; }
.p-tb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #a41717;
    width: 80px;
    height: 80px;
    margin: 0 25px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* general */
body {
    height: 100%;
    background: #242424;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}
a { text-decoration: none; }
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
}
header#header {
    background: url(../img/headerbg.jpg) no-repeat;
    background-size: auto 100%;
    background-position: center;
    padding: 205px 0px;
}
header#header .nav-menu { margin-top: -205px; }
.navbar-default {
    margin: 40px 0px;
    background-color: transparent;
    border-color: transparent;
    font-size: 12px;
}
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: transparent;
    border-top: 1px solid #c4ab37;
    border-bottom: 1px solid #c4ab37;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: transparent;
    border-top: 1px solid #c4ab37;
    border-bottom: 1px solid #c4ab37;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #b5211d; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-toggle {
    padding: 9px 6px;
    border-radius: 100%;
}
.logo {
    padding: 35px 45px;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.container { padding-left: 100px; }
div.result-wrapper {
    background: url(../img/china1.jpeg) repeat;
    background-size: contain;
    background-position: center;
    padding: 20px 0px 10px 0px;
}
div.result-wrapper .event {
    display: inline-block;
    padding: 25px 15px;
    background: #282828;
    border-radius: 10%;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-right: 25px;
    vertical-align: middle;
}
div.result-wrapper .calendar {
    display: inline-block;
    color: #a41717;
    vertical-align: middle;
}
div.result-wrapper .calendar .day {
    font-size: 56px;
    font-weight: 600;
    line-height: 60px;
    margin-right: 5px;
}
div.result-wrapper .calendar .month {
    font-size: 22px;
    font-weight: 600;
    vertical-align: top;
    line-height: 40px;
    margin-right: -7px;
}
div.result-wrapper .calendar .year {
    font-size: 22px;
    margin-left: -65px;
    vertical-align: bottom;
    line-height: 40px;
}
div.result-wrapper .calendar .date {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    display: block;
    padding-top: 8px;
}
.result-wrapper .results {
    display: inline-block;
    vertical-align: top;
}
.result-wrapper .results ul li {
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
}
.result-wrapper .results ul li span {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    text-align: center;
    margin-right: 15px;
}
.result-wrapper .results ul li img {
    width: 90%;
    padding: 0px 25px;
}
.result-wrapper .results ul li:not(:last-child) img,
.result-wrapper .results ul li:not(:last-child) .loader-frame {
    border-right: 1px solid #000;
}
.pages-container { padding: 0 120px; }
.pages {
    background: #a41717;
    padding: 0 25px;
}
.pages .logo {
    padding: 15px 0 0 15px;
}
.pages .navbar-default {
    margin: 40px 0px 0;
    background-color: transparent;
    border-color: transparent;
    font-size: 12px;
}
.past-result h2 { font-weight: 600; }
.result-content table { color: #fff; }
.result-content table thead tr th,
.result-content table tbody tr td {
    text-align: center;
    vertical-align: middle;
}
.result-table.table-striped > tbody > tr:nth-of-type(odd) { background-color: #434343; }
.result-table.table-striped > tbody > tr:nth-of-type(even) { background-color: #605e5e; }
.result-table tbody td img { width: 35px; }
.result-table tbody td img:not(:last-child) { margin-right: 5px; }
.result-table table { border: transparent; }
.table-bordered {
    border: 2px solid #d8b466;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}
.table-bordered > thead > tr > th {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: 1px solid #d8b466;
}
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #282828;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
footer {
    color: #fff;
    background: #a41717;
    text-align: center;
    padding: 10px;
}
footer p { font-size: 12px; }

/* responsive */
@media only screen and (max-width: 7680px) and (min-width: 1965px) {
    header {
        width: 1965px;
        margin-left: auto;
        margin-right: auto;
    }
    .container {
        padding-right: 15px;
        padding-left: 100px;
        margin-right: auto;
        margin-left: auto;
    }
    .result-wrapper {
        width: 1965px;
        margin-right: auto;
        margin-left: auto;
    }
    footer {
        width: 1965px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (max-width: 1199px) {
    header#header div.nav-menu { float: right !important; }
    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }
    .container { padding-left: 15px; }
}
@media (max-width: 1078px) {
    .pages .logo { width: 221px; }
}
@media (max-width: 1048px) {
    .pages .logo, .pages .logo img { width: 168px; }
}
@media (max-width: 1024px) {
    .pages-container { padding: 0; }
}
@media (max-width: 991px) {
    .container { margin-left: auto; }
    .result-wrapper .event { margin-left: 25%; }
}
@media (max-width: 920px) {
    .pages .logo { width: 100%; }
    .pages .logo img { width: auto; }
    .pages .navbar-default .navbar-nav > li > a { font-size: 11px; }
    .pages .navbar-default { margin: 0px 0px 0; }
}
@media (max-width: 930px) {
    .pages { padding: 0px; }
    .pages .row { margin: 0; }
    .result-header, .result-content { padding: 0 15px !important; }
}
@media (max-width: 767px) {
    .navbar-nav {
        margin: 7.5px -15px;
        background-color: rgb(120,10,11);
        border-color: #7a0709;
    }
    .logo img { float: left; }
    .navbar-toggle.collapsed { margin-top: -12px; }
}
@media (max-width: 669px) {
    .results ul li { width: 24%; }
}
@media (max-width: 479px) {
    .result-wrapper .event { margin-left: 15%; }
    .results ul li img { padding: 0px 10px !important; }
    .loader { width: 50px; height: 50px; margin: 0 15px; }
}
@media (max-width: 425px) {
    header#header {
        background: url(../img/headerbg_mobile.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 95px 0px;
    }
    header#header div.nav-menu {
        margin-top: -95px;
        margin-right: 10px;
    }
    header#header nav .collapse .collapse.in {
        position: absolute;
        margin-left: -97px;
        z-index: 1000;
    }
}
@media (max-width: 414px) {
    .pages .logo { margin-bottom: 0; }
    .past-result h2 { text-align: center; }
    .pages .nav-menu {
        float: none !important;
        margin: 0 15px;
    }
    .result-table tbody td img {
        margin-right: 0px !important;
    }
    .logo img {
        width: 150px !important;
        margin-bottom: -4px;
        margin-left: -10px;
    }
    button.navbar-toggle.collapsed {
        margin-top: -30px !important;
        margin-bottom: 14px;
        margin-right: 0px;
    }
}
@media (max-width: 400px) {
    .result-wrapper .event { margin-left: 0; }
    .results { margin-left: auto; }
    .result-wrapper > .pages-container { padding-left: 15px; }
}
@media (max-width: 360px) {
    .navbar-toggle.collapsed { margin-bottom: 20px; }
}
@media (max-width: 320px) {
    .results ul li { width: 23%; }
    .result-table tbody td img { width: 25px; }
}
@media (max-width: 412px) and (min-width: 400px) {
    .result-wrapper .event { margin-left: 15%; }
}
@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }
}