/*Layout*/
.page-container {
  position: relative;
  overflow: hidden;
}
.boxed .page-container {
  overflow: visible;
}
/*Regions Layout*/
.white-region,
.light-gray-region {
  padding-top: 25px;
}
.colored-region {
  padding-top: 40px;
}
.white-region + .main-content-empty + .white-region,
.white-region:not(.main-content-empty) + .white-region,
.white-region + .white-region,
.colored-region:not(.dark) + .colored-region:not(.dark),
.colored-region.dark + .colored-region.dark,
.light-gray-region + .light-gray-region {
  padding-top: 0 !important;
}
.colored-region.dark {
  background-color: #1e2527;
}
.light-gray-region {
  background-color: #f4f7fb;
}
/*Header Layout*/
.header-container {
  padding-top: 0;
}
.header {
  position: static;
}

/* Header */
.header {
  background-color: white;
  /* border-top: 5px solid #344065; */
  border-bottom: 1px solid #344065;
}

.header > .container-fluid {
  margin: 0 auto;
  max-width: 1140px;
  padding: 0 15px;
}

/* Main Menu */
header nav {
  display: inline-block;
}

/* Social Media Bar */
ul.social-bar > li {
  display: inline-block;
}

ul.social-bar {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  position: relative;
  top: 5px;
}

#block-subscribe > .content {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  position: relative;
  top: 5px;
}

ul.social-bar > li.instagram > a {
  -webkit-mask-image: url("../../images/icon-instagram.svg");
}

ul.social-bar > li.facebook > a {
  -webkit-mask-image: url("../../images/icon-facebook.svg");
}

ul.social-bar > li.twitter > a {
  -webkit-mask-image: url("../../images/icon-twitter.svg");
}

ul.social-bar > li > a {
  background-color: #333333;
  color: #333;
  cursor: pointer;
  display: block;
  height: 22px;
  margin: 0 5px;
  -webkit-mask-size: 100%;
  -webkit-repeat: 100%;
  text-indent: 50px;
  overflow: hidden;
  width: 22px;
}

/* Search */
header .block-search input.form-submit {
  border-color: #333;
}

.header-inside-first,
.header-inside-second,
.header-inside-third {
  padding: 20px 0 20px 0;
  position: relative;
}
.three-columns .header-inside-second {
  text-align: center;
}
@media (max-width:991px) {
  .header-inside-first {
    padding-top: 15px;
    padding-bottom: 5px;
  }
  .header-inside-second,
  .header-inside-third {
    padding: 5px 0 15px;
  }
  .header-inside > .row > div:first-child .header-inside-second,
  .header-inside > .row > div:first-child .header-inside-third {
    padding-top: 10px;
  }
  .header-inside-second,
  .header-inside-first,
  .header-inside-third {
    text-align: center;
  }
}

