body { font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; padding-bottom: inherit; font-weight: 400; color: #333 }
html { height: 100%; box-sizing: border-box }
.padding20 { padding: 20px 0 }
.padding25 { padding: 25px 0 }
.padding30 { padding: 30px 0 }
.padding40 { padding: 40px 0 }
*, *:before, *:after { box-sizing: inherit }
.bg2 { background: #f2f2f2 }
header { background: #fff }
    header .top-bar {
        background: linear-gradient(to bottom, #002b5b 0%,#275d9a 100%);
        padding: 6px 0;
        color: #fff
    }
header .logo { width: 150px }
header .logoarea { padding: 7px 0 }
header .logoarea input[type="text"] { width: 100%; box-shadow: inset 0 0 3px #ccc; border: solid 1px #ccc; padding: 7px 34px 7px 15px; border-radius: 5px; font-size: 14px; color: #000 }
header .logoarea .search { position: relative }
header .logoarea .search i { position: absolute; right: 10px; top: 5px }
header .logoarea .search i .icon { width: 15px; height: 15px }
header .navbar ul li { font-size: inherit; font-weight: 300; padding: 5px 20px 5px 12px }
header .navbar ul li a { color: #000; padding: 0 !important }
header .navbar ul li a:hover { color: #dd9549 }
header .navbar ul .nav-link:focus { box-shadow: 0 0 0 .25rem rgba(83,150,249,0.57) }
    header .navbar-toggler {
        background-color: #002b5b; /* fallback */
        background-image: -moz-linear-gradient(top, #002b5b 0%, #275d9a 100%);
        background-image: -webkit-linear-gradient(top, #002b5b 0%, #275d9a 100%);
        background-image: linear-gradient(to bottom, #002b5b 0%, #275d9a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002b5b', endColorstr='#275d9a', GradientType=0);
        border: 0;
        height: 32px;
        color: #fff
    }
header .navbar-toggler:focus { outline: 0; box-shadow: none }
figure { margin: 0 }
figure .img-hover { transition: all .30s ease-in-out; position: relative; display: inline-block }
figure .img-hover:hover { transform: scale(1.1) }
.bg { background: url(../images/95d68-bg.webp) }
section .about h1 { color: #002b5b; font-size: 22px; font-weight: bold; border-bottom: solid 1px #ccc; padding-bottom: 15px; position: relative; margin-top: 15px }
section .about h1::after { content: ''; background: #002b5b; position: absolute; width: 50px; height: 5px; bottom: -3px; left: 20px }
section .about p { line-height: 25px; color: #555 }
section .about .list ul { margin: 0; padding: 0 }
section .about .list ul li { list-style: none; padding: 5px 14px; position: relative; line-height: 24px; color: #555 }
section .about .list ul li::before { content: '\e901'; font-size: 13px; font-family: 'icomoon' !important; color: #e58538; position: absolute; left: 0; font-weight: 700; top: 7px }
article .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #002b5b; /* fallback */
    background-image: -moz-linear-gradient(top, #002b5b 0%, #275d9a 100%);
    background-image: -webkit-linear-gradient(top, #002b5b 0%, #275d9a 100%);
    background-image: linear-gradient(to bottom, #002b5b 0%, #275d9a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002b5b', endColorstr='#275d9a', GradientType=0);
    padding: 6px 20px;
    color: #fff;
    border: solid 1px #002b5b
}
article .nav-pills .nav-link { border: solid 1px #ccc; margin-bottom: 5px; border-radius: 0; padding: 6px 20px; color: #000 }
.tab-pane .table th {
    background-color: #002b5b; /* fallback */
    background-image: -moz-linear-gradient(top, #002b5b 0%, #275d9a 100%);
    background-image: -webkit-linear-gradient(top, #002b5b 0%, #275d9a 100%);
    background-image: linear-gradient(to bottom, #002b5b 0%, #275d9a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002b5b', endColorstr='#275d9a', GradientType=0);
    padding: 6px;
    color: #fff;
    font-weight: 700;
    font-size: 13px
}
.tab-pane .table td { font-size: 13px }
footer { background: #2c2c2c; padding: 13px 0; color: #a2a2a2; font-size: 11px }
footer ul { margin: 0 auto; padding: 0; display: table; }
footer ul li { list-style: none; float: left; font-size: inherit; padding: 0 15px 5px 0 }
footer ul li a { color: #a2a2a2; text-decoration: none }
footer ul li a:hover { color: #fff; text-decoration: none }

@media(max-width:575.98px) {
header .top-bar .search { margin-bottom: 7px }
footer ul { margin: 0; display: block }
footer ul li { list-style: none; float: none; font-size: 13px; padding: 5px 5px; text-align: left; border-bottom: solid 1px #a2a2a2 }
}
.stepwizard-step p { margin: 0; color: #666 }
.stepwizard-row { display: table-row }
.stepwizard { display: table; width: 100%; position: relative }
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn { opacity: 1 !important; color: #bbb }
.stepwizard-row:before { top: 14px; bottom: 0; position: absolute; content: " "; width: 76%; height: 1px; background-color: #002b5b; z-index: 0; left: 10% }
.stepwizard-step { display: table-cell; text-align: center; position: relative }
.btn-circle { background: #adadad; width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; color: #fff !important }
.btn-circle1 { background: #f16729; width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; color: #fff !important }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none }
.btn-default { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none }
.btn-success { color: #fff; background-color: #28a745 !important; border-color: #28a745 !important }
.register { padding: 40px 30px; box-shadow: 0 -23px 37px #ccc; margin-top: 20px; border: 0; background: url(../assets/images/arrow-bg.jpg) bottom repeat-x#fff !important }
.register .btn-primary { background-color: #dd9549; border-color: #dd9549; transition: all .30s ease-in-out }
.register .btn-primary:hover { background-color: #0e284c; border-color: #0e284c }
.register .img { margin-bottom: 15px; height: 30px }
.register h2 { margin: 0 0 25px; font-size: 18px; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #002b5b }
.register h3 { margin: 0 0 25px; font-size: 18px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #717171 }
.register h4 { margin: 0 0 10px; font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #717171 }
.register h5 { margin: 0 0 10px; font-size: 14px; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #f16729 }
.register label span { color: red }
.register input[type="text"] { width: 100%; border: solid 1px #ccc; border-radius: 3px; padding: 5px 10px; margin-bottom: 10px; font-size: 14px }
.register select { width: 100%; border: solid 1px #ccc; border-radius: 3px; padding: 6px 10px; margin-bottom: 10px; font-size: 14px }
.register input[type="file"] { width: 100%; border: solid 1px #ccc; border-radius: 3px; padding: 5px 10px; margin-bottom: 10px; font-size: 14px }
.register label { font-size: 14px }
input[type="submit"] { background: #f16729; padding: 5px 15px; border-radius: 5px; color: #fff; border: 0; font-size: 15px }
input[type="reset"] { background: #002b5b; padding: 5px 15px; border-radius: 5px; color: #fff; border: 0; font-size: 15px }
section .register2 .box { padding: 20px 30px; box-shadow: 0 0 20px #ccc; margin-top: 20px; border: solid 1px #f2f2f2; background: #fff }
section .register2 legend { width: auto; background: #f16729; padding: 5px 30px; color: white; font-size: 16px }
section .register2 fieldset { border: solid 1px #002b5b; padding: 20px }
section .register2 label { font-weight: 700 }
section .register2 input[type="text"] { width: 100%; border: solid 1px #ccc; border-radius: 5px; padding: 6px 15px; margin-bottom: 10px }
section .register2 input[type="submit"] { margin-top: 20px }
section ol li { padding: 0 0 10px 0 }
.avatar { vertical-align: middle; width: 100%; height: 450px }
/*New Home Page*/
:root {  --ltn__body-font: Verdana, Geneva, Tahoma, sans-serif;
 --black: #000000;
 --white: #fff;
 --transition: all .3s ease-in-out;
}
.banner { background: linear-gradient(to bottom, #cddef8 0%, #a1bbda 100%); height: 187px; position: absolute; width: 100%; }
figure a { text-decoration: none; }
figure a .item { background: var(--white); border-radius: 8px; padding: 20px 20px 65px; box-shadow: 0 0 10px #cac8c8; position: relative; transition: var(--transition); height: 100%; }
figure a .item:hover { background: #0e284c; }
figure a .item:hover .icon { box-shadow: none; }
figure a .item:hover .title { color: var(--white); }
figure a .item:hover p { color: var(--white); }
figure a .item:hover .link { color: var(--white); }
figure a .item:hover .arrow { background: #ff7d2a; }
figure a .item .icon { background: var(--white); width: 70px; height: 70px; line-height: 70px; border-radius: 100px; box-shadow: 0 0 10px #cac8c8; text-align: center; position: absolute; top: -30px; }
figure a .item .title { font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 30px 0 10px; color: var(--black); word-wrap: break-word; }
figure a .item p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin: 0; color: var(--black); }
figure a .item .arrow { background: #0e284c; width: 42px; height: 42px; line-height: 42px; border-radius: 30px; text-align: center; cursor: pointer; }
figure a .item .link { margin-top: 13px; position: relative; color: #131922; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
figure a .item .link::after { width: 50px; content: ""; height: 1px; background: #ccc; position: absolute; top: 14px; left: 60px; }
section .home-about h3 { font-size: 18px; font-weight: 700; color: #0e284c; text-transform: uppercase; position: relative; }
section .home-about .h3 { text-transform: inherit; }
/*section .home-about h3 span { color: #ff7d2a; }*/
section .home-about h3::after { content: ""; width: 50px; height: 1px; background: #ff7d2a; position: absolute; top: 9px; margin-left: 12px; }
section .home-about h4 { font-size: 15px; font-weight: 700; color: #0e284c; }
section .home-about p { font-size: 14px; line-height: 25px; }
section .home-about .list { margin-bottom: 20px; }
section .home-about .list ul { margin: 0; padding: 0; }
section .home-about .list ul li { list-style: none; transition: var(--transition); padding: 5px 14px; color: #0e284c; position: relative; }
section .home-about .list ul li::before { content: '\e901'; font-size: 13px; font-family: 'icomoon' !important; color: #e58538; position: absolute; left: 0; font-weight: 700; top: 7px; }
section .feedback-form input[type="text"], section .feedback-form textarea { font-size: 14px; }
section .about-us .table-responsive .table th { background: #002b5b; color: #fff; vertical-align: top; }
section .about-us .table-responsive .table a { text-decoration: none; color: #000; }
section .about-us .table-responsive .table a:hover { text-decoration: none; color: #dd9549; }
section .about-us .table-responsive .table { font-size: 13px; }
section .about-us .table-responsive .buttons-excel { background: none !important; border: none !important; font-size: 23px !important; color: green !important; padding: 3px !important; }
section .about-us .table-responsive .buttons-excel i{font-size: 23px !important; }
section .about-us .table-responsive .buttons-csv { background: none !important; border: none !important; font-size: 23px !important; color: #000  !important; padding: 3px !important; }
section .about-us .table-responsive .buttons-collection {padding:1px 15px;}