body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
select {
    margin: 0;
    padding: 0
}

body {
    color: #737373;
    font: 12px/1.5 'Open Sans';
    padding:0 !important;
}

i {
    display: inline-block
}

s,
i,
em,
cite {
    font-style: normal
}

a,
i,
img {
    touch-callout: none
}

s {
    text-decoration: none
}

img {
    border: none
}

a {
    -webkit-transition: all .5s;
    transition: all .5s;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border: none;
    color: #00235d;
}

    a:hover {
        text-decoration: underline;
        color: #00235d
    }

ul,
ol,
li {
    list-style: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.ac {
    text-align: center
}

.al {
    text-align: left
}

.ar {
    text-align: right
}

.vm {
    vertical-align: middle
}

.vt {
    vertical-align: top
}

.db {
    display: block
}

.mt5 {
    margin-top: 0.3125rem
}

.mr5 {
    margin-right: 0.3125rem
}

.mb5 {
    margin-bottom: 0.3125rem
}

.ml5 {
    margin-left: 0.3125rem
}

.m5 {
    margin: 0.3125rem
}

.pt5 {
    padding-top: 0.3125rem
}

.pr5 {
    padding-right: 0.3125rem
}

.pb5 {
    padding-bottom: 0.3125rem
}

.pl5 {
    padding-left: 0.3125rem
}

.p5 {
    padding: 0.3125rem
}

.mt10 {
    margin-top: 0.625rem
}

.mr10 {
    margin-right: 0.625rem
}

.mb10 {
    margin-bottom: 0.625rem
}

.ml10 {
    margin-left: 0.625rem
}

.m10 {
    margin: 0.625rem
}

.pt10 {
    padding-top: 0.625rem
}

.pr10 {
    padding-right: 0.625rem
}

.pb10 {
    padding-bottom: 0.625rem
}

.pl10 {
    padding-left: 0.625rem
}

.p10 {
    padding: 0.625rem
}

.mt15 {
    margin-top: 0.9375rem
}

.mr15 {
    margin-right: 0.9375rem
}

.mb15 {
    margin-bottom: 0.9375rem
}

.ml15 {
    margin-left: 0.9375rem
}

.m15 {
    margin: 0.9375rem
}

.pt15 {
    padding-top: 0.9375rem
}

.pr15 {
    padding-right: 0.9375rem
}

.pb15 {
    padding-bottom: 0.9375rem
}

.pl15 {
    padding-left: 0.9375rem
}

.p15 {
    padding: 0.9375rem
}

.mt20 {
    margin-top: 1.25rem
}

.mr20 {
    margin-right: 1.25rem
}

.mb20 {
    margin-bottom: 1.25rem
}

.ml20 {
    margin-left: 1.25rem
}

.m20 {
    margin: 1.25rem
}

.pt20 {
    padding-top: 1.25rem
}

.pr20 {
    padding-right: 1.25rem
}

.pb20 {
    padding-bottom: 1.25rem
}

.pl20 {
    padding-left: 1.25rem
}

.p20 {
    padding: 1.25rem
}

.mt25 {
    margin-top: 1.5625rem
}

.mr25 {
    margin-right: 1.5625rem
}

.mb25 {
    margin-bottom: 1.5625rem
}

.ml25 {
    margin-left: 1.5625rem
}

.m25 {
    margin: 1.5625rem
}

.pt25 {
    padding-top: 1.5625rem
}

.pr25 {
    padding-right: 1.5625rem
}

.pb25 {
    padding-bottom: 1.5625rem
}

.pl25 {
    padding-left: 1.5625rem
}

.p25 {
    padding: 1.5625rem
}

.mt30 {
    margin-top: 1.875rem
}

.mr30 {
    margin-right: 1.875rem
}

.mb30 {
    margin-bottom: 1.875rem
}

.ml30 {
    margin-left: 1.875rem
}

.m30 {
    margin: 1.875rem
}

.pt30 {
    padding-top: 1.875rem
}

.pr30 {
    padding-right: 1.875rem
}

.pb30 {
    padding-bottom: 1.875rem
}

.pl30 {
    padding-left: 1.875rem
}

.p30 {
    padding: 1.875rem
}

.mt35 {
    margin-top: 2.1875rem
}

.mr35 {
    margin-right: 2.1875rem
}

.mb35 {
    margin-bottom: 2.1875rem
}

.ml35 {
    margin-left: 2.1875rem
}

.m35 {
    margin: 2.1875rem
}

.pt35 {
    padding-top: 2.1875rem
}

.pr35 {
    padding-right: 2.1875rem
}

.pb35 {
    padding-bottom: 2.1875rem
}

.pl35 {
    padding-left: 2.1875rem
}

.p35 {
    padding: 2.1875rem
}

.mt40 {
    margin-top: 2.5rem
}

.mr40 {
    margin-right: 2.5rem
}

.mb40 {
    margin-bottom: 2.5rem
}

.ml40 {
    margin-left: 2.5rem
}

.m40 {
    margin: 2.5rem
}

.pt40 {
    padding-top: 2.5rem
}

.pr40 {
    padding-right: 2.5rem
}

.pb40 {
    padding-bottom: 2.5rem
}

.pl40 {
    padding-left: 2.5rem
}

.p40 {
    padding: 2.5rem
}

.mt45 {
    margin-top: 2.8125rem
}

.mr45 {
    margin-right: 2.8125rem
}

.mb45 {
    margin-bottom: 2.8125rem
}

.ml45 {
    margin-left: 2.8125rem
}

.m45 {
    margin: 2.8125rem
}

.pt45 {
    padding-top: 2.8125rem
}

.pr45 {
    padding-right: 2.8125rem
}

.pb45 {
    padding-bottom: 2.8125rem
}

.pl45 {
    padding-left: 2.8125rem
}

.p45 {
    padding: 2.8125rem
}

.mt50 {
    margin-top: 3.125rem
}

.mr50 {
    margin-right: 3.125rem
}

.mb50 {
    margin-bottom: 3.125rem
}

.ml50 {
    margin-left: 3.125rem
}

.m50 {
    margin: 3.125rem
}

.pt50 {
    padding-top: 3.125rem
}

.pr50 {
    padding-right: 3.125rem
}

.pb50 {
    padding-bottom: 3.125rem
}

.pl50 {
    padding-left: 3.125rem
}

.p50 {
    padding: 3.125rem
}

.fix,
.fix:after {
    display: table;
    content: '';
    clear: both
}

.page,
.w {
    width: 1100px;
    margin: 0 auto
}

.btn {
    display: inline-block;
    text-align: center;
    color: #fff
}

    .btn:hover {
        -webkit-transition: all .5s;
        transition: all .5s;
        text-decoration: none;
        opacity: .8;
        color: #fff;
        text-shadow: 1px 1px 2px #000
    }

.btn-blue {
    background: #00235d
}

.btn-yellow {
    background: #bc9b6a
}

.main-inside,
.top-inside,
.nav-inside,
.foot-inside,
.copyright-inside,
.nav-mobile-inside{
    max-width:1140px;
    margin-left:auto;
    margin-right:auto;
}

.top {
    
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebe1d2;
}

.row.top-inside {
    --bs-gutter-x:.5rem;
}

body:not(.-sf-new-zone-editor) .top {
    /*overflow: hidden;*/
}

    .top .logo img {
        width: 193px;
    }

.top-search, .top-search-mobile{
    z-index:1;
}

.top-search{
    margin-top:10px;
}

.top-search-mobile{
    margin-bottom:10px;
    padding:0;
    display:none;
}

    .top-search button[data-sf-role=search-button], .top-search-mobile button[data-sf-role=search-button] {
        font-size: 0 !important;
        float: left !important;
        width: 48px !important;
        height: 40px !important;
        margin-left: -44px !important;
        line-height: 40px !important;
        border: none;
        text-indent: 40px;
        outline: none;
        -webkit-transition: all .5s !important;
        transition: all .5s;
        background-image: url("/images/default-source/ui/i-search.png") !important;
        background-color: #efefef !important;
        background-color: transparent !important;
        background-repeat: no-repeat !important;
        background-position: 15px center;
        margin-top: 2px;
    }

    .top-search input[type=text], .top-search-mobile input[type=text] {
        border-radius: 0px;
        padding-right: 35px;
        background-color: #efefef;
        border-style: none;
        height: 38px;
        font-size: 14px;
        margin-top: 2px;
    }


.top-make-payment, .top-contact {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
}

.top .btn.top-make-payment {
    background: #5b5f6a;
    color:#fff;
    font-size:12px;
    min-width:220px;
    border-radius:0px;
    line-height:0;
    padding:18px 10px 18px 10px;
    margin-right:15px;
    
}

.top .top-contact {
    color: #5b5f6a;
    text-align:center;
}

    .top .top-contact > div:nth-child(1) {
        font-size: 13px;
        line-height: 1;
        padding-bottom: 0px;
    }

    .top .top-contact > div:nth-child(2) {
        font-family: 'Bitter';
        font-weight: 700;
        font-size: 21px
    }

        .top .logo{
            max-width:193px;
        }

/*nav*/

.nav-mobile {
    display: none;
    padding: 0 !important;
    font-size: 0;
    border-style: solid;
    border-width: 0 0 5px 0;
    border-color: #ccc;
}


.nav-mobile-inside{
    padding:0;
}

.nav-mobile button{
    border-style:none;
}

.top-search input[type=text],
.nav-mobile button:focus,
.top-search-mobile input[type=text]:focus{
    border-style:none !important;
    outline:none !important;
    box-shadow:none !important;
}

.nav-mobile .nav-item{
    background-color: #be9e6f;
}

.nav-mobile .nav-item .nav-link {
    font-size: 14px;
    color:white !important;
    padding:10px 20px 10px 20px;
    font-weight:bold;
    text-transform:uppercase;
}

.nav-mobile .navbar{
    padding-bottom:0;
}

.nav-mobile .navbar-nav{
    margin-bottom:0 !important;
}

.nav-mobile .navbar > div {
    padding: 0;
}

.nav-mobile .navbar-toggler {
    position: absolute;
    left: 4px;
    top: 4px;
    right:4px;
    text-align:left;
}

.nav-mobile .navbar-collapse{
    border-style:solid;
    border-width:5px 0 0 0;
    border-color:#ccc;
    transition:height .5s;
}

.nav {
    border-bottom: 10px solid #c2c2c3;
}

.navbar-brand{
    display:none;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    pointer-events:none;
    padding-top:0;
}

.nav nav {
    background-color: transparent !important;
    padding: 0 0 0px 0;
}

    .nav .nav-item > a {
        font-weight: 900;
        color: #00235d !important;
        font-size: 18px;
        padding: 16px 0 10px 0 !important;
        margin-right: 55px;
        border-bottom: 7px solid transparent !important;
    }

    .nav .nav-item > a::after{
        display:none;
    }

.nav .nav-item:last-child > a{
    margin-right:0;
}

    .nav-item > a.nav-item-hover {
        border-bottom: 7px solid #00235d !important;
        text-decoration:none;
    }

    .nav .dropdown-menu {
        margin-top: 10px;
        border-radius: 0;
        border-style: none;
        background-color: #bc9b6a !important;
        font-size:14px !important;
        padding:30px 10px 30px 10px;
        margin-top:0px !important;
        width:190px;
    }

.nav .dropdown-item {
    white-space: normal;
    padding: .5rem 1rem;
}

        .nav .dropdown-menu a {
            color: white !important;
            text-decoration: none !important;
            background: transparent !important;
        }

            .nav .dropdown-menu a:hover {
                color: #00235d !important;
                transition: color 1s;
                
            }

/*main*/
.main{
    min-height:300px;
    margin-top:60px;
}

/*foot*/

.foot {
    text-transform: Uppercase;
    background: #ebe1d2;
    padding: 60px 0;
    overflow: hidden;
    margin-top:80px;
}

    .foot .info .col1 {
        width: 340px
    }

    .foot .info h3 {
        font-family: "Bitter";
        color: #5b5f6a;
        font-size: 16px;
        letter-spacing: 2px;
        font-weight:bold;
    }

    .foot .info p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .foot .links {
        text-transform: Uppercase;
        background: #bc9b6a;
        padding: 30px 0 20px;
        color: #fff
    }

        .foot .links a {
            display: inline-block;
            color: #fff;
            border-right: 1px solid #fff;
            padding-right: 15px;
            margin-right: 15px;
            line-height: 1
        }

            .foot .links a:last-child {
                border: none
            }

        .foot .links .copyright {
            padding-top: 10px;
            font-size: 12px
        }

.copyright {
    background: #bc9b6a;
    text-transform:uppercase;
    color:white;
    padding-top:30px;
    padding-bottom:30px;
}

/*search results*/
.search-results {
    font-size:16px;
}

    .search-results h3{
        font-size:20px;
    }

    .search-results a {
        color: #00235d;
    }



/*main contents*/

.main-two-column {
    --bs-gutter-x:50px;
}

.main h1, .main h2, .main h3, .main h4, .main h5, .search-results h2{
    font-weight:bold;
}

.main h5{
    font-size:16px;
}

.main .content{
    font-size:16px;
}

    .main .content a {
        
    }

.main .content hr{
    margin:0;
}

.main h1, .main h2{
    color: #00235d;
    font-size: 25px;
    text-transform: Uppercase;
    font-family: 'Bitter';
    margin-bottom: 15px;
    font-weight:bold;
}

.main .content h3{
    font-size:1.17em;
    font-weight:bold;
    margin-bottom:15px;
}

.sidemenu {
    border: 1px solid #e8e8e8;
    padding: 0 10px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #5b5f6a;
}

    .sidemenu li {
        border-bottom: 1px solid #e8e8e8;
        line-height: 50px;
    }

    .sidemenu li:last-child{
        border-bottom-width:0px;
    }

.side h2 {
    font-size: 20px;
    color: #5b5f6a;
    text-transform: Uppercase;
    font-family: 'Bitter';
    margin-bottom: 30px;
    font-weight: bold;
}

.main .content img{
    max-width:100%;
}

.main .content .btn{
    display: inline-block;
    text-align: center;
    color: #fff;
}

/*homepage*/


.welcome {
    background-color: #ededed;
    margin-top: 0;
    border-top: 10px solid #c2c2c3;
    padding-top:50px;
    padding-bottom:100px;
}

.welcome .col1 {
    height: 50px;
    line-height: 50px;
    color: #00235d;
    font-size: 25px;
}

.welcome .btn {
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    border-radius:0px;
    min-width:260px;
    
}

.home-three-column{
    margin-top:-210px;
    
}

    .home-three-column > div {
        padding: 20px;
        
    }

    .home-three-column > div > div {
        background: white;
        
    }

    .home-three-column img {
        width:100%;
        border-top: 10px solid #00235d;
    }

    .home-three-column .block-inside {
        border-style: solid;
        border-width: 0 1px 1px 1px;
        border-color: #eeeeee;
        height:430px;
        overflow:hidden;
    }

    .home-three-column .block-inside > div{
        padding:0;
    }

    .home-three-column .block-content-inside{
        padding:10px;
        font-size:16px;
    }

    .home-three-column .block-content-inside a{
        color:#00235d;
    }

    /*home news list*/
    .home-three-column .news-list{
        margin-top:10px;
    }
    .home-three-column .news-list .news-item-title{
        font-size:14px;
    }

    .home-three-column .news-list .news-item-date{
        display:none;
    }

    

    /*news page*/

    .main-two-column .news .news-list{
        margin-top:20px;
    }

    .main-two-column .news .news-item {
        margin-bottom: 30px;
    }

    .main-two-column .news .news-list .news-item-title{
        font-size:1.17em;
        font-weight:bold;
    }

    .main-two-column .news .news-item-title a {
        color: #00235d;
    }

    .main .news p{
        margin-bottom:1em;
    }

    /*forms*/

    .form{
        font-size:16px;
    }

    .form .valid-feedback{
        font-size:20px;
        font-weight:bold;
    }

    .form p{
        margin-bottom:1em;
    }

    .form label, .form legend{
        font-weight:bold;
    }

.form .form-check-label{
    font-weight:normal;
    font-size:16px;
}

.form h2 {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px !important;
}

    /*document list - table*/
    .document-icon {
        max-width: 32px;
    }

.document-table .row{
    align-items:center;
}

.document-table td, .document-table th {
    border-style: none;
}

.document-table tr {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #ccc;
}

.main .content .pagination {
    flex-wrap: wrap;
}

.pagination .page-item .page-link {
    color: #00235d;
}

.pagination .page-item.active .page-link {
    background-color: #00235d;
    color:white;
}

@media(max-width:1020px) {
    .nav .nav-item > a {
        font-size: 15px;
        margin-right: 30px;
    }

        .nav .nav-item > a:last-child {
            margin-right: 0px;
        }

    .top .btn.top-make-payment {
        min-width: 0;
    }
}

@media(max-width:790px) {
    .top-search {
        display: none;
    }

    .top-search-mobile {
        display: block;
    }

    .top-inside.row > div {
        width: 50%;
        text-align: center;
    }

    .welcome{
        padding-top:20px;
    }

    .welcome div{
        text-align:center;
        display:block;
        height:auto !important;
    }

    .welcome .col1{
        font-size:20px;
        line-height:30px;
        padding-bottom:10px;
    }
}

@media(max-width:767.9px) {


    .nav {
        display: none;
    }

    .nav-mobile {
        display: block;
    }

    .navbar-brand {
        display: block;
    }

    .main .side {
        margin-bottom: 30px;
    }

    .home-three-column .block-inside {
        height: auto;
    }
}

@media(max-width:684px) {
    .logo img {
        padding-right: 10px;
    }

    .top-make-payment {
        margin-top: 0;
        width: 100%;
    }

    .top .top-contact > div:nth-child(1) {
        font-size: 12px;
    }

    .top .top-contact > div:nth-child(2) {
        font-size: 13px
    }

    .document-table .document-icon {
        
    }

    .document-table th:nth-child(1),
    .document-table th:nth-child(2),
    .document-table td:nth-child(2),
    .document-table td:nth-child(3) {
        display:none;
    }

    .document-table th:nth-child(1),
    .document-table td:nth-child(1){
        width:75%
    }

    .document-table th:nth-child(4),
    .document-table td:nth-child(4) {
        width: 25%;
    }
}

@media(max-width:400px){
    /*
    .top-inside.row > div{
        width:100%;
    }

    .top .logo, .top .logo img{
        width:100%;
        max-width:250px;
    }

    .top .top-contact > div:nth-child(1) {
        margin-top: 5px;
        font-size: 13px;
    }

    .top .top-contact > div:nth-child(2) {
        margin-top:5px;
        font-size: 20px
    }
        */
}

@media print{
    .nav,
    .nav-mobile,
    .top-make-payment{
        display:none !important;
    }
}