@charset "UTF-8";

/* CSS Document */

h1, h2, h3, h4, h5 {
    font-weight: bold
}
h1, h2 {
    color: #DC3316;
}
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: #DC3316
}
.glyphicon {
    top: 3px;
    margin-right: 7px
}
a, a:hover {
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
}
.section {
    text-align: center;
    background: #DC3316;
    margin: 3em 0;
    padding: 2em
}
.section a {
    font-size: 170%;
    padding: 1em 1.3em;
    background: #fff;
    display: inline-block;
    color: #DC3316;
    border: 2px solid #DC3316;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    text-decoration: none
}
.section a:hover {
    background: #DC3316;
    color: #fff;
    border: 2px solid #fff;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    text-decoration: none
}
th {
    color: #555;
    background: #FBF1EF
}
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: #F9F2F1;
    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: #FBF1EF
}
.report h4 {
    font-size: 150%;
    color: #DC3316;
    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 #DC3316;
}
.text-center {
    margin-top: 1em
}
.btn span {
    display: block
}
.alert-success {
    color: #DC3316;
    background-color: #F9F2F1;
    border-color: #F19D8E;
}
.btn-success {
    color: #fff;
    background-color: #DC3316;
    border-color: #DC3316;
}
.btn-success:hover {
    background-color: #FBF1EF;
    border-color: #DC3316;
}
.text-danger {
    color: #F51813;
}
.label-success {
    background-color: #DC3316;
}
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
}
.rumor {
    margin: 40px 0
}
.panel-body>*:last-child {
    margin-bottom: 0
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex .col-md-4 {
    width: 31%;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: #ddd 1px solid
}
.flex .col-md-4>* {
    margin: 0;
    font-size: 14px
}
.flex .col-md-4:nth-child(1), .flex .col-md-4:nth-child(2), .flex .col-md-4:nth-child(3) {
    background: #f2f2f2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    border-bottom: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
@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
    }
    .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .flex .panel {
        margin: 15px
    }
    .flex .col-md-4 {
        width: calc(100% + 30px);
        margin: 0 -15px 0 -15px;
        border-bottom: none
    }
    .flex .col-md-4:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .flex .col-md-4:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .flex .col-md-4:nth-child(3) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .flex .col-md-4:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .flex .col-md-4:nth-child(5) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .flex .col-md-4:nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        border-bottom: #ddd 1px solid
    }
}
@media(max-width:678px) {
/*
    iframe {
        height: 1250px
    }
*/
    .label {
        white-space: normal
    }
}
@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;
    }
    h1, h2, h3 {
        text-align: center
    }
}
@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
    }
}