.mt-1{margin-top:1em;} .mt-2{margin-top:2em;} .mt-3{margin-top:3em;}
.pb-1{padding-bottom:1em;} .pb-2{padding-bottom:2em;} .pb-3{padding-bottom:3em;}
.pagelink{padding:0; margin:0; display:block;}
.pagelink li{list-style:none; display:inline-block; padding:5px; transition: 0.5s;}
.pagelink li:hover{background:#01135f;}
.pagelink li a{color:#fff; font-size:15px; font-weight:500; padding:0px 10px; }
.pagelink li a:hover{text-decoration:none;}
.homefa span{float:left; width:20px; display:block; position:relative; top:4px;}
.homefa .fa{font-size:12px; color:#4f4f4f;}
.loginasdiv{position:relative;}
.loginasdiv .loginas{background:rgba(255,255,255,.9); position:absolute; bottom:10px; padding:5px 20px; font-size:16px; color:#333; opacity: 0.1; transition: 0.7s; left:0; right:0; margin:auto; width:fit-content; border-radius:50px; font-weight:500;}
.loginasdiv:hover .loginas{margin:auto; text-decoration:none; opacity: 1;}
.loginasdiv .fa{color:#333; transition: 0.7s;}
.loginas:hover{background:rgba(0,0,0, .7); color:#fff;}
.loginas:hover .fa{color:#fff;} 
.empanelimg ul{padding:0; margin:0; display:block;}
.empanelimg ul li{list-style:none; display:inline-block; width:49.8%; text-align:center; position:relative;}
.empanelimg ul li img{width:100%;}
.empanelimgactive{opacity:.2; transition: 1s; border:#000 solid 1px; cursor:pointer;}
.empanelimg ul li .empanetext{font-size:28px; position:absolute; bottom:40%; display:table; left:0; right:0; color:#08b3e7;background:#004475; border:solid 1px #08b3e7; margin:auto; padding:5px 15px; border-radius:4px;}
.empanelul ul{padding:0; display:block; text-align:center;}
.empanelul ul li{list-style:none; display:inline-table; width:30%; text-align:center; position:relative; transition:1s;}
.empanelul ul li span{width:100px; height:100px; border-radius:100px; border:#08b3e7 solid 1px;}
.empanelul ul li span.fa{font-size:40px; padding:30px; color:#08b3e7; transition: 1s;}
.empanelul ul li p{font-size:20px; padding:30px;}
.empanelul ul li p i{font-size:16px; padding:0px;}
.empanelul ul li:hover span.fa{color:#004475; transform: rotate(90deg); animation: rotating .2s linear infinite;}
.empanelul ul li:hover span{ border:#004475 solid 1px;}
.empanelul ul li:hover p{color:#004475;}
.empanetext1123{font-size:28px; position:absolute; bottom:40%; display:block; left:0; right:0; display:none;}
.empanellog {width:400px;
    background: rgba(255,255,255,0.9);
    margin: auto;
    position: relative;
    top: 6%;
    border-radius: 4px;
    display: table;
}
.empanellog label {margin:5px 20px 0 14px; font-size:13.5px; font-weight:400; color:#3c4043; padding:0px 5px; letter-spacing:0.25px; background:#fff; position:relative; top:10px;}
.empanellog input {
    border: #bcc1c4 solid 1px;
    margin: 0 20px 0 20px;
    width:90%;
    padding: 14px 5px;
    border-radius:2px;
    transition: all 0.5s;
    background: none;
}
.empanellog h1 {
    font-size: 20px;
    text-align: center;
    padding: 15px 0;
    color: #3c4043;
    letter-spacing: 0.25px;
}
.empanellog h1 img {
    width: 50px;
    position: relative;
    top: -4px;
}
.empanellog .loginemp {
    text-align: center;
}
.empanellog .loginemp a {
    font-size: 13.5px;
    text-align: center;
    padding: 15px 0;
    background: #08b3e7;
    color: #fff;
    border-radius: 2px;
    padding: 4px 10px;
    transition: 0.3s;
    letter-spacing: 0.25px;
}
.empanellog .loginemp a:hover {
    background: #004475;
    color: #fff; text-decoration:none;
}
.empanellog .custom_checkbox_label{
    display:inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; background:none; left:0;
}
.empanellog .custom_checkbox_label .custom_checkbox {width:auto; margin:0; margin-right:5px; border-radius:0; position:relative; bottom:1px;}
.Breadcrumb{color:#333; font-weight:500; font-size:14px; font-family:'Roboto'; margin-bottom:0;}
.Breadcrumb a{color:#004475; font-weight:600; transition:1s;}
.Breadcrumb a:hover{color:#08b3e7;}
.ccd-header{background:#08b3e7;}
.ccd-latest-news{border:solid 1px #85e3ff; padding:10px 0 0 0;}
.accordion .accordion-item {border-bottom:1px solid #e5e5e5;}
.accordion .accordion-item button[aria-expanded='true'] {border-bottom:1px solid #03b5d2;}
.accordion button {position:relative; display:block; text-align:left; width:100%; padding:1em 0; color:#333; font-size:18px; font-weight:500; border:none; background:none; outline:none;}
.accordion button:hover,
.accordion button:focus {cursor:pointer; color:#03b5d2;}
.accordion button:hover::after,
.accordion button:focus::after {cursor:pointer; color:#03b5d2; border:1px solid #03b5d2;}
.accordion button .accordion-title {padding:1em 1.5em 1em 0;}
.accordion button .icon {display:inline-block; position:absolute; top:18px; right:0; width:22px; height:22px; border:1px solid; border-radius:22px;}
.accordion button .icon::before {display:block; position:absolute; content: ''; top:9px; left:5px; width:10px; height:2px; background:currentColor;}
.accordion button .icon::after {display:block; position:absolute; content: ''; top:5px; left:9px; width:2px; height:10px; background:currentColor;}
.accordion button[aria-expanded='true'] {color:#08b3e7;}
.accordion button[aria-expanded='true'] .icon::after {width:0;}
.accordion button[aria-expanded='true'] + .accordion-content {opacity:1; max-height:100%; transition:all 1s linear; will-change: opacity, max-height;}
.accordion .accordion-content {opacity:0; max-height:0; overflow:hidden; transition:opacity 100ms linear, max-height 100ms linear; will-change:opacity, max-height;}
.accordion .accordion-content p {font-size:15px; margin:2em 0; color:#333;}
.atag{
    font-size: 14px;
    color: #337ab7;
}