.news {
  width: 100%;
  background-image: url("./src/images/mid.png");
  background-repeat: repeat-y;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* stylelint-disable */
  /* stylelint-enable */
}

.news * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.news p {
  padding: 0 !important;
}

.news a {
  text-decoration: none;
}

.news__list {
  padding: 0 30px;
}

.news__list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0 40px;
  border-bottom: 2px solid #b3b3b3;
}

.news__date-container {
  width: 15%;
  margin-right: 45px;
}

.news__desc-container {
  width: auto;
}

.news__navigation,
.news .wp-pagenavi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

.news__navigation-item,
.news .page {
  width: 45px;
  height: 45px;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}

.news__navigation-item.active,
.news__navigation-item:hover,
.news .page.active,
.news .page:hover {
  background-color: #02a398;
  border: 1px solid #999;
}

.news__navigation-item.active span,
.news__navigation-item:hover span,
.news .page.active span,
.news .page:hover span {
  color: #fff;
}

.news__navigation-item.prev,
.news__navigation-item.next,
.news__navigation-item.previouspostslink .news__navigation-item.nextpostslink,
.news .page.prev,
.news .page.next,
.news .page.previouspostslink .news__navigation-item.nextpostslink,
.news__navigation-item.previouspostslink .news .page.nextpostslink,
.news .page.previouspostslink .news .page.nextpostslink {
  position: relative;
}

.news__navigation-item.prev:hover,
.news__navigation-item.next:hover,
.news__navigation-item.previouspostslink .news__navigation-item.nextpostslink:hover,
.news .page.prev:hover,
.news .page.next:hover,
.news .page.previouspostslink .news__navigation-item.nextpostslink:hover,
.news__navigation-item.previouspostslink .news .page.nextpostslink:hover,
.news .page.previouspostslink .news .page.nextpostslink:hover {
  background-color: #fff;
  border: 0;
}

.news .previouspostslink,
.news .nextpostslink {
  position: relative;
  font-size: 0;
  border: 0;
  margin: 0;
  padding: 0;
}

.news .previouspostslink:hover,
.news .nextpostslink:hover {
  background-color: #fff;
  border: 0;
}

.news .previouspostslink {
  width: 45px;
  height: 45px;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}

.news .previouspostslink::before {
  content: url("./src/images/arrow-left.png");
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -30%);
  -ms-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%);
  width: 100%;
  height: 100%;
}

.news .nextpostslink {
  width: 45px;
  height: 45px;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}

.news .nextpostslink::before {
  content: url("./src/images/arrow-right.png");
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -30%);
  -ms-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%);
  width: 100%;
  height: 100%;
}

.news__content {
  padding: 0 25px;
}

.news__details-container p {
  margin: 20px 0;
}

.news__image-container {
  width: 100%;
  height: 700px;
}

.news__image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.news--news-desc .news__date-container {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 2px solid #b3b3b3;
}

.news--news-desc .news__date {
  margin-bottom: 10px;
}

.news--news-desc .news__navigation {
  margin-top: 60px;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.news--news-desc .news__navigation-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.news--news-desc .news__navigation-item:hover span {
  color: #000;
}

.news--news-desc .news__confirm {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.news--news-desc .news__button {
  width: 290px;
  height: 67px;
  border: 0;
  outline: 0;
  border-radius: 33.5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac9ba), color-stop(58%, #8ac9ba), color-stop(96%, #028279));
  background: -o-linear-gradient(top, #8ac9ba 0%, #8ac9ba 58%, #028279 96%);
  background: linear-gradient(180deg, #8ac9ba 0%, #8ac9ba 58%, #028279 96%);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contact {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background-image: url("./src/images/mid.png");
  background-repeat: repeat-y;
  /* stylelint-disable */
  /* stylelint-enable */
}

.contact * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.contact p {
  font-size: 16px;
  padding: 0 !important;
}

.contact__content {
  padding: 0 25px;
}

.contact__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px;
}

.contact__header h3 {
  color: #00a498 !important;
  font-size: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-right: 30px !important;
  width: 47%;
  background: none !important;
  line-height: initial !important;
}

.contact__form-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 60px;
}

.contact__label-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.contact__label {
  position: relative;
  margin-right: 25px;
  font-size: 20px;
}

.contact__label::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20px;
  height: 1px;
  background-color: #999;
}

.contact__label-require {
  color: #fff;
  width: 50px;
  height: 35px;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #02a398;
}

.contact__input-container input {
  width: 400px;
  height: 40px;
  padding: 10px;
  font-size: 16px;
  border: 2px solid #999;
  border-radius: 0;
}

.contact__input-container.postal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.contact__input-container.postal input {
  width: 200px;
  margin-right: 20px;
}

.contact__input-container.postal button {
  width: 137px;
  height: 41px;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
  outline: 0;
  border-radius: 20.5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac9ba), color-stop(58%, #8ac9ba), color-stop(96%, #028279));
  background: -o-linear-gradient(top, #8ac9ba 0%, #8ac9ba 58%, #028279 96%);
  background: linear-gradient(180deg, #8ac9ba 0%, #8ac9ba 58%, #028279 96%);
}

.contact__input-container.postal button:hover {
  opacity: 0.7;
}

.contact__input-container select {
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(58%, #cccccc), color-stop(96%, #999999));
  background: -o-linear-gradient(top, #e6e6e6 0%, #cccccc 58%, #999999 96%);
  background: linear-gradient(180deg, #e6e6e6 0%, #cccccc 58%, #999999 96%);
  border-radius: 10px;
  border: 0;
  padding: 10px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: '';
  text-overflow: '';
  font-size: 16px;
}

.contact__input-container select::-ms-expand {
  display: none;
}

.contact__input-container textarea {
  width: 100%;
  height: 290px;
  padding: 10px;
  outline: 0;
  font-size: 16px;
}

.contact__select {
  width: 200px;
  height: 40px;
  position: relative;
}

.contact__select::after {
  content: '';
  position: absolute;
  right: 10px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #999;
}

.contact__button-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contact__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contact__button input[type='submit'],
.contact__button button,
.contact__button a {
  text-decoration: none;
  width: 290px;
  height: 65px;
  cursor: pointer;
  border-radius: 33.5px;
  border: 0;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac9ba), color-stop(58%, #8ac9ba), color-stop(96%, #028279));
  background: -o-linear-gradient(top, #8ac9ba 0%, #8ac9ba 58%, #028279 96%);
  background: linear-gradient(180deg, #8ac9ba 0%, #8ac9ba 58%, #028279 96%);
}

.contact--confirm .contact__input-container {
  padding-left: 20px;
}

.contact--confirm .contact__button button {
  margin-left: 30px;
}

.contact--complete .contact__header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.contact--complete .contact__header h3 {
  margin: 0 0 30px !important;
  text-align: center !important;
}

.contact--complete .contact__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contact--complete .contact__button a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}


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