/* footer
 -----------------------------------------------------*/
 .page-footer {
  background: #ebaf3e;
  padding: 2rem 0px 1.5rem;
}
.page-footer .fl-left {
  width: 61%;
}
.page-footer .fl-right {
  width: 36%;
}
.page-footer .top-ct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-footer .top-ct h4.caption {
  font-size: 2vw;
  font-weight: 500;
}
.page-footer .top-ct .fl-left .text .md-row {
  margin: 0 0 1rem;
}
.page-footer .top-ct .fl-left .text .md-row .flex-ct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-footer .top-ct .fl-left strong {
  display: block;
  font-family: "SVN-Gotham";
}
.page-footer .bottom-ct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-footer .bottom-ct strong {
  font-size: -webkit-calc(1vw + 2px);
  font-size: calc(1vw + 2px);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .page-footer {
    font-size: -webkit-calc(1.7vw + 2px);
    font-size: calc(1.7vw + 2px);
  }
  .page-footer .fl-left {
    width: 52%;
  }
  .page-footer .fl-right {
    width: 43%;
  }
  .page-footer .top-ct h4.caption {
    font-size: -webkit-calc(3.6vw + 1px);
    font-size: calc(3.6vw + 1px);
    line-height: 1.1em;
  }
  .page-footer .top-ct .fl-left .text .md-row {
    margin: 0 0 0.5rem;
  }
  .page-footer .top-ct .fl-left .text .md-row .flex-ct {
    display: inline-block;
  }
  .page-footer .top-ct .fl-left .text .md-row .flex-ct .item {
    display: inline-block;
    float: left;
    margin-right: 2vw;
  }
  .page-footer .top-ct .fl-left .text .md-row p {
    line-height: 1.3em;
  }
  .page-footer .bottom-ct {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row-reverse nowrap;
        -ms-flex-flow: row-reverse nowrap;
            flex-flow: row-reverse nowrap;
  }
  .page-footer .bottom-ct .fl-left {
    width: 41%;
  }
  .page-footer .bottom-ct .fl-right {
    width: 54%;
  }
  .page-footer .bottom-ct strong {
    font-size: 400;
    font-size: -webkit-calc(1.8vw + 3px);
    font-size: calc(1.8vw + 3px);
  }
}
.color-yellow {
  color: #f7ba45;
}
.md-social {
  display: inline-block;
}
.md-social ul {
  width: 10vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.md-social ul li {
  list-style: none;
}
.md-social ul li a img {
  width: 100%;
}
.md-social ul li.fb {
  width: 1.2vw;
}
.md-social ul li.instagram {
  width: 2.3vw;
}
.md-social ul li.yt {
  width: 3vw;
}
.md-social ul li:hover {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
       -o-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media screen and (max-width: 768px) {
  .md-social ul {
    width: 25vw;
  }
  .md-social ul li.fb {
    width: 3.4vw;
  }
  .md-social ul li.instagram {
    width: 5.7vw;
  }
  .md-social ul li.yt {
    width: 7.2vw;
  }
  .md-social ul li:hover {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
}
.md-terms {
    font-size: calc(0.7vw + 5px);
    margin-top: 10px;
    a {
        color: #000;
        line-height: 1.5;
    }
    a:hover {
        color: #FFF;
    }
}
@media screen and (max-width: 768px) {
    .md-terms {
        font-size: calc(1.7vw + 2px);
    }
}