html {
    font-size: 10px
}

body {
    font-size: 13px;
    font-size: 1.3rem;
    background-color: #99e65b;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px
}

a:hover {
    text-decoration: none
}

.hotels {
    padding: 15px;
    background: #EEE
}

.teams-header {
    overflow: hidden;
}

.teams-header img {
  float: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0c2e4c
}

hr {
    border-color: #c2e3fc
}

.teams-logo {
    float: left;
    margin-right: 15px
}

.teams-information {
    width: 100%;
    clear: both
}

.sidebar-search-form-container {
    background: #006bb5;
    margin: 0 20px 20px 20px
}

.sidebar-search-form-container,
.sidebar-search-form-container h1,
.sidebar-search-form-container label {
    color: #FFF
}

.sidebar-search-form-container button {
    background-color: #002E72;
    color: #FFF;
    font-size: 24px;
    height: 56px
}

.sidebar-search-form-container {
    padding: 15px
}

.top-blue {
    background: url(../images/top-blue.jpg);
    background-size: contain;
    height: 38px
}

@media (max-width:1199px) {
    .top-blue {
        height: 32px
    }
}

@media (max-width:991px) {
    .top-blue {
        height: 25px
    }
}

@media (max-width:767px) {
    .top-blue {
        height: 18px
    }
}

.main-content {
    margin-top: -38px
}

@media (max-width:1199px) {
    .main-content {
        margin-top: -32px
    }
}

@media (max-width:991px) {
    .main-content {
        margin-top: -24px
    }
}

@media (max-width:767px) {
    .main-content {
        margin-top: -18px
    }
}

@media (max-width:575px) {
    .main-content {
        padding: 0
    }
}