/*Navigation Search*/
.region-search-area {
  position: relative;
}
@media (min-width:768px) {
  .search-area {
    width: 30px;
    float: right;
  }
  .main-navigation.with-search-bar {
    padding-right: 50px;
  }
}
@media (min-width:1200px) {
  .search-area {
    width: 60px;
  }
  .main-navigation.with-search-bar {
    padding-right: 60px;
  }
  .full-width .header-inside-third {
    position: relative;
  }
  .full-width .search-area {
    /* width: 190px; */
    position: absolute;
    right: -15px;
    top: 0px;
    padding-top: 32px;
    margin-top: 0;
    bottom: 0px;
    padding-right: 15px;
    padding-left: 15px;
    height: 100%;
    -webkit-transition: width ease-in-out 0.3s;
    -o-transition: width ease-in-out 0.3s;
    transition: width ease-in-out 0.3s;
  }
  .full-width .main-navigation.with-search-bar {
    /* padding-right: 190px; */
  }
  .full-width .search-area.opened,
  .wide .full-width .search-area.opened {
    width: 100%;
    background-color: #e8eff6;
    z-index: 499;
    padding-top: 20px;
  }
  .full-width .search-area.opened:before {
    background-color: transparent;
  }
}
@media (min-width:1440px) {
  body:not(.boxed) .full-width .search-area {
    width: 350px;
    /* padding-left: 30px; */
  }
  body:not(.boxed) .full-width .main-navigation.with-search-bar {
    /* padding-right: 350px; */
  }
  body:not(.boxed) .full-width .search-area:before {
    left: 15px;
  }
  .fixed-width .search-area .field--name-field-mt-markup-bottom,
  .fixed-width .search-area .field--name-field-mt-markup-top {
    display: none;
  }
  .full-width .search-area.opened .field--name-field-mt-markup-bottom,
  .full-width .search-area.opened .field--name-field-mt-markup-top {
    display: none;
  }
}
.content-top {
  padding: 75px 0 50px 0;
}
body:not(.path-frontpage) .main,
.sidebar,
.path-frontpage .region-content {
  /* padding: 80px 0 60px; */
}
.main-content,
body:not(.path-frontpage) .content-top.white-region + .main-content .main,
.content-top.white-region + .main-content .sidebar,
.path-frontpage .content-top.white-region + .main-content .region-content {
  padding-top: 25px;
}

.path-frontpage .main-content {
  padding-top: 0;
}

/* Underline */
p:not(.more-link) a:not(.button),
.bordered-link {
  border-bottom-color: #000080 !important;
}

@media (max-width:991px) {
  .sidebar {
    padding: 0 0 60px;
  }
}
.content-bottom {
  padding-bottom: 30px;
}
.content-bottom.colored-region {
  padding-top: 60px;
}
@media (min-width:992px) {
  .col-md-5 + .col-md-5 .content-bottom-second:before {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    left: -82.5px;
  }
  .colored-region .col-md-5 + .col-md-5 .content-bottom-second:before,
  .colored-region.dark .col-md-5 + .col-md-5 .content-bottom-second:before {
    background-color: rgba(255, 255, 255, 0.4);
  }
}
@media (min-width:1200px) {
  .col-md-5 + .col-md-5 .content-bottom-second:before {
    left: -98.5px;
  }
}
.featured-top {
  padding-bottom: 30px;
}
.featured {
  padding-bottom: 10px;
}
.featured-bottom {
  padding: 85px 0 80px 0;
}
.highlighted {
  padding-bottom: 25px;
  position: relative;
}
.highlighted-bottom {
  width: 100%;
  padding: 55px 0 20px;
  position: relative;
}
.highlighted-bottom.white-region {
  background-color: #ffffff;
}
.highlighted-bottom-inside {
  position: relative;
  z-index: 3;
}
@media (min-width:1200px) {
  .fix-sidebar-second {
    padding-left: 65px;
  }
  .fix-sidebar-first {
    padding-right: 65px;
  }
}

/*Breadcrumb*/
.block-system-breadcrumb-block {
  border-top: 1px solid;
}

