@font-face {
    font-family: 'FiraSans';
    src: url('/fonts/site_fonts/FiraSans-Regular.eot');
    src:                                 /*url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),*/
         url('/fonts/site_fonts/FiraSans-Regular.woff2') format('woff2'),
         url('/fonts/site_fonts/FiraSans-Regular.woff') format('woff'),
         url('/fonts/site_fonts/FiraSans-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
  }
@font-face {
    font-family: 'FiraSans';
    src: url('/fonts/site_fonts/FiraSans-Italic.eot');
    src: url('/fonts/site_fonts/FiraSans-Italic.woff2') format('woff2'),
         url('/fonts/site_fonts/FiraSans-Italic.woff') format('woff'),
         url('/fonts/site_fonts/FiraSans-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
  }
@font-face {
    font-family: 'FiraSans';
    src: url('/fonts/site_fonts/FiraSans-Light.eot');
    src: url('/fonts/site_fonts/FiraSans-Light.woff2') format('woff2'),
         url('/fonts/site_fonts/FiraSans-Light.woff') format('woff'),
         url('/fonts/site_fonts/FiraSans-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
  }
@font-face {
    font-family: 'FiraSans';
    src: url('/fonts/site_fonts/FiraSans-LightItalic.eot');
    src: url('/fonts/site_fonts/FiraSans-LightItalic.woff2') format('woff2'),
         url('/fonts/site_fonts/FiraSans-LightItalic.woff') format('woff'),
         url('/fonts/site_fonts/FiraSans-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 300;
  }
@font-face {
    font-family: 'FiraSans';
    src: url('/fonts/site_fonts/FiraSans-Medium.eot');
    src: url('/fonts/site_fonts/FiraSans-Medium.woff2') format('woff2'),
         url('/fonts/site_fonts/FiraSans-Medium.woff') format('woff'),
         url('/fonts/site_fonts/FiraSans-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
  }
@font-face {
    font-family: 'FiraSans';
    src: url('/fonts/site_fonts/FiraSans-Bold.eot');
    src: url('/fonts/site_fonts/FiraSans-Bold.woff2') format('woff2'),
         url('/fonts/site_fonts/FiraSans-Bold.woff') format('woff'),
         url('/fonts/site_fonts/FiraSans-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
  }
/* Multiple Font Faces (The Right Way) https://internetingishard.com/html-and-css/web-typography/#font-families-and-font-faces */

:root {
  --dark-brown:#3b3630;
  --brown:#544f49;
  --green:#006e50;
  --light-green:#00a175;
  --yellow:#fdb21c;
  }

html { }

body { font-family:'FiraSans', Arial, sans-serif; font-weight:300; color: #2c2c2c; }

#skip-to-main a { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
#skip a:focus { position:static; width:auto; height:auto; }

.btn-gen { color:#fff; background-color:#006e50; border-color:#006e50; }
.btn-gen:hover { color: #fff; background-color:#004447; border-color:#004447; }

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position:fixed; visibility:hidden; opacity:0; right:15px; bottom:15px; z-index:996; background:var(--yellow); width:40px; height:40px; border-radius:4px; transition: all 0.4s; }
.back-to-top i { font-size:28px; color:#fff; line-height:0; }
.back-to-top:hover { background:(--sec-yellow); color:#fff; }
.back-to-top.active { visibility:visible; opacity: 1; }
/* //Back to top button */

/*--------------------------------------------------------------
# Type
--------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family:'FiraSans', Arial, sans-serif; color:var(--dark-brown); margin-top:2.5rem; margin-bottom:1.75rem; }

h2:first-of-type { margin-top:0; }

h1, .h1 { font-size:1.953rem; }
/* h1 a { font-size:3rem; color:red; } */
h2, .h2 { font-size: 1.747rem; }
h3, .h3 { font-size: 1.562rem; }
h4, .h4 { font-size: 1.397rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1.118rem; }
/* //Type */

a { text-decoration:none; transition: all .3s ease-out; }

.no { color:var(--main-yellow); }
.no sup { top:-0.25em; }

.learn-more svg { transition: ease transform 300ms; fill:#fdb21c !important; }
.learn-more:hover svg { transform: translate3d(7px, 0, 0); }


/*--------------------------------------------------------------
# Site-header
--------------------------------------------------------------*/

.lang.social .l-separator { padding-right:0.5rem; margin-right:0.5rem; border-right:1px solid #BBBBBB }
.lang.social a { font-size:0.875rem; color:#BBB; text-decoration:none; margin-right:2px; padding-right:0.5rem; transition:all 0.3s ease-in-out; }
.lang.social a:hover { color:var(--dark-brown); }
.lang.social  .active a { color:#3e80e1; font-weight:500; }

.site-header { padding-top:24px; }
.site-header .header-top { background-color:#fff; }
.site-header .col.maich-logo-holder { flex-grow:0; }
.site-header .maich-logo { transition:all .3s ease; position:relative; top:0; height:125px; width:125px; }

.site-header h1 { font-size:1.5rem; font-weight: 500; margin-top:1.5rem; }
.site-header a h1 { color:var(--dark-brown); text-decoration:none; }
.site-header a:hover h1 { color:var(--brown); text-decoration:none; }
.site-header a h1 small { color:var(--brown); font-size:100%; }

/* Header Bottom */
@media only screen and (max-width:991px) and (min-width:901px) {
  .header-bottom .container { max-width:899px; }
  }
.site-header .header-bottom { background-color:none; padding-bottom:16px; border-bottom: 2px solid var(--green); }

@media only screen and (max-width:575px) {
  .col.maich-logo-holder { width:100%; flex:0 0 auto; text-align:center; margin-top:1.5rem; }
  .header-top h1 { text-align:center; margin-top:0.75rem; margin-bottom:1.5rem; }
  }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.melissa-logo { width:auto; height:48px; }
/**
* Desktop Navigation
*/
.navbar { padding:0; }

.navbar ul { margin:0; padding:0; display:flex; list-style:none; align-items:center; }
.navbar li { position:relative; }

.navbar li:first-child a { padding-left:0; }

.navbar a,
.navbar a:focus { display:flex; align-items:center; justify-content:space-between; padding:10px 0 10px 30px; font-size:18px; font-weight:500; color:var(--green); white-space: nowrap; transition:0.3s; }
.navbar a i,
.navbar a:focus i { font-size:12px; line-height:0; margin-left:5px; }
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a { color:var(--brown); }
@media only screen and (max-width:1100px) and (min-width:901px) {
  .melissa-logo { width:auto; height:36px; }
  .navbar a,
  .navbar a:focus { padding:10px 0 10px 20px; font-size:14px; font-weight:400; }
  }

.navbar .dropdown ul { display:block; position:absolute; left:14px; top:calc(100% + 30px); margin:0; padding:10px 0; z-index:99; opacity:0; visibility:hidden; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:0.3s; }
.navbar .dropdown ul li { min-width:200px; }
.navbar .dropdown ul a { padding:10px 20px; font-size:15px; text-transform:none; font-weight:400; }
.navbar .dropdown ul a i { font-size:12px; }
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a { color:var(--brown); }
.navbar .dropdown:hover>ul { opacity:1; top:100%; visibility:visible; }

.navbar .dropdown .dropdown ul { top:0; left:calc(100% - 30px); visibility:hidden; }
.navbar .dropdown .dropdown:hover>ul { opacity:1; top:0; left:100%; visibility:visible; }

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul { left:-90%; }
  .navbar .dropdown .dropdown:hover>ul { left:-100%; }
  }
/* //Navigation Menu *//


/* @media only screen and ( max-width:767px ) { h1.site-title small, h2.site-sub-title { display:none; } }
@media only screen and ( max-width:450px ) { h1.site-title a { font-size:1.25rem; } }
 */

.navbar-holder { background-color:#f8f9fa; padding:8px 0; }
@media (min-width: 1400px) { .navbar-holder .container { max-width: 1320px; } }
@media only screen and (max-width:1200px) and (min-width:900px) { .navbar-holder .container { max-width:100%; } }

/**
* Mobile Navigation
*/
.mobile-nav-toggle { color:#556270; font-size:28px; cursor:pointer; display:none; line-height:0; transition:0.5s; }
.mobile-nav-toggle.bi-x { color:#fff; }

/* .navbar-holder .container { max-width:100%; } */

@media (max-width: 900px) {
  .mobile-nav-toggle { display:block; }

  .navbar ul { display:none; }

  .navbar ul { display:none; }

  .navbar ul.last { position:relative; }

}

.navbar-mobile { position:fixed; overflow:hidden; top:0; right:0; left:0; bottom:0; background:rgba(63, 73, 83, 0.9); transition: 0.3s; z-index:999; }

.navbar-mobile .mobile-nav-toggle { position:absolute; top:15px; right:15px; }

.navbar-mobile ul { display:block; position:absolute; top:55px; right:15px; bottom:15px; left:15px; width:96%; padding:10px 0; background-color:#fff; overflow-y:auto; transition:0.3s; }

.navbar-mobile a,
.navbar-mobile a:focus { padding:10px 20px; font-size:15px; color:#556270; }

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a { color:var(--sec-yellow); }

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul { position:static; display:none; margin:10px 20px; padding:10px 0; z-index:99; opacity:1; visibility:visible; background:#fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); }

.navbar-mobile .dropdown ul li { min-width:200px; }

.navbar-mobile .dropdown ul a { padding:10px 20px; text-decoration:none; }

.navbar-mobile .dropdown ul a i { font-size: 12px; }

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a { color:var(--sec-yellow); }

.navbar-mobile .dropdown>.dropdown-active { display:block; }
/* //Mobile Navigation */

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {width:100%; height:56vh; background-color:rgba(63, 73, 83, 0.8); overflow:hidden; position:relative; }

#hero .carousel,
#hero .carousel-inner,
#hero .carousel-item,
#hero .carousel-item::before { position:absolute; top:0; right:0; left:0; bottom:0; }

#hero .carousel-item { background-size:cover; background-position:center; background-repeat:no-repeat; }

/* #hero .carousel-item::before { content:""; background-color:rgba(30, 35, 40, 0.6); } */
#hero .carousel-item::before { content:""; background-color:rgba(78, 91, 93, 0.7); }

#hero .carousel-container { display:flex; justify-content:center; align-items:center; position:absolute; bottom:0; top:70px; left:50px; right:50px; }

#hero .container { text-align:center; }

#hero h2 { color:#fff; margin-bottom:20px; font-size:48px; font-weight:700; }


#hero h2 { font-size:1.825rem; color:#fff; font-weight:500; letter-spacing:1px; }
#hero h2 small { display:block; text-transform:none; font-weight:500; color:var(--yellow); font-size:100%; }

#hero p { -webkit-animation-delay:0.4s; animation-delay:0.4s; margin:0 auto 30px auto; color:#fff; }

#hero .carousel-inner .carousel-item { transition-property:opacity; background-position:center top; }

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end { opacity:0; }

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end { opacity:1; transition:0.5s; }

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end { left:0; transform:translate3d(0, 0, 0); }

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon { background:none; font-size:30px; line-height:0; width:auto; height:auto; background:rgba(255, 255, 255, 0.2); border-radius:50px; transition:0.3s; color:rgba(255, 255, 255, 0.5); width:54px; height:54px; display:flex; align-items:center; justify-content:center; }

#hero .carousel-control-next-icon:hover,
#hero .carousel-control-prev-icon:hover { background:rgba(255, 255, 255, 0.3); color:rgba(255, 255, 255, 0.8); }

#hero .carousel-indicators li { cursor:pointer; background:#fff; overflow:hidden; border:0; width:12px; height:12px; border-radius:50px; opacity:0.6; transition:0.3s; }
#hero .carousel-indicators li.active { opacity:1; background:var(--yellow); }

#hero .btn-get-started { font-weight:500; font-size:14px; letter-spacing:1px; display:inline-block; padding:14px 32px; border-radius:4px; transition:0.5s; line-height:1; color:#fff; -webkit-animation-delay: 0.8s; animation-delay:0.8s; background:var(--green); }
#hero .btn-get-started:hover { background:var(--yellow); }

@media (max-width: 900px) {
  #hero { height:50vh; }
    #hero .carousel-container { top:8px; }
  }
@media (max-width: 768px) { #hero h2 { font-size:28px; } }

@media (min-width: 1024px) {
  #hero .carousel-control-prev,
  #hero .carousel-control-next {  width:5%; }
  }
@media (max-height: 500px) { #hero { height:120vh; } }
/* //Hero Section */

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding:60px 0; overflow:hidden; }

.section-bg,
.services .icon-box { background-color:#f8f9fa; }

.section-title { padding-bottom:40px; }

.section-title h2 { font-size:14px; font-weight:500; padding:0; line-height:1px; margin:0 0 5px 0; letter-spacing:2px; text-transform:uppercase; color:#aaaaaa; }
.section-title h2::after { content:""; width:120px; height:1px; display:inline-block; background:var(--main-yellow); margin:4px 10px; }
.section-title p { font-size:36px;font-weight:700; text-transform:uppercase; color: #556270; }
/* //Sections General */

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h2 { font-weight:500; font-size:28px; line-height:50px; margin-bottom:20px; color:var(--dark-brown); }
.about .content h2 small { color:var(--yellow); font-size:100%; }

.about .content h3 { font-weight:500; line-height:32px; font-size:20px; margin-top:0; padding-right:15%; }

.about .content p  { font-size:1.25rem; line-height:1.875; }

.about .content ul { list-style:none; padding:0; }
.about .content ul li { padding:10px 0 0 28px; position:relative; }
.about .content ul i { left:0; top:7px; position:absolute; font-size:20px; color:#d9232d; }

.about .content p:last-child { margin-bottom:0; }
/* //About */



/*--------------------------------------------------------------
# Partners
--------------------------------------------------------------*/
.partners { padding:2rem 0; text-align:center; }

section.partners { padding-bottom:22px; }

.partners h2 { font-size:1.5rem; font-weight:500; text-align:center; color:var(--brown); text-transform:uppercase; }
.partners h2::after { content:''; width:115px; height:2px; display:block; background:var(--yellow); margin:0 auto; text-align:center; margin-top:0.5rem; }

.partners img { max-width:50%; transition:all 0.4s ease-in-out; display:inline-block; padding:15px 15px; filter:grayscale(100); }
.partners img:hover { filter:none; transform:scale(1.15); }

@media (max-width: 768px) { .partners img { max-width:50%; } }
/* //Partners */


/*--------------------------------------------------------------
# Sponsors
--------------------------------------------------------------*/
.sponsors { padding:2rem 0; text-align:center; }

section.sponsors { padding-bottom:22px; margin-bottom:-40px; }

.sponsors h2 { font-size:1.5rem; font-weight:500; text-align:center; color:var(--brown); text-transform:uppercase; }
.sponsors h2::after { content:''; width:115px; height:2px; display:block; background:var(--yellow); margin:0 auto; text-align:center; margin-top:0.5rem; }

.sponsors img { max-width:75%; transition:all 0.4s ease-in-out; display:inline-block; padding:15px 0; filter:grayscale(100); }
.sponsors img:hover { filter:none; transform:scale(1.15); }

@media (max-width: 768px) { .sponsors img { max-width:50%; } }
/* //Sponsors */

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
.links { padding:2rem 0; text-align:center; }

section.links { padding-bottom:22px; margin-bottom:-40px; }

.links p { font-size:0.875rem; margin-bottom:0; }

.links p a { color:#3860ed; transition:all .3s ease-out; font-size:0.813rem; letter-spacing:0.0125rem; }

.links p a:hover { color:#002f67; text-decoration:underline; transition:all .3s ease-out; }

.links img { max-width:75%; transition:all 0.4s ease-in-out; display:inline-block; padding:15px 0; filter:grayscale(100); }

/* //Links */


/*--------------------------------------------------------------
# Section Title
--------------------------------------------------------------*/
.section-head { padding-top:1rem; margin-bottom:2rem; border-bottom:1px solid var(--yellow); }
.news .section-title { padding-bottom:0; }

h1.section-title { font-size:32px; color:var(--dark-brown); font-weight:400; margin-top:0; margin-bottom:0.25rem; text-align:left; }
h1.section-title a { color:var(--dark-brown); text-decoration:none; }
h1.section-title a:hover { text-decoration: none; color: var(--yellow); }

h1.section-title small { font-size:50%; font-weight:300; }
h1.section-title a small, h1.section-title a:hover small { color:#0152A0; }
@media screen and (min-width: 500px) {
  h1.section-title  { font-size: calc(28px + (44 - 28) * ((100vw - 500px) / (1000 - 500))); }
  }
@media screen and (min-width: 1000px) {
  h1.section-title  { font-size:32px; }
  }
@media screen and (max-width: 767px) {
  h1.section-title { text-align:center; }
  }

p.section-sub { margin:0; padding-bottom:0.625rem; font-size:14px; font-weight:500; font-style:italic; color:var(--dark-brown); text-align:right; }
p.section-sub a { color:var(--dark-brown); text-decoration:none; }
p.section-sub a:hover { color:var(--yellow); text-decoration:none; }

@media screen and (max-width: 767px) {
  p.section-sub { text-align:center; }
  }
/* //Section Title */

/*--------------------------------------------------------------
# Home news section
--------------------------------------------------------------*/
section.news { padding-top:0; }
.card.new { border:none; }
.card.new .card-body,
.card.new .card-footer { background-color:white; }
.card.new .card-title { margin-top:0; font-size:1.188rem; line-height:1.45; }
.card.new .card-footer { border-top:none; border-bottom:1px solid rgba(0, 0, 0, 0.125); }

a .card.new .card-title  { color:var(--dark-brown); }
a .card.new .card-text { font-size:0.875rem; color:var(--brown); }
a .card.new .card-footer time { font-size:0.825rem; font-weight:400; letter-spacing:1px; color:var(--brown); opacity:0.75;  }

a .card.new .card-body { position:relative; z-index:100; }
a .card.new .card-body:before {
  content:""; height:32px; width:32px; display:block; position:absolute; top:-0.875em; left:1.250em; z-index:-1; -webkit-transform: rotate(45deg); transform: rotate(45deg);
  background:#fff;
  }
/* //Home news section */



/*--------------------------------------------------------------
# Page-header Section
--------------------------------------------------------------*/
.page-header { background-color:#212529; margin:0 0 35px; padding:75px 0; position:relative; text-align:left; }
.page-header:after { content:''; width:100%; height:5px; background:rgba(255,255,255,.8); position:absolute; bottom:0; left:0; }

.page-header.with-bkg { background-image:url(/slider/sl-01.jpg); background-repeat:no-repeat; background-size:cover; }
.page-header.with-bkg:before { content:""; display:block; background:rgba(30,35,40,.5); bottom:0; height:100%; left:0; position:absolute; right:0; top:0; width:100%; }
.page-header.with-bkg:before { background: linear-gradient(90deg, rgba(49,55,56,0.9) 0%, rgba(30,35,40,0.6) 52%, rgba(0,0,0,0.2) 100%); }

.page-header .page-header-title-border { width:150px; height:5px; position:absolute; bottom:0; background:0 0; background-color:var(--yellow) !important; z-index:1; }
.visible { visibility:visible !important; }

.page-header h1 { color:#fff; display:inline-block; font-size:1.5rem; line-height:1; margin:0; padding:0; font-weight:400; position:relative; top:1px; }

.page-header .breadcrumb { background:0 0; margin:0; padding:0; position:relative; z-index:1 }
.page-header .breadcrumb li { color:#fff; opacity:0.85; }
.page-header .breadcrumb li a { color:var(--main-yellow); }
.page-header .breadcrumb li a:hover { text-decoration:underline; }
.page-header .breadcrumb>li { display:inline-block; font-size:0.75rem; text-transform:uppercase; text-shadow:none }
.page-header .breadcrumb>li+li:before { color:inherit; opacity:.5; font-size:0.6rem; font-family: bootstrap-icons !important; font-weight:900; content:"\f285"; padding:0 5px 0 3px  }

/* //Page-header Section */

/*--------------------------------------------------------------
# Content Section
--------------------------------------------------------------*/
/* Content Section */
.content-holder .col-md-8 { margin-top:0; }

.content-holder img.one-third { width:33%; }
.content-holder img.half { width:50%; }
.content-holder img.two-thirds { width:66%; }
@media screen and (max-width: 767.833333px) { .content-holder img.one-third, .content-holder img.half, .content-holder  img.two-thirds { width:85%; } }

.content-holder ul { margin-bottom:2rem; }
.content-holder li { padding-bottom:0.825rem; line-height:1.65; }

/* //Content Section */

/* Aside  */
.aside-menu-holder { overflow:hidden; 	padding:0 1.25rem; margin-top:1rem; margin-bottom:3rem; position:relative; }
@media screen and (max-width: 767.833333px) { .aside-menu-holder { margin-left:40px; } }

.aside-menu-title, .aside-menu-title a, .aside-menu-title a:hover
      { padding:0; margin-top:0.1rem; margin-bottom:0.25rem; line-height:2.25rem; text-transform:uppercase; font-size:1rem; font-weight:500; color:#31474b; text-decoration:none; }

.aside-menu-holder:before, .aside-menu-holder:after { content:""; position:absolute; left:0; top:0; }
.aside-menu-holder:before { width:3px; height:36px; z-index:3; background-color:var(--yellow); }
.aside-menu-holder:after { bottom:0; width:1px; background: #e5e5e5; }

.aside-menu-holder ul { padding-bottom:0.825rem; padding-left:0; list-style:none; }
.aside-menu-holder ul li { margin:0; padding:0; line-height:20px; font-weight: 400; font-size: 0.875rem; }
.aside-menu-holder ul li a { margin:0; padding:0.825rem 0; text-transform:uppercase; text-decoration:none; display:block; }
.aside-menu-holder ul li a:hover { color:#0152A0; }

.aside-menu-holder ul .sub-menu {list-style:none; margin-left:1rem; }
.aside-menu-holder ul .sub-menu li { margin:0; padding:0; font-weight:normal; font-size: 0.85rem; }
.aside-menu-holder ul .sub-menu li a { margin:0; padding:0.5rem 0; line-height:1.25rem; text-transform:none; color:#604947; display:block; }
.aside-menu-holder ul li a:hover,
.aside-menu-holder ul li a.active  { color:#0152A0; }

.position-sticky { position:-webkit-sticky !important; position:sticky !important; top:1rem; }
/* //Aside  */

/* //Content Section */



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { background:#004447; padding:0 0 30px 0; color:#fff; font-size:14px; margin-top:2.5rem; }

#footer .footer-top { background:#e7eeed; padding:60px 0 30px 0; }


#footer .footer-top .footer-links ul { list-style:none; padding:0; margin:0; }
#footer .footer-top .footer-links ul i { padding-right:2px; color: rgba(255, 255, 255, 0.6); font-size:18px; line-height:1; }
#footer .footer-top .footer-links ul li { padding:10px 0; display:flex; align-items:center; }
#footer .footer-top .footer-links ul li:first-child { padding-top:0; }

#footer .footer-top .list-inline-item:not(:last-child) { margin-right:0.825rem; }

#footer .footer-top ul a { color:var(--brown); transition:0.3s; font-size:0.813rem; text-transform:uppercase; letter-spacing:0.125rem; }
#footer .footer-top ul a:hover { color:var(--yellow); }

#footer .copyright { text-align:center; padding-top:30px; }

#footer .credits { padding-top:10px; text-align:center; font-size:13px; color: rgba(255, 255, 255, 0.9); }

#footer .credits a { color:rgba(255, 255, 255, 0.4); transition:0.3s; font-weight:600; }
#footer .credits a:hover { color:white; }
/* //Footer */
.h-400 { height:400px; }
#database, #map { margin-top:2rem; margin-bottom:3.5rem; padding:0; }
#database small, #map small,  { color:var(--yellow); font-size:100%; }
#database p, #map p { line-height:2; }
#database .img-holder { background-image:url(/assets/home-01.jpg); background-size:cover !important; }
#map .img-holder { background-image:url(/assets/home-02.jpg); background-size:cover !important; }