.main-content nav {
    background-image: -moz-linear-gradient(top, #1b6db3 0%, #1e89d9 55%);
    background-image: linear-gradient(top, #1b6db3 0%, #1e89d9 55%);
    background-image: -webkit-linear-gradient(top, #1b6db3 0%, #1e89d9 55%);
    background-image: -o-linear-gradient(top, #1b6db3 0%, #1e89d9 55%);
    background-image: -ms-linear-gradient(top, #1b6db3 0%, #1e89d9 55%);
    border-radius: 0 10px 0 0;
    box-shadow: rgba(0, 0, 0, .6) 2px -2px 5px;
    margin: -38px 3% 0;
    padding: 0
}

@media (max-width:767px) {
    .main-content nav {
        border-radius: 0;
        box-shadow: none;
        margin: 0
    }
}

@media (max-width:991px) {
    .main-content nav .navbar-collapse {
        background: #1e89d9;
        position: absolute;
        top: 25px;
        z-index: 1;
        width: 100%
    }
}

.main-content nav .navbar-collapse .navbar-nav {
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.main-content nav .navbar-collapse .navbar-nav li {
    text-align: center;
    width: 100%
}

.main-content nav .navbar-collapse .navbar-nav li:hover {
    background-color: #4a9fdb
}

.main-content nav .navbar-collapse .navbar-nav li:hover a {
    color: #444
}

.main-content nav .navbar-collapse .navbar-nav li.active {
    background-color: #4a9fdb
}

.main-content nav .navbar-collapse .navbar-nav li .nav-link {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 700;
    padding: 10px
}

@media (max-width:1199px) {
    .main-content nav .navbar-collapse .navbar-nav li .nav-link {
        font-size: 12px;
        font-size: 1.2rem
    }
}

@media (max-width:767px) {
    .main-content nav .navbar-collapse .navbar-nav li .nav-link {
        padding: 7px
    }
}

.main-content .main-row {
    margin: 0
}

.main-content .main-row .league-club-list {
    line-height: 24px;
    list-style-type: none;
    padding: 0;
    text-decoration: underline
}

.main-content .main-row .league-club-list a {
    color: inherit
}

.main-content .main-row iframe {
    height: 187px;
    width: 100%
}

.main-content .main-row .description {
    background-color: #fff;
    padding: 20px 3%
}

.main-content .main-row .description .bcrumb {
    font-size: 11px;
    font-size: 1.1rem;
    display: inline-block;
    margin: 10px 0
}

.main-content .main-row .description .bcrumb a {
    color: inherit;
    text-decoration: underline
}

.main-content .main-row .description .title {
    margin: 15px 0
}

.main-content .main-row .description .bookwithus {
    margin-top: 15px
}

@media (max-width:575px) {
    .main-content .main-row .description .bookwithus {
        margin: 15px 0 0
    }
}

.main-content .main-row .description .bookwithus .msg {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 35px
}

@media (max-width:991px) {
    .main-content .main-row .description .bookwithus .msg {
        font-size: 24px;
        font-size: 2.4rem
    }
}

@media (max-width:575px) {
    .main-content .main-row .description .bookwithus .msg {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 28px;
        padding: 0
    }
}

.main-content .main-row .description .bookwithus .img {
    text-align: center
}

.main-content .main-row .description .bookwithus .more {
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: underline
}

.main-content .main-row .description .bookwithus .more a {
    color: inherit
}

.main-content .main-row .description .reasons,
.main-content .main-row .description .bookNow {
    background-color: #f5f5f5;
    margin: 20px 0;
    padding: 15px
}

.main-content .main-row .description .reasons .reason-title,
.main-content .main-row .description .bookNow .reason-title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 18px
}

.main-content .main-row .description .reasons .reason-desc,
.main-content .main-row .description .bookNow .reason-desc {
    padding-top: 10px
}

.main-content .main-row .description .reasons .reason-desc a,
.main-content .main-row .description .bookNow .reason-desc a {
    color: inherit;
    text-decoration: underline
}

.main-content .main-row .description .bookNow {
    background-color: #e4f4ff
}

.main-content .main-row .subnav {
    background-color: #1e89d9;
    color: #fff;
    padding: 0
}

.main-content .main-row .subnav .white {
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #fff;
    box-shadow: 1px 6px 5px -2px rgba(0, 0, 0, .3), 1px -6px 5px -2px rgba(0, 0, 0, .3);
    font-weight: 700;
    height: 30px;
    margin: 45px 0 -35px
}

.main-content .main-row .subnav .subnav-title {
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #1e89d9;
    box-shadow: rgba(0, 0, 0, .3) 1px -6px 5px;
    display: inline-block;
    font-weight: 700;
    margin-left: 30px;
    padding: 15px 35px 15px 25px
}

.main-content .main-row .subnav ul {
    list-style-type: none;
    padding: 0
}

.main-content .main-row .subnav ul li {
    border-bottom: 1px solid #fff;
    line-height: 30px;
    margin: 0 12%;
    padding-left: 5px
}

@media (max-width:991px) {
    .main-content .main-row .subnav ul li:last-child {
        border-bottom: none
    }
}

.main-content .main-row .subnav ul li a {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 700
}

.main-content .main-row .subnav ul li a:hover {
    color: #444
}

.main-content .main-row .boxes {
    background-color: #fff
}

@media (max-width:991px) {
    .main-content .main-row .boxes {
        display: flex
    }
}

@media (max-width:575px) {
    .main-content .main-row .boxes {
        display: block
    }
}

.main-content .main-row .boxes .box {
    border-radius: 20px;
    border: 1px solid #999;
    min-height: 135px;
    margin: 20px auto 15px;
    padding: 10px;
    width: 75%
}

@media (max-width:991px) {
    .main-content .main-row .boxes .box {
        width: 30%
    }
}

@media (max-width:575px) {
    .main-content .main-row .boxes .box {
        width: 45%;
        min-height: 165px
    }
}

@media (max-width:400px) {
    .main-content .main-row .boxes .box {
        width: 50%;
        min-height: 140px
    }
}

.main-content .main-row .boxes .box.booking {
    background: #89d64a url(../images/booking-info.jpg) no-repeat;
    background-size: contain
}

.main-content .main-row .boxes .box.notice {
    background: #89d64a url(../images/notice-board.jpg) no-repeat;
    background-size: contain
}

.main-content .main-row .boxes .box.search {
    background: #89d64a url(../images/search-hotels.jpg) no-repeat;
    background-size: contain
}

.main-content .main-row .boxes .box .content {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 75px
}

.main-content .footer {
    font-size: 13px;
    font-size: 1.3rem;
    background-color: #1e89d9;
    border-top: 1px solid;
    color: #fff;
    margin: -1px 0 0;
    padding: 10px;
    text-align: center
}

.bottomadverts {
    background-color: #91BFFA;
    margin-bottom: 10px;
    padding: 5px 10px;
    min-height: 180px
}

.bottomadverts p {
    color: #000;
    padding: 0;
    margin: 0
}

.bottomadverts .star {
    display: inline;
    height: 20px;
    width: 19px;
    padding: 0 2px 0 0;
    margin: 0;
    float: none
}

.bottomadverts img {
    width: 200px;
    float: right;
    margin: 15px 10px 0 10px;
    border: 2px;
    max-height: 150px
}

.bottomadverts h3 {
    margin: 10px 0 0 0
}

.bottomadverts .booknow {
    background-color: #1e89d9;
    height: 36px;
    line-height: 24px;
    font-size: 18px;
    width: 200px;
    padding: 6px 12px;
    text-align: center;
    border-color: #2e6da4;
    border-radius: 4px;
    color: #FFF;
    text-decoration: none
}

.bottomadverts a,
.bottomadverts a:visited,
.bottomadverts a:hover,
.bottomadverts a:focus,
.bottomadverts a:active {
    color: #23527c;
    text-decoration: none;
    font-weight: 700
}

.bottomadverts a:hover {
    color: #002E72
}

#divisions-table {
    margin-bottom: 20px
}

#divisions-table td {
    padding-right: 15px
}

.teams-fixtures {
    margin-bottom: 20px
}

.teams-fixtures td,
.teams-fixtures th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px
}

.teams-fixtures tr {
    background-color: #f2f2f2
}

#teams-fixtures {
    text-align: center;
    background-color: #1e89d9;
    color: #fff
}

#teams-fixtures-header {
    background-color: #006bb5;
    color: #fff
}