@charset "UTF-8";
.img-w-100 {
  width: 100% !important;
}

.p-0 {
  padding: 0 !important;
}

.p-20 {
  padding: 20px !important;
}

.pointer {
  cursor: pointer;
}

.h-100 {
  height: 100%;
}

.menu:hover .submenu {
  display: block;
}

.menu .submenu {
  width: 220px;
  border: 1px solid #ddd;
  margin-top: 0;
  text-align: left;
  display: none;
  position: absolute;
  left: 0;
  background-color: #f9f9f9;
  min-width: 170px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 9999;
  list-style-type: none;
}

.menu {
  position: relative;
}

.menu .submenu li {
  padding: 5px 0;
}

.menu .submenu li:hover {
  background-color: #05558a;
  color: #fff;
}

.slideshow-home .item {
  position: relative;
}
.slideshow-home .item .text_slideshow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.slideshow-home .item .titie_slideshow {
  color: #fff;
  font-size: 5vw;
  font-weight: 700;
  line-height: 1;
}
.slideshow-home .item .des_slideshow {
  color: #fff;
  font-size: 3vw;
  line-height: 1;
}

a {
  text-decoration: none !important;
  cursor: pointer !important;
}
a:hover {
  text-decoration: none !important;
}

.btn {
  text-decoration: none !important;
}
.btn:hover {
  text-decoration: none !important;
}

.active_category {
  color: #000 !important;
}

.box_content .box_content_2 {
  display: none;
}
.box_content .box_content_2.box_show {
  display: block;
}
.box_content .load_more {
  text-decoration: none;
  cursor: pointer;
}

#content a {
  text-decoration: none;
  cursor: pointer;
}
#content .blog-post .btn-downloadfile .btn {
  border: 1px solid #000;
  border-radius: 50px;
  background-color: #fff;
}
#content .blog-post .btn-downloadfile .btn:hover {
  background-color: #ccc;
}
#content .blog-post .shareBox a {
  margin-right: 10px;
}
#content .blog-post .shareBox a:focus {
  outline: none;
}
#content .blog-post #pic a {
  padding: 0 4px;
}
#content .blog-post #pic a img {
  margin-bottom: 15px;
}

.activity_home a {
  color: #fff;
}
.activity_home a:hover {
  color: #ccc;
}

.bar_from {
  background: rgb(9, 48, 79);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(9, 48, 79)), color-stop(100%, rgb(12, 93, 148)));
  background: linear-gradient(to right, rgb(9, 48, 79) 0%, rgb(12, 93, 148) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#09304f", endColorstr="#0c5d94", GradientType=1 );
}
.bar_from .step a .title {
  color: #577c97;
}
.bar_from .step a .img.inactive {
  opacity: 0.4;
}
.bar_from .step a .title.active {
  color: #fff;
}
.bar_from .step a .img.active {
  opacity: 1;
}
.bar_from .step a:hover .title {
  color: #fff;
}
.bar_from .step a:hover .img.inactive {
  opacity: 1;
}

.from_title {
  color: #002f55;
}

.bg-form label {
  color: #56868b !important;
}

.navbar-brand {
  padding: 15px 0;
  height: 100% !important;
}

.location_address_desktop {
  position: absolute;
  z-index: 10;
  top: 15%;
  left: 10%;
  padding: 25px;
  background: #01558b;
  color: #fff;
  display: block;
}
.location_address_desktop p {
  color: #fff;
}
.location_address_desktop p a {
  color: #fff;
}
.location_address_desktop p a:hover {
  color: #ccc;
}

.location_address_mobile {
  background: #01558b;
  display: none;
}
.location_address_mobile p {
  color: #fff;
}
.location_address_mobile p a {
  color: #fff;
}
.location_address_mobile p a:hover {
  color: #ccc;
}

.activity_home_desktop {
  display: block;
}

.activity_home_mobile {
  display: none;
}

.register_event {
  padding: 15px 0;
  text-align: center;
}

#hightlight .image_box {
  padding: 0;
}
#hightlight .text_box {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-direction: column;
}
#hightlight .hightlight_desktop {
  display: block;
}
#hightlight .hightlight_mobile {
  display: none;
}