/*Footer Layout*/
.footer-top {
  padding: 60px 0 55px;
}
@media (min-width:768px) {
  .footer-top.two-regions.bicolor {
    background: -moz-linear-gradient(left, #dee9f1 50%, #e7eff5 50%);
    background: -webkit-gradient(left, #dee9f1 50%, #e7eff5 50%);
    background: -webkit-linear-gradient(left, #dee9f1 50%, #e7eff5 50%);
    background: -o-linear-gradient(left, #dee9f1 50%, #e7eff5 50%);
    background: -ms-linear-gradient(left, #dee9f1 50%, #e7eff5 50%);
    background: linear-gradient(to left, #dee9f1 50%, #e7eff5 50%);
  }
  .two-regions.bicolor .footer-top-second {
    padding-left: 30px;
  }
  .two-regions.bicolor .footer-top-first {
    padding-right: 30px;
  }
}

.footer {
  background-color: #002A55;
  color: white;
  padding: 60px 0 25px;
}

.footer ul.social-bar > li > a {
  border: 2px solid #d13b3c
}

.footer .logo {
  max-width: 100%;
}

.footer ul.menu li a {
  color: white;
}

.footer h2 {
  margin-top: 0;
}

.footer p:not(.more-link) a:not(.button) {
  border-bottom: none;
  color: white;
}

.footer svg.mailto {
  fill: white;
}

.subfooter {
  padding: 0;
}

.subfooter > .container {
  margin: 0;
  padding: 0;
  width: 100%;
}

.subfooter > .container .col-md-6 {
  /* height: 250px;
  padding: 30px 15px;*/
  text-align: center;
  z-index: 2;
}

.subfooter > .container .col-md-6:first-of-type {
  background-color: #dcdee4;
}

.subfooter > .container .col-md-6:last-of-type {
  background-color: #cfd3da;
}

.subfooter > .subfooter-bg-right {
  background-color: #cfd3da;
}

.subfooter .subfooter-inside .col-md-6 .webform-submission-form {
  display: flex;
  justify-content: center;
}

.subfooter .subfooter-inside .col-md-6 .webform-submission-form > div {
  padding: 0 5px;
}

.subfooter .subfooter-inside .col-md-6 .webform-submission-form .form-email {
  background-color: white;
  color: #333333;
}

.subfooter .subfooter-inside .col-md-6 .webform-submission-form .webform-button--submit {
  background-color: #d13b3c;
  border: none;
  margin: 0;
}

.subfooter .subfooter-inside .col-md-6 .subscribe .subscribe-button--submit {
  background-color: #d13b3c;
  border: none;
  margin: 0;
}

.subfooter .subfooter-inside .col-md-6 .title {
  color: #333333;
  text-align: center;
  text-transform: uppercase;
}

.subfooter .subfooter-inside .col-md-6 ul.social-bar li {
  border: 2px solid #d13b3c;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin: 0 10px;
}

.subfooter .subfooter-inside .col-md-6 ul.social-bar a {
  margin: 7px;
}

.subfooter .subfooter-inside .col-md-6 ul.social-bar li a {
  background-color: #d13b3c;
}

/*Footer columns clear*/
@media (min-width:768px) {
  .footer > .container > .row > .col-sm-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width:992px) {
  .footer > .container > .row > .col-sm-6.col-md-3:nth-child(2n+1) {
    clear: none;
  }

  .subfooter {
    position: relative;
    padding: 50px 10px;
  }

  .subfooter > div:not(.container) {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
  }

  .subfooter > .subfooter-bg-left {
    background-color: #dcdee4;
    right: 50%;
    left: 0;
  }

  .subfooter > .subfooter-bg-right {
    background-color: #cfd3da;
    right: 0;
    left: 50%;
  }
}

/*Custom Grid*/
.grid-gutter-0 {
  margin-right: 0px;
  margin-left: 0px;
}
.grid-gutter-0 .col-lg-6,
.grid-gutter-0 .col-lg-4,
.grid-gutter-0 .col-lg-3,
.grid-gutter-0 .col-md-6,
.grid-gutter-0 .col-md-4,
.grid-gutter-0 .col-md-3,
.grid-gutter-0 .col-sm-6,
.grid-gutter-0 .col-sm-4,
.grid-gutter-0 .col-sm-3,
.grid-gutter-0 .col-xs-6,
.grid-gutter-0 .col-xs-4,
.grid-gutter-0 .col-xs-3 {
  padding-left: 0px;
  padding-right: 0px;
}
.grid-gutter-10 {
  margin-right: -10px;
  margin-left: -10px;
}
.grid-gutter-10 .col-lg-6,
.grid-gutter-10 .col-lg-4,
.grid-gutter-10 .col-lg-3,
.grid-gutter-10 .col-md-6,
.grid-gutter-10 .col-md-4,
.grid-gutter-10 .col-md-3,
.grid-gutter-10 .col-sm-6,
.grid-gutter-10 .col-sm-4,
.grid-gutter-10 .col-sm-3,
.grid-gutter-10 .col-xs-6,
.grid-gutter-10 .col-xs-4,
.grid-gutter-10 .col-xs-3 {
  padding-left: 10px;
  padding-right: 10px;
}

/*Regions*/
/*Colored Region*/
.colored-region {
  color: #ffffff;
}
.colored-region a {
  color: #ffffff;
  text-decoration: underline;
}
.colored-region a:hover {
  color: #ffffff;
  text-decoration: none;
}
[data-whatinput=keyboard] .colored-region a:focus {
  color: #ffffff !important;
}
.colored-region p:not(.more-link) a:not(.more),
.colored-region .bordered-link {
  border-bottom: 1px solid #1e2527;
  text-decoration: none;
  color: #ffffff;
}
.colored-region p:not(.more-link) a:not(.more):hover,
.colored-region .bordered-link:hover {
  text-decoration: none;
  background-color: rgba(30, 37, 39, 0.15);
  color: #ffffff;
}

/*dark region*/
.colored-region.dark p:not(.more-link) a:not(.more),
.colored-region.dark .bordered-link {
  border-bottom: 1px solid #fff;
  text-decoration: none;
  color: #ffffff;
}
.colored-region.dark p:not(.more-link) a:not(.more):hover,
.colored-region.dark .bordered-link:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

/*Footer Top*/
@media (max-width:767px) {
  .footer-top-area {
    text-align: center;
  }
}

/*Footer*/
@media (max-width:767px) {
  .footer-area {
    text-align: center;
  }
}

/*Subfooter*/
.subfooter-area {
  font-size: 0.75em;
}
@media (max-width:991px) {
  .subfooter-area {
    text-align: center;
  }
  .subfooter > .container .col-md-6 {
    padding: 30px 15px;
  }
}

/*Layout Mode*/
.boxed .banner-area {
  overflow: hidden;
}
@media (min-width:768px) {
  .boxed .page-container {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background-color: #fff;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    -moz-box-shadow: 0px 0px 50px #d7d7d7;
    -o-box-shadow: 0px 0px 50px #d7d7d7;
    -webkit-box-shadow: 0px 0px 50px #d7d7d7;
    box-shadow: 0px 0px 50px #d7d7d7;
  }
  .boxed .page-container {
    width: 750px;
  }
  .onscroll.boxed .page-container .header-container > .header {
    width: 748px;
  }
}
@media (min-width:992px) {
  .boxed .page-container {
    width: 970px;
  }
  .onscroll.boxed .page-container .header-container > .header {
    width: 968px;
  }
}
@media (min-width:1200px) {
  .boxed .page-container {
    width: 1170px;
  }
  .onscroll.boxed .page-container .header-container > .header {
    width: 1168px;
  }
}
.region-footer-copyright {
  background-color: #002A55;
  color: #ccc;
  text-align: center;
}

.region-footer-copyright .footer-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.region-footer-copyright .footer-menu {
  display: flex;
  gap: 0; 
}

.region-footer-copyright .footer-menu nav {
  display: flex;
}

.region-footer-copyright .footer-menu ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.region-footer-copyright .footer-menu li {
  margin: 0;
  position: relative;
  display: flex;
  align-items: center; 
}



.region-footer-copyright .footer-menu li:not(:last-child)::after {
  content: "|";
  margin: 0 2px;
  color: #ccc;
}

.region-footer-copyright .footer-menu a {
  color: #ccc;
  text-decoration: none;
}

.region-footer-copyright .footer-menu a:hover {
  color: #fff;
}

.region-footer-copyright .footer-content span {
  margin-right: 10px;
}

.region-footer-copyright ul.menu li a {
  padding-left: 2px;

}



