@charset "UTF-8";

/* CSS Document */

h1, h2, h3, h4, h5 {
    font-weight: bold
}
h1, h2 {
    color: #0C5779;
}
h2, h3 {
    margin: 2em 0 .8em
}
h1 span {
    font-size: 80%;
    display: inline-block
}
ul {
    padding-left: 1.2em
}
.col-md-6 ul, .col-md-6 li {
    list-style: none;
    padding: 0;
    color: #0C5779
}
.glyphicon {
    top: 3px;
    margin-right: 7px
}
a, a:hover {
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
}
.section {
    text-align: center;
    background: #0C5779;
    margin: 3em 0;
    padding: 2em
}
.section a {
    font-size: 170%;
    padding: 1em 1.3em;
    background: #fff;
    display: inline-block;
    color: #0C5779;
    border: 2px solid #0C5779;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    text-decoration: none
}
.section a:hover {
    background: #0C5779;
    color: #fff;
    border: 2px solid #fff;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    text-decoration: none
}
th {
    color: #555;
    background: #D9E4EA
}
td {
    background: #fff
}
a.btn {
    margin-bottom: .5em
}
em {
    font-style: normal;
    display: block
}
img.logo {
    max-width: 150px;
    margin: 1em 0 0
}
img.malta {
    margin: 1em 0
}
footer {
    text-align: center;
    padding: 1em 0 3em
}
footer a {
    display: inline-block
}
.icon {
    max-width: 100px;
    float: left;
    margin: 1em 2em 1em 0
}
header a {
    display: block
}
header {
    display: block;
    clear: both
}
header h1, header p {
    display: inline-block;
    float: right
}
header h1 {
    display: inline-block;
    float: right;
    margin: 1em 0;
}
h2+ol li {
    font-size: 140%;
    list-style: inherit !important;
}
img.route {
    max-width: 800px;
    width: 100%;
    margin: 2em auto
}
th {
    width: 17%
}
.section h3 {
    font-size: 110%;
    margin: 1em;
}
.img-logo {
    max-width: 100px
}
.col-md-3 {
    margin: 2em 0;
}
.faq ul p {
    color: #333
}
.xs-img {
    display: none
}
.col-md-4 img {
    margin-top: 5em !important
}
.embed-responsive {
    margin-top: 4em !important
}
.bnr {
    margin: 3em auto
}
.text-lg {
    font-size: 130%
}
.alert .btn {
    margin: 15px 0 0 0
}
.alert h3 {
    margin-top: 20px
}
.report {
    background: #F0F6F9;
    padding: 5em 0;
    margin-top: -3em
}
.img-rounded {
    border-radius: 50%;
    margin-top: 50px;
    max-width: 150px
}
.label-tag {
    font-size: 110%;
    display: block;
    text-align: center;
    padding-top: .3em
}
.label-tag span {
    display: block;
}
.report th {
    width: 30%;
    max-width: 200px;
    background: #D9E4EA
}
.report h4 {
    font-size: 150%;
    color: #0C5779;
    margin-top: 2em
}
.report h1 {
    margin-bottom: 1em;
    text-align: center
}
.report+.section {
    margin-top: 0
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #0C5779;
}
.text-center {
    margin-top: 1em
}
.btn span {
    display: block
}
.alert-success {
    color: #0C5779;
    background-color: #FAFDFF;
    border-color: #81B1C7;
}
.btn-success {
    color: #fff;
    background-color: #0C5779;
    border-color: #0C5779;
}
.btn-success:hover {
    background-color: #3CB9DA;
    border-color: #0C5779;
}
.text-danger {
    color: #F51813;
}
.label-success {
    background-color: #0C5779;
}
iframe {
    width: 100%;
    margin: 50px auto;
    height: 1010px
}
.alert *:first-child {
    margin-top: 0
}
.alert *:last-child {
    margin-bottom: 0
}
.alert {
    margin-top: 30px
}
.head-btn {
    margin: 1em 0 0
}
.navbar-nav>li>a {
    padding: 5px 8px;
    margin-left: 5px
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
    color: #fff
}
.navbar-default .navbar-nav>li>a:hover {
    color: #999
}
.navbar-default, .navbar-collapse {
    background: none;
    border: none
}
.navbar-collapse {
    padding-right: 0
}
footer p {
    margin: 5em 0 0
}
ol.point {
    margin-bottom: 3em
}
ul.target {
    padding: 0
}
ul.target>li {
    list-style: none;
    padding: .6em 1em;
    border-bottom: #ddd 1px solid
}
ul.target>li:first-child {
    border-top: #ddd 1px solid
}
.img-school img {
    max-width: 150px
}
@media(max-width:768px) {
    .navbar-toggle {
        margin: 10px 0;
        border: none;
        background: none
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: none
    }
    .nav>li {
        position: relative;
        display: inline-block;
        width: 49%;
    }
    .navbar-nav>li>a>i {
        font-size: 50px;
        display: block;
        margin: 10px
    }
    header h1 {
        margin-top: 0
    }
    .navbar-collapse {
        padding-right: 15px
    }
}
@media(max-width:678px) {
    iframe {
        height: 1250px
    }
}
@media(max-width:480px) {
    .btn {
        display: block
    }
    .col-sm-2 .img-rounded {
        max-width: 200px
    }
    .top-img {
        display: none
    }
    .xs-img {
        display: block
    }
    iframe {
        height: 1550px
    }
    a.btn {
        white-space: normal;
    }
}
@media(max-width:320px) {
    h1 {
        font-size: 25px;
    }
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 12px;
    }
    body {
        font-size: 12px
    }
    .pull-left:nth-child(1), .pull-left:nth-child(3) {
        width: 18%;
        margin: 3% 0
    }
    .container-fluid {
        padding: 0
    }
    .icon {
        max-width: 50px;
        float: left;
        margin: 1em 2em 0 0
    }
    .col-md-4 img {
        margin-top: 1.5em !important
    }
}