.policy_footer {
  color: rgba(255, 255, 255, 0.5490196078);
  margin: 20px 0 5px;
}
.policy_footer:hover {
  color: #fff;
}

#policy_bar a {
  padding: 20px 25px 15px;
}
#policy_bar a:hover {
  background-color: #069;
  color: #fff;
}
#policy_bar .active {
  background-color: #069;
  color: #fff;
}

.nav-mobile {
  display: none;
}

.bg-bar {
  position: absolute !important;
  width: 100%;
  bottom: 0;
  z-index: 888;
}

.regular-checkbox {
  display: none;
}

.regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.regular-checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #99a1a7;
}

.regular-checkbox:checked + label:after {
  content: "✔";
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #99a1a7;
}

.big-checkbox + label {
  padding: 18px;
}

.big-checkbox:checked + label:after {
  font-size: 28px;
  left: 6px;
}

@media (max-width: 991px) {
  .nav-mobile {
    display: block;
  }
  #keyvisual {
    margin-top: 92px;
  }
  .box_content .box_content_2 .titlebox {
    padding: 15px;
  }
  .location_address_desktop {
    display: none;
  }
  .location_address_mobile {
    display: block;
  }
  .activity_home_desktop {
    display: none;
  }
  .activity_home_mobile {
    display: block;
  }
  #hightlight .text_box .title {
    font-size: 18px;
  }
  #hightlight .text_box .dec {
    font-size: 16px;
  }
  #hightlight .hightlight_desktop {
    display: none;
  }
  #hightlight .hightlight_mobile {
    display: block;
  }
}
@media (max-width: 575px) {
  footer .logo_footer {
    width: 100%;
  }
  .w-auto {
    width: 100% !important;
  }
}/*# sourceMappingURL=style.css.map */


/*----- 
    [Card]
------*/

