/*
    Template: CHIMPS
    Authoure: Code emporium
*/

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: #363a39;
    position: relative;
    background: #fff;
}
a, a:hover, a:focus { text-decoration: none;  }
img { display: block; max-width: 100%; height: auto; }
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/*
==========================================================================
   Structure layout
==========================================================================
*/
html, body { height: 100%; padding: 0; margin: 0; }
.wrapper {
    /*max-width: 1200px;*/
    /*margin: 0 auto;*/
    /*height: 100%;*/
    background: #fff;
    overflow: hidden;
}
.wrap {
    width: 100%;
    overflow: hidden;
}
.container-fluid {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

/*
==========================================================================
   Header
==========================================================================
*/
.header-wrap {
    background: #011836;
    background: #022161;
    background: -moz-linear-gradient(top, #022161 0%, #55668e 59%, #999cb1 100%);
    background: -webkit-linear-gradient(top, #022161 0%,#55668e 59%,#999cb1 100%);
    background: linear-gradient(to bottom, #022161 0%,#55668e 59%,#999cb1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022161', endColorstr='#999cb1',GradientType=0 );
}
.header { overflow: hidden; padding: 10px 0; }
.logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-wrap { padding: 50px 20px 30px 20px; }
#nav { max-width:960px; margin: 0 auto; }
#nav ul { 
    text-align: center; margin: 0; padding: 0; 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* grid-template-columns: 300px 300px 300px; */
    gap: 10px;
}
#nav ul li {
    list-style: none;
    width: 300px;
    /* display: inline-block;
    width: 32.33%; */
    /* padding: 0 5px 10px 5px; */
    margin: 0;
    /*float: left;*/
}
#nav ul li.full {
    width: 100%;
    float: none;
}
#nav ul li div {
    background: #e2f0d9;
    border: 1px solid #002060;
    padding: 10px;
    height: 140px;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

#nav ul li div:hover {
    background: #b3c6e8;
    -webkit-transition: .3s ease-out;
     -o-transition: .3s ease-out;
     transition: .3s ease-out;
}
#nav ul li div strong {
    display: block;
    font-size: 16px;
    color: #000;
    padding-bottom: 15px;
}
#nav ul li div small {
    display: block;
    font-size: 14px;
    padding-bottom: 5px;
    color: #000;
}
#nav ul li div a {
    height: 30px !important;
    line-height: 14px !important;
}
.page-wrap {width: 100%; }
.page {margin: 0 -45px; }
.page img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.btn-back {position: fixed; right: 10px; bottom: 50px; }
h2 { text-align: center; }

#nav ul li.disable div {
    background: #eee;
    border: 1px solid #ccc;
}
#nav ul li.disable div strong,
#nav ul li.disable div a,
#nav ul li.disable div small {
    color: #ccc !important;
}
#nav ul li.disable div a {
    background: #eee;
    color: #aaa !important;
    border: 1px solid #ccc;
    cursor: default;
}