body { font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; padding-bottom: inherit }
html { height: 100%; box-sizing: border-box }
.padding20 { padding: 20px 0 }
.padding30 { padding: 30px 0 }
.padding40 { padding: 40px 0 }
*, *:before, *:after { box-sizing: inherit }
.bg2 { background: #f2f2f2 }
header { background: #fff }
/*header .top-bar { background: #002b5b; background: -moz-linear-gradient(top, #002b5b 0, #275d9a 100%); background: -webkit-linear-gradient(top, #002b5b 0, #275d9a 100%); background: linear-gradient(to bottom, #002b5b 0, #275d9a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#002b5b', endColorstr='#275d9a', GradientType=0);
padding: 6px 0; color: #fff }*/
    header .top-bar {background: linear-gradient(to bottom,  #002b5b 0%,#275d9a 100%);padding: 6px 0;color: #fff;}
header .top-bar input[type="text"] { width: 100%; box-shadow: inset 0 0 3px #ccc; border: solid 1px #ccc; padding: 3px 34px 3px 15px; border-radius: 5px !important; font-size: 14px; color: #000; outline: 0; transition: all .30s ease-in-out }
header .top-bar input[type="text"]:hover { border-color: #dd9549 }
header .top-bar input[type="text"]:focus { box-shadow: 0 0 0 .25rem rgba(255,255,255,0.25); outline-offset: 10px; border-color: #000 }
header .top-bar button { background: #fff; border: 0; color: #000; cursor: pointer; width: 30px;padding: 0px; }
header .top-bar .searchbutton{ background:none; position: absolute; right: 10px; width:32px; height:32px;}
header .top-bar .search { position: relative }
header .top-bar .search i { position: absolute; right: 10px; top: 7px; color: #000; font-weight: 700; font-size: 17px }
header .top-bar .search i .icon { width: 15px; height: 15px }
header .top-bar a { color: #fff; text-decoration: none }
header .logo { width: 150px }
header .logoarea { padding: 14px 0 }
header .ace-responsive-menu ul { margin: 0; padding: 0 }
header .ace-responsive-menu { list-style: none; margin: 0; padding: 0; float: right; font-family: 'Roboto', sans-serif }
header .ace-responsive-menu li { list-style: none }
header .ace-responsive-menu li ul { display: none }
header .ace-responsive-menu>li { display: block; margin: 0; padding: 0; border: 0; float: left }
header .ace-responsive-menu li a { color: silver }
header .ace-responsive-menu>li>a { display: block; position: relative; margin: 0; border: 0; padding: 5px 20px 5px 12px; text-decoration: none; font-size: 15px; font-weight: 300; color: #696969 }
header .ace-responsive-menu li a i { padding-right: 5px; color: #ff5737 }
header .ace-responsive-menu>li>a i { font-size: 16px; text-shadow: none; color: #ff5737 }
header .ace-responsive-menu li ul.sub-menu li a i { padding-right: 10px }
header .ace-responsive-menu li.menu-active>a { background: 0; color: #da9448 }
header .ace-responsive-menu li .menu-active { position: relative }
header .ace-responsive-menu>li>a>.arrow:before { margin-left: 15px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f107"; font-weight: 300; text-shadow: none; width: 10px; display: inline-block }
.header ace-responsive-menu li ul.sub-menu li>a>.arrow:before { content: "\f105" !important }
header .ace-responsive-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 0; position: absolute; z-index: 9 }
header .ace-responsive-menu li ul.sub-menu { background: #333 }
header .ace-responsive-menu li ul.sub-menu>li { width: 185px }
header .ace-responsive-menu li ul.sub-menu li a { display: block; margin: 0; padding: 12px 20px 12px 15px; text-decoration: none; font-size: 13px; font-weight: normal; background: 0 }
header .ace-responsive-menu>li>ul.sub-menu>li { position: relative }
header .ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu { position: absolute; left: 185px; top: 0; display: none; list-style: none }
header .ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu { position: absolute; left: 185px; top: 0; display: none; list-style: none }
header .ace-responsive-menu>li>ul.sub-menu li>a>.arrow:before { float: right; margin-top: 1px; margin-right: 0; display: inline; font-size: 10px; font-family: FontAwesome; height: auto; content: "\f054"; text-shadow: none }
header .menu-toggle { display: none; float: right; background: #333; border: 0; padding: 7px }
header .menu-toggle h3 { float: left; color: #FFF; padding: 0 10px; font-weight: 600; font-size: 16px }
header .menu-toggle .icon-bar { display: block !important; width: 18px; height: 2px; background-color: #f5f5f5 !important; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25); box-shadow: 0 1px 0 rgba(0,0,0,0.25); margin: 3px }
header .menu-toggle .icon-bar:hover { background-color: #f5f5f5 !important }
header .menu-toggle #menu-btn { float: right; background: #202020; border: 1px solid #0c0c0c; padding: 8px; border-radius: 5px; cursor: pointer; margin: 10px }
header .hide-menu { display: none }
header ul[data-menu-style="accordion"] { width: 250px }
header ul[data-menu-style="accordion"]>li { display: block; margin: 0; padding: 0; border: 0; float: none !important }
header ul[data-menu-style="accordion"]>li:first-child { border-top: 2px solid #fd5025 }
header ul[data-menu-style="accordion"] li ul.sub-menu>li { width: 100% }
header ul[data-menu-style="accordion"]>li>a>.arrow:before { float: right; content: "\f105" }
header ul[data-menu-style="accordion"] li.menu-active>a>.arrow:before { content: "\f107" !important }
header ul[data-menu-style="accordion"]>li>ul.sub-menu { position: static }
header ul[data-menu-style="accordion"]>li>a i { padding-right: 10px; color: #ff5737 }
header ul[data-menu-style="accordion"]>li>ul.sub-menu>li ul.sub-menu { position: static }
hheader eader ul[data-menu-style="accordion"]>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu { position: static }
header ul[data-menu-style="accordion"]>li { border-bottom: 1px solid #242424 }
header ul[data-menu-style="accordion"] li a:hover { background: #272727 !important }
header ul[data-menu-style="accordion"] ul.sub-menu li.menu-active>a>.arrow:before { content: "\f107" !important }
header ul[data-menu-style="vertical"] { width: 200px }
header ul[data-menu-style="vertical"]>li { float: none }
header ul[data-menu-style="vertical"]>li:first-child { border-top: 2px solid #fd5025 }
header ul[data-menu-style="vertical"] li ul.sub-menu>li { width: 100% }
header ul[data-menu-style="vertical"]>li>a>.arrow:before { float: right; content: "\f105" }
header ul[data-menu-style="vertical"]>li.menu-active { position: relative }
header ul[data-menu-style="vertical"]>li>ul.sub-menu { position: absolute; left: 200px; top: 0; width: 200px }
header ul[data-menu-style="vertical"]>li>a i { padding-right: 10px; color: #ff5737 }
header ul[data-menu-style="vertical"]>li>ul.sub-menu>li ul.sub-menu { position: absolute; width: 200px; left: 200px }
header ul[data-menu-style="vertical"]>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu { position: absolute; width: 200px; left: 200px }
header ul[data-menu-style="vertical"]>li { border-bottom: 1px solid #242424 }
header ul[data-menu-style="vertical"] li a:hover { background: #272727 !important }

@media screen and (max-width:768px) {
header .demo { width: 96%; padding: 2% }
header ul[data-menu-style="vertical"], ul[data-menu-style="accordion"], ul[data-menu-style="vertical"] li ul.sub-menu { width: 100% !important }
header .ace-responsive-menu { float: left; width: 100% }
header .ace-responsive-menu>li { border-bottom: 1px solid #EEE; float: none }
header .ace-responsive-menu li a:hover { background: #272727 !important }
header .ace-responsive-menu>li>a i { padding-right: 10px; color: #ff5737 }
header .ace-responsive-menu>li>a>.arrow:before { float: right; content: "\f105" }
header li.menu-active>a>.arrow:before { content: "\f107" !important }
header .ace-responsive-menu li ul.sub-menu>li { width: 100% }
header .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a { padding-left: 30px }
header .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a { padding-left: 50px }
header .ace-responsive-menu>li>ul.sub-menu { position: static }
header .ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu { position: static }
header .ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu { position: static }
header .ace-responsive-menu li ul.sub-menu li.menu-active>a>.arrow:before { content: "\f107" !important }
}
figcaption { font-size: 30px; color: #fff; font-weight: 700 }
    figcaption .container {
        position: relative;
        z-index: 1;
        color: #fff; /* white text for contrast */
    }
/*.about-bg { background: url(../images/about-bg.webp) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover ; position:relative;}*/

.about-bg {
    background: #000; position:relative;
}

    .about-bg::before {
        content: "";
        position: absolute;
        inset: 0;
        background: url(../images/about-bg.webp) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: 0;
    }

   


        section .about-us { color: #000; line-height: 30px }
section .about-us #EventTable_filter label input[type="search"]{box-shadow: inset 0 0 3px #ccc;
    border: solid 1px #ccc;
    padding: 3px 34px 3px 15px;
    border-radius: 5px !important;
    font-size: 14px;
    color: #000;
    outline: 0;
    transition: all .30s ease-in-out;}
	section .about-us .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ color:#fff !important}
section .about-us h1 { margin-bottom: 20px; font-size: 22px; color: #002b5b; font-weight: bold; border-bottom: solid 1px #ccc; padding-bottom: 15px; position: relative }
section .about-us h1::after { content: ''; background: #002b5b; position: absolute; width: 50px; height: 5px; bottom: -3px; left: 20px }
section .about-us h2 { font-size: 18px; font-weight: 700; color: #002b5b }
section .about-us .login-box { box-shadow: 0 0 10px #ccc; border-radius: 10px }
section .about-us .login-box a { color: #337ab7; text-decoration: none }
section .about-us .login-box a:hover { color: #23527c; text-decoration: underline }
section .about-us .login-box .title1 { background: linear-gradient(to bottom,  #bf7336 0%,#e88d43 100%);padding: 10px 20px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 5px 5px 0 0; text-transform: uppercase }
section .about-us .login-box .title2 { background: linear-gradient(to bottom,  #9c3f4c 0%,#c44f5f 100%);padding: 10px 20px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 5px 5px 0 0; text-transform: uppercase }
section .about-us .login-box .title3 { background: linear-gradient(to bottom,  #8c495f 0%,#ac5a75 100%);padding: 10px 20px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 5px 5px 0 0; text-transform: uppercase }
section .about-us .login-box .title4 { background: linear-gradient(to bottom,  #474060 0%,#5a5377 100%);padding: 10px 20px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 5px 5px 0 0; text-transform: uppercase }
section .about-us .login-box .title { background: linear-gradient(to bottom,  #002b5b 0%,#275d9a 100%);padding: 10px 20px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 5px 5px 0 0; text-transform: uppercase }
section .about-us .login-box .form { padding: 20px }
section .about-us .login-box .form .input-group { margin-bottom: 10px; position: relative }
section .about-us .login-box .form .input-group i { position: absolute; top: 12px; left: 12px; font-size: 16px }
section .about-us .login-box .form .input-group input[type="text"], section .about-us .login-box .form .input-group input[type="password"] { width: 100%; padding: 4px 35px; background: 0; border: solid 1px #ccc; border-radius: 5px !important; outline: 0; color: #555; transition: all .30s ease-in-out }
section .about-us .login-box .form .input-group .captcha, section .about-us .login-box .form .input-group .captcha { padding: 4px 14px !important }
section .about-us .login-box .form .input-group input:focus { border-color: #002b5b }
section .about-us .login-box .form .input-group input[type="submit"] { background: linear-gradient(to bottom,  #dd9549 0%,#d89448 100%);padding: 6px; text-align: center; color: #fff; width: 100%; font-size: 18px; font-weight: 700; text-transform: uppercase; cursor: pointer }
section .about-us .panel-group .panel { border-radius: 0; box-shadow: none; border-color: #eee }
section .about-us .login-box .form #imgCaptchaRefresh, section .about-us .login-box .form #PlayCaptcha { background: 0; border: 0; color: #000 }
section .about-us .panel-title { font-size: 16px }
section .about-us .panel-title>a { display: block; padding: 10px 15px; text-decoration: none }
section .about-us .card { margin-top: 5px; border: 0 }
section .about-us .card .card-body { border: solid 1px #ccc }
section .about-us .card>.card-header { padding: 0; border-radius: 0; color: #fff; background-color: #002b5b; border: 0 }
section .about-us .card .collapsed { background: #dd9549; border: 0 }
section .about-us .card .card-header button { text-decoration: none; color: white; font-weight: 500; font-size: 16px; border: 0; width: 100%; text-align: left; border-radius: 0 }
section .about-us .accordion-item { margin-top: 5px }
section .about-us .accordion-item .accordion-header .accordion-button { background: #002b5b; box-shadow: none; padding: 10px 15px; border: 0; color: #fff; border-radius: 0; font-size: 16px; }
section .about-us .accordion-item .accordion-header .accordion-button:focus { outline-offset: 0; outline: 3px solid #dd9549 }
section .about-us .accordion-item .accordion-header .collapsed { color: #fff; background: linear-gradient(to bottom,  #bf7336 0%,#e88d43 100%);padding: 10px 15px; border: 0; color: #fff }
section .about-us .accordion-item .accordion-header .collapsed:focus { outline-offset: 0; outline: 3px solid #000 }
section .about-us .accordion-item .accordion-body { color: #555; line-height: 30px }
section .about-us .accordion-item .accordion-button::after { background-image: none; font-family: "Font Awesome 5 Free"; content: "\f068"; display: inline-block; vertical-align: middle; font-weight: 900; text-align: center }
section .about-us .accordion-item .collapsed::after { background-image: none; font-family: "Font Awesome 5 Free"; content: "\2b"; display: inline-block; vertical-align: middle; font-weight: 900; text-align: center }
section .about-us .more-less { float: right; color: #fff; font-size: 20px; font-weight: 700 }
section .about-us .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #eee }
.bg { background: url(../images/95d68-bg.jpg) }
section .about h1 { color: #002b5b; font-weight: bold; border-bottom: solid 1px #ccc; padding-bottom: 15px; position: relative }
section .about h1::after { content: ''; background: #002b5b; position: absolute; width: 50px; height: 5px; bottom: -3px; left: 20px }
section .about p { line-height: 25px; color: #616161 }
section .about-us .list>ul { margin: 0; padding: 0 }
section .about-us .list ul li { list-style: none; position: relative; padding-left: 17px }
section .about-us .list ul li::before { content: '\f101'; font-size: 11px; font-family: 'FontAwesome'; color: #e58538; position: absolute; left: 0 }
section .about-us .list ul li { font-weight: 600; color: #555 }
section .about-us .list ul li a { text-decoration: none; color: #555; transition: all .30s ease-in-out; font-weight: 600 }
section .about-us .list ul li a:hover { color: #fa8201 }
section .about-us .download .pdf{color: #282828; font-weight: 700;  display: inline-block;  border: 1px solid #ccc;  width: 100%;  margin: 7px 0;  background: #fff; transition: .5s ease all; border-radius:5px; text-align:left;}
section .about-us .download .pdf:hover{background:#002b5b; color:#fff;}
section .about-us .download .pdf:hover a{color:#fff;}
section .about-us .download .pdf a{color: #333; text-decoration:none; padding:8px 20px; display:block;}
section .about-us .download2 .table th{font-size:inherit !important;}
section .about-us .download2 .table tbody td {font-size: inherit !important;}
section .contact .table tr th{font-size:inherit !important;line-height:normal;text-align: center; background:#002b5b; color:#fff;}
section .contact .table tr td{font-size:inherit;line-height:inherit;text-align: center;}
section .contactpage .infolist ul{margin:0;padding:0;}
section .contactpage .infolist ul li{list-style:none; padding:3px 0;}
section .contactpage .infolist ul li i{color:#ff7d2a}
section .contactpage .infolist2 ul{}
section .contactpage .infolist2 ul li{list-style:none; padding:3px 0;}
section .contactpage .infolist2 ul li i{color:#ff7d2a}
article .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: linear-gradient(to bottom,  #002b5b 0%,#275d9a 100%);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: linear-gradient(to bottom,  #002b5b 0%,#275d9a 100%);padding: 6px; color: #fff; font-weight: 700; font-size: 13px }
.tab-pane .table td { font-size: 13px }
.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: 80%; height: 1px; background-color: #002b5b; z-index: 0; left: 10% }
.stepwizard-step { display: table-cell; text-align: center; position: relative }
.btn-circle { 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 0 20px #ccc; margin-top: 20px; border: solid 1px #f2f2f2; background: #fff }
.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 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 }
.breadcrumb { display: inline-block; padding: 0; margin: 0; border-radius: 5px 25px 25px 5px; overflow: hidden }
.breadcrumb li { float: left; margin-right: 3px; position: relative; z-index: 1 }
.breadcrumb li:before { display: none }
.breadcrumb li:after { content: ""; width: 40px; height: 100%; background: #428dff; position: absolute; top: 0; right: -20px; z-index: -1 }
.breadcrumb li:nth-last-child(2):after, .breadcrumb li:last-child:after { display: none }
.breadcrumb li a, .breadcrumb li:last-child { display: block; padding: 8px 15px; font-size: 14px; font-weight: bold; color: #fff; border-radius: 0 25px 25px 0; box-shadow: 5px 0 5px -5px #333 }
.breadcrumb li a { background: #428dff }
.breadcrumb li:last-child { background: #ebf3fe; color: #428dff; margin-right: 0 }

@media only screen and (max-width:479px) {
.breadcrumb li a, .breadcrumb li:last-child { padding: 8px 10px }
}

@media only screen and (max-width:359px) {
.breadcrumb li a, .breadcrumb li:last-child { padding: 8px 7px }
}
.infopanel img { float: left; margin-right: 10px }
.table th { font-size: 13px !important; text-align: center; vertical-align: middle !important }
.table td { font-size: 13px; vertical-align: middle !important }
#DataTables_Table_0_wrapper input[type="search"] { width: 70%; border: solid 1px #ccc; padding: 4px; border-radius: 3px }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: linear-gradient(to bottom, #bf7336 0, #e88d43 100%) !important; border: none !important; border-radius: 2px }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff !important }
* { margin: 0 }

section .faqs h2 {
    background: aliceblue;
    padding: 5px;
}
    section .faqs h2::before {
        counter-increment: q;
        content: "Q. " counter(q) ": ";
        position: absolute;
        left: 20px;
    }

section .faqs .text-num {
    counter-reset: q;
    position: relative;
}

section .faqs h2 {
    padding: 0 75px;
}