.card {
  margin-bottom: 30px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.card .card-header {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
}

.card .card-header .card-title {
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 500;
  color: #242437;
  float: left;
}

.card .card-body {
  padding: 20px;
}

.card .card-body div.card-title {
  font-size: 15px;
  font-weight: 500;
}

.card .card-body .card-title {
  margin-bottom: 10px;
  color: #242437;
}

.card .card-body .card-subtitle {
  margin-top: -5px;
  margin-bottom: 10px;
  color: #91969a;
}

.card .card-body .navigation {
  padding: 0px;
}

.card .card-body .navigation--minimized .navigation {
  padding: 10px;
}

.card .card-body .card-inner-container {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px dashed rgba(0, 0, 0, 0.1);
  background:#215d8e;
  cursor:pointer;
}

.card .card-body .card-inner-container--light {
  background: #FFF;
}

.card .card-footer {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
}

.card>.table {
  margin-bottom: 0px;
}

.card .card-container {
  position: absolute;
  right: 20px;
  top: 25px;
  z-index: 1;
}

.card.card-inner-container--up {
  margin-top: 40px;
}

.card.card-inner-container--up .card-inner-container {
  position: absolute;
  top: -40px;
  width: calc(100% - 40px);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.card.card-inner-container--up .card-body {
  padding-top: 60px;
}

.card.card-inner-container--up .card-container {
  right: 40px;
  top: -15px;
}

.card--expanded {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 998;
  width: 100%;
  height: 100%;
  border: 0px;
}

.card--expanded .card-body {
  flex: 0;
}

.card--expanded.card-inner-container--up {
  margin-top: 0px;
}

.card--expanded.card-inner-container--up .card-body {
  padding-top: 20px;
}

.card--expanded.card-inner-container--up .card-inner-container {
  width: 100%;
  margin-top: 0px;
  position: relative;
  top: 0px;
  margin-bottom: 30px;
}

.card--expanded.card-inner-container--up .card-container {
  top: 45px;
}

.card-img-overlay {
  padding: 15px;
}

.card-group,
.card-deck {
  margin-bottom: 30px;
}

.card-group .card {
  box-shadow: none;
}



/*-----

    [User]
    
    User box with image and text iformation

    + .user                 - wrapper
        & .user--lg         - [modify] large user box
        & .user--xlg        - [modify] extra large user box
        & .user--huge       - [modify] huge user box
        & .user--bordered   - [modify] bordered image
        & .user--rounded    - [modify] rounded image
        & .user--centred    - [modify] centralized elements
        & .user--controls   - [modify] allows to use controls

        + .user__name       - name container
        + .user__button     - button container
    
    .user-group             - container for user boxes    
-----*/

.user {
  /*-----
      [.user__name name container]
  -----*/
  /*-----
      [.user__button button container]
  -----*/
  /*-----
      [.user--lg large user box]
  -----*/
  /*-----
      [.user--xlg extra large user box]
  -----*/
  /*-----
      [.user--huge huge user box]
  -----*/
  /*-----
      [.user--bordered bordered user image]
  -----*/
  /*-----
      [.user--rounded rounded user image]
  -----*/
  /*-----
      [.user--centred centralized elements]
  -----*/
  /*-----
      [.user--controls allows you to use controls]
  -----*/
}

.user:after {
  content: "";
  display: table;
  clear: both;
}

.user>img {
  width: 20px;
  height: 20px;
  float: left;
}

.user>img+.user__name {
  padding-left: 30px;
}

.user>.user__name {
  white-space: nowrap;
}

.user>.user__name strong {
  font-weight: 500;
}

.user>.user__name a {
  color: #323c47;
  text-decoration: none;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.user>.user__name a:hover {
  color: #272f38;
}

.user>.user__button {
  width: 20px;
  height: 20px;
  float: left;
  border: 1px dashed #d7dde3;
  line-height: 20px;
  text-align: center;
  color: #323c47;
  font-size: 10px;
  background: #FFF;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.user>.user__button:hover {
  background: #fafafa;
  color: #272f38;
}

.user>.user__button+.user__title {
  padding-left: 30px;
}

.user.user--lg>img {
  width: 40px;
  height: 40px;
}

.user.user--lg>img+.user__name {
  padding-left: 50px;
  font-size: 18px;
}

.user.user--lg>.user__button {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

.user.user--lg>.user__button+.user__title {
  padding-top: 10px;
  padding-left: 50px;
}

.user.user--xlg>img {
  width: 60px;
  height: 60px;
}

.user.user--xlg>img+.user__name {
  padding-left: 75px;
}

.user.user--xlg>.user__button {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
}

.user.user--xlg>.user__button+.user__title {
  padding-top: 20px;
  padding-left: 70px;
}

.user.user--huge>img {
  width: 80px;
  height: 80px;
}

.user.user--huge>img+.user__name {
  padding-left: 95px;
}

.user.user--huge>.user__button {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 28px;
}

.user.user--huge>.user__button+.user__title {
  padding-left: 90px;
}

.user.user--bordered>img {
  box-shadow: 0px 0px 0px 2px #d7dde3;
}

.user.user--rounded>img {
  border-radius: 50%;
}

.user.user--rounded>.user__button {
  border-radius: 50%;
}

.user.user--centred {
  text-align: center;
}

.user.user--centred>img {
  float: none;
  margin-bottom: 10px;
}

.user.user--centred>img+.user__name {
  padding-left: 0px;
}

.user.user--controls .user__name {
  padding-right: 30px;
  position: relative;
}

.user.user--controls .user__name .user__controls {
  position: absolute;
  right: 0px;
  top: 5px;
}


/*-----
  [User group]

  .user-group - container for list of user boxes
-----*/

.user-group:after {
  content: "";
  display: table;
  clear: both;
}

.user-group .user {
  float: left;
  margin-left: -5px;
}

.user-group .user--lg {
  margin-left: -15px;
}

.user-group .user--xlg {
  margin-left: -25px;
}

.user-group .user--huge {
  margin-left: -45px;
}

.user-group .user:first-child {
  margin-left: 0px;
}

.user-group--bordered .user img {
  box-shadow: 0px 0px 0px 2px #FFF;
}


/*-----
  [Table fix for user container]
-----*/

.table .user--lg {
  height: 40px;
}