.wc_auto {
  width: 1170px;
  margin: 0 auto;
  max-width: 100%;
}

.footer_wrapper {
  font-size: 19px;
}
.footer_wrapper .footer_wrap {
  font-family: "Montserrat", sans-serif;
  padding: 2em 0 3em 0;
}
.footer_wrapper .footer_wrap > ul {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #18446b;
  display: flex;
  align-items: flex-start;
  list-style: none;
}
.footer_wrapper .footer_wrap > ul > li {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1em 1em;
}
.footer_wrapper .footer_wrap > ul > li:first-child {
  padding-left: 0;
  align-self: center;
}
.footer_wrapper .footer_wrap > ul > li:first-child img {
  width: 230px;
}
.footer_wrapper .footer_wrap > ul > li h4 {
  width: 100%;
  text-align: center;
}
.footer_wrapper .footer_wrap > ul > li h4 span {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  color: #18446b;
  margin-bottom: 0.7em;
  font-weight: 600;
  font-size: 0.9em;
}
.footer_wrapper .footer_wrap > ul > li h4 span:after {
  content: "";
  display: block;
  top: 100%;
  margin-top: 5px;
  border-top: 3px solid #f1bc30;
  width: 40px;
  left: auto;
  right: auto;
}
.footer_wrapper .footer_wrap > ul > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 100%;
}
.footer_wrapper .footer_wrap > ul > li > ul > li {
  display: flex;
  width: 100%;
}
.footer_wrapper .footer_wrap > ul > li > ul > li div {
  width: 100%;
}
.footer_wrapper .footer_wrap > ul > li > ul > li ul {
  margin: 0;
  padding: 0;
  width: auto;
  list-style: none;
}
.footer_wrapper .footer_wrap > ul > li > ul > li ul li {
  width: 100%;
  margin: 0 1em;
}
.footer_wrapper .footer_wrap > ul > li > ul > li a {
  color: #18446b;
  text-decoration: none;
  font-size: 0.6em;
  line-height: 2em;
  white-space: nowrap;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}
.footer_wrapper .footer_wrap > ul > li > ul > li .bigt a {
  font-size: 0.8em;
  line-height: 2em;
  font-weight: 600;
}

.copyright_wrapper {
  font-size: 19px;
  background-color: #18446b;
}
.copyright_wrapper .copyright_wrap {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 0.8em;
}
.copyright_wrapper .copyright_wrap > ul {
  display: flex;
  list-style: none;
  width: 100%;
  justify-content: space-between;
  padding: 0;
}
.copyright_wrapper .copyright_wrap > ul > li {
  display: flex;
  align-items: center;
  padding: 1em;
  justify-content: space-between;
  width: auto;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-align: center;
}
.copyright_wrapper .copyright_wrap > ul > li p {
  width: 100%;
  padding: 10px 0 0 0;
  margin: 0;
}
.copyright_wrapper .copyright_wrap > ul > li > div {
  margin: 0 0 0 auto;
}
.copyright_wrapper .copyright_wrap > ul > li > div > ul {
  display: flex;
  list-style: none;
  width: auto;
  margin: auto 0 0 auto;
  padding: 0;
}
.copyright_wrapper .copyright_wrap > ul > li > div > ul > li {
  margin: 0.3em;
}
.copyright_wrapper .copyright_wrap > ul > li > div > ul > li.social_icon a {
  background: url(images/footer/social_icon_01.svg) no-repeat left top;
  display: flex;
  width: 2.5em;
  height: 2.5em;
  background-size: 100%;
  color: transparent !important;
  text-decoration: none !important;
}
.copyright_wrapper .copyright_wrap > ul > li > div > ul > li.social_icon_01 a {
  background-image: url(images/footer/social_icon_01.svg);
}
.copyright_wrapper .copyright_wrap > ul > li > div > ul > li.social_icon_02 a {
  background-image: url(images/footer/social_icon_02.svg);
}
.copyright_wrapper .copyright_wrap > ul > li > div > ul > li.social_icon_03 a {
  background-image: url(images/footer/social_icon_03.svg);
}
.copyright_wrapper .copyright_wrap > ul > li > div > ul > li.social_icon_04 a {
  background-image: url(images/footer/social_icon_04.svg);
}
.copyright_wrapper .copyright_wrap > ul > li > div > ul > li.social_icon_05 a {
  background-image: url(images/footer/social_icon_05.svg);
}

@media all and (max-width: 1000px) {
  .footer_wrapper .footer_wrap > ul,
.copyright_wrapper .copyright_wrap > ul {
    flex-wrap: wrap;
  }

  .footer_wrapper .footer_wrap > ul > li > ul > li ul {
    width: 100%;
  }
}
@media all and (max-width: 500px) {
  .footer_wrapper .footer_wrap > ul,
.copyright_wrapper .copyright_wrap > ul {
    flex-direction: column;
  }

  .footer_wrapper .footer_wrap > ul > li > ul > li {
    flex-direction: column;
  }

  .copyright_wrapper .copyright_wrap > ul > li > div {
    margin: 0 auto;
  }
}

/*# sourceMappingURL=footer.css.map */