* {
  margin: 0;
  padding: 0;
  transition: all; }

*:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  vertical-align: middle; }

body {
  font-size: 15px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight: 500;
  color: #5d5d5d; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  /*color: #322062;*/ }

p {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  text-align: justify; }

ul li {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; }

.tg-socialicons {
  overflow: hidden;
  list-style: none;
  text-align: center;
  line-height: 30px;
  width: 100%;
  margin-top: 8px;
  padding-left: 0; }
  .tg-socialicons li {
    float: none !important;
    padding: 0 4px;
    line-height: inherit;
    list-style-type: none;
    display: inline-block; }
    .tg-socialicons li a {
      width: 40px;
      height: 40px;
      color: #fff;
      display: block;
      /*background: #000;*/
      overflow: hidden;
      line-height: 30px;
      position: relative;
      text-align: center;
      border-radius: 30px;
      text-transform: capitalize; }
  .tg-socialicons .tg-checkbox.tg-googleplus, .tg-socialicons li.tg-googleplus a {
    background: #dd4b39; }
  .tg-socialicons li.tg-googleplus a,
  .tg-socialicons li.tg-rss a,
  .tg-socialicons li.tg-facebook a,
  .tg-socialicons li.tg-twitter a {
    line-height: 46px; }
  .tg-socialicons li.tg-googleplus a i,
  .tg-socialicons li.tg-rss a i,
  .tg-socialicons li.tg-facebook a i,
  .tg-socialicons li.tg-twitter a i {
    font-size: 21px; }
  .tg-socialicons .tg-checkbox.tg-rss, .tg-socialicons li.tg-rss a {
    background: #ff6600; }
  .tg-socialicons .tg-checkbox.tg-facebook, .tg-socialicons li.tg-facebook a {
    background: #3b5999; }
  .tg-socialicons .tg-checkbox.tg-twitter, .tg-socialicons li.tg-twitter a {
    background: #55acee; }

.serach-wrapper {
  margin-top: 33px; }
  .serach-wrapper span {
    background: #04306f;
    color: white; }
  .serach-wrapper .form-control {
    border-radius: 0px 0 0 0px; }
  .serach-wrapper .input-group-addon {
    border-radius: 0 0px 0px 0;
    padding: 5px 15px; }

.main-navbar {
  background: #04306F; }
  .main-navbar li a {
    color: #000;
    text-transform: uppercase; }
  .main-navbar .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
    font-weight: 500; }
  .main-navbar .dropend .dropdown-toggle {
    color: #000;
    font-weight: 400; }
    .main-navbar .dropend .dropdown-toggle:hover {
      background-color: #04306F;
      color: #fff; }
  .main-navbar .dropdown-item {
    color: #000;
    font-size: 14px; }
    .main-navbar .dropdown-item:hover {
      background-color: #04306F;
      color: #fff; }
  .main-navbar .dropdown .dropdown-menu {
    display: none; }
  .main-navbar .dropdown:hover > .dropdown-menu,
  .main-navbar .dropend:hover > .dropdown-menu {
    display: block;
    margin-top: 0.125em;
    margin-left: 0.125em; }
  @media screen and (min-width: 769px) {
    .main-navbar .dropend:hover > .dropdown-menu {
      position: absolute;
      top: 0;
      left: 100%; } }

.home-banner {
  margin-bottom: 50px; }
  .home-banner .banner {
    height: 100%;
    margin: auto; }
    .home-banner .banner .layout .col {
      height: 380px; }
    .home-banner .banner .layout .col-main {
      flex: 1;
      width: 40%;
      background-image: url("../images/left-banner.png");
      background-position: center;
      background-size: cover; }
    .home-banner .banner .layout .col-complementary {
      flex: 2;
      width: 60%;
      /*background-image: linear-gradient(0deg, rgba(0, 66, 160, 0.31), transparent), url('../images/right-banner.png');
                background-size: cover;
                background-repeat: no-repeat;*/ }
      .home-banner .banner .layout .col-complementary .banner-carousel img {
        max-height: 380px;
        object-fit: cover;
        object-position: bottom;
        background: linear-gradient(0deg, rgba(0, 66, 160, 0.31), transparent); }
    @media only screen and (min-width: 640px) {
      .home-banner .banner .layout {
        display: flex; } }
    @media only screen and (max-width: 640px) {
      .home-banner .banner .col-main, .home-banner .banner .col-complementary {
        width: 100% !important; }
      .home-banner .banner .layout .col {
        height: 150px; } }

@media screen and (max-width: 600px) {
  .left-column {
    width: 100%;
    height: auto;
    padding-top: 5%; }
  .right-column {
    height: 400px;
    width: 100%; }
  .success {
    width: 100%;
    background-color: rgba(81, 73, 225, 0.99);
    color: white;
    box-shadow: 2px 4px 6px 8px rgba(79, 70, 229, 0.1);
    margin-right: 2px; }
  .btn {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .left-heading {
    font-size: 28px; }
  .left-paragraph {
    font-size: 14px; } }

.ribbon-heading {
  --r: 15px;
  --b: 2px;
  position: relative;
  color: white;
  background-color: #e29000;
  padding: 5px 30px;
  clip-path: polygon(0 0, 100% 0, calc(100% - (var(--r) - (var(--b) / 2))) 50%, 100% 100%, 0 100%, calc(var(--r) - (var(--b) / 2)) 50%);
  font-size: 26px;
  font-weight: 600;
  text-transform: capitalize; }
  .ribbon-heading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F6A516;
    z-index: -1;
    clip-path: polygon(calc(var(--b) * 2) var(--b), calc(100% - (var(--b) * 2)) var(--b), calc(calc(100% - var(--b)) - var(--r)) 50%, calc(100% - (var(--b) * 2)) calc(100% - var(--b)), calc(var(--b) * 2) calc(100% - var(--b)), calc(var(--r) + var(--b)) 50%); }

.about-section {
  margin: 80px 0;
  background: #F5F7F9;
  padding: 50px 0; }
  .about-section .content {
    padding-top: 50px; }
    .about-section .content img {
      border: 3px solid #04306F; }

.collection-section {
  margin: 80px 0; }
  .collection-section .content {
    padding-top: 50px; }
    .collection-section .content table {
      background: #F6A516;
      color: #000;
      border-color: #de8e00; }

.infra-section {
  margin: 80px 0;
  background: #04306F;
  padding: 50px 0; }
  .infra-section .content {
    padding-top: 50px; }
    .infra-section .content .stat-counter .counter-container {
      margin: 30px 50px;
      text-align: center; }
      .infra-section .content .stat-counter .counter-container img {
        width: 60px; }
    .infra-section .content .stat-counter .counter {
      font-size: 32px;
      font-weight: 600;
      color: #fff;
      margin-top: 10px;
      text-align: center; }
    .infra-section .content .stat-counter .counter-text {
      color: #fff;
      margin-top: 10px;
      text-align: center; }
    .infra-section .content .stat-counter h6 {
      color: #fff; }

.library-section {
  margin: 80px 0;
  background: #F5F7F9;
  padding: 50px 0; }
  .library-section .content {
    padding-top: 50px; }
    .library-section .content .post {
      margin-top: 10px;
      position: relative;
      background: #f8f8f8;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 5px;
      width: auto;
      margin-bottom: 20px;
      text-align: center; }
    .library-section .content .calendar {
      width: 100%;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
      font: bold 24px/60px "Lucida Sans Unicode", Arial Black, Arial, Helvetica, sans-serif;
      text-align: center;
      color: #04306F;
      text-shadow: #fff 0 1px 0;
      border: 1px solid #f1f1f1;
      border-radius: 10px;
      box-shadow: inset 1px 1px 6px #ffdfdf;
      line-height: 35px;
      padding-top: 30px; }
      .library-section .content .calendar::before, .library-section .content .calendar::after {
        content: '';
        float: left;
        position: absolute;
        top: 5px;
        width: 8px;
        height: 8px;
        background: #111;
        z-index: 1;
        border-radius: 10px;
        box-shadow: 0 1px 1px #fff; }
      .library-section .content .calendar img {
        max-width: 30px;
        margin-bottom: 15px; }
      .library-section .content .calendar .calendar-header {
        height: 140px; }
      .library-section .content .calendar .calendar-footer {
        display: block;
        background: #04599a;
        background: -webkit-gradient(linear, left top, left bottom, from(#04306F), to(#00407b));
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top: 1px solid #00365a;
        margin-top: 30px; }
        .library-section .content .calendar .calendar-footer h6 {
          font: 16px/40px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
          color: #fff;
          text-shadow: #00365a 0 -1px 0;
          margin-bottom: 0; }
          .library-section .content .calendar .calendar-footer h6::before, .library-section .content .calendar .calendar-footer h6::after {
            content: '';
            float: left;
            position: absolute;
            top: -5px;
            width: 4px;
            height: 14px;
            background: #dadada;
            background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
            z-index: 2;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px; }
    .library-section .content .calendar:before {
      left: 11px; }
    .library-section .content .calendar:after {
      right: 11px; }
    .library-section .content .calendar h6:before {
      left: 13px; }
    .library-section .content .calendar h6:after {
      right: 13px; }

.hero-banner {
  background: url("../images/inner-banner.png") no-repeat center center/cover;
  color: #fff;
  text-align: center;
  padding: 4rem 2rem; }
  .hero-banner .container {
    max-width: 600px;
    margin: 0 auto; }
  .hero-banner h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem; }
  .hero-banner p {
    font-size: 1.25rem;
    margin-bottom: 2rem; }

.inner-page {
  margin: 80px 0; }
  .inner-page .click-img img {
    border: 2px solid #04306f;
    box-shadow: 2px 2px 5px #cfcfcf; }
    .inner-page .click-img img:hover {
      border: 2px solid #ba3d40; }

footer {
  bottom: 0;
  width: 100%;
  background: #F5F7F9; }
  footer p {
    margin: 10px 0 0;
    color: #fff; }
  footer .gov-logo-sec {
    padding-bottom: 20px; }
    footer .gov-logo-sec p {
      color: #333;
      margin-bottom: 10px;
      clear: both; }
      footer .gov-logo-sec p i {
        width: 26px;
        float: left;
        margin-top: 2px; }
      footer .gov-logo-sec p::after {
        clear: both; }
    footer .gov-logo-sec h4.heading {
      border-bottom: 1px solid #ccc;
      color: #04306f;
      padding-bottom: 10px;
      margin-top: 40px; }
    footer .gov-logo-sec .footermenu ul {
      list-style: none; }
      footer .gov-logo-sec .footermenu ul li {
        line-height: 25px; }
        footer .gov-logo-sec .footermenu ul li a {
          color: #333; }
          footer .gov-logo-sec .footermenu ul li a i {
            margin-right: 5px; }
          footer .gov-logo-sec .footermenu ul li a:hover {
            color: #04306f;
            text-decoration: underline; }
  footer .footer-sec {
    background: #04306f;
    padding: 20px 0px; }
    footer .footer-sec p {
      font-size: 16px; }
      footer .footer-sec p a {
        color: #f6a516; }
    footer .footer-sec li {
      padding-bottom: 5px !important; }
      footer .footer-sec li a {
        color: rgba(255, 255, 255, 0.7); }
        footer .footer-sec li a:hover {
          color: #eec007 !important; }
    footer .footer-sec .fa {
      margin-right: 8px; }