@charset "utf-8";
.footer {
  width: 100%;
  background-image: url(/templates/jandm/images/footer.jpg);
  background-size: cover;
  background-position: center;
  height: 15vw;
  border-top: 10px solid #333;
  position: relative; }
  @media (max-width: 768px) {
  .footer {
    margin-bottom: 130px;
    border-top: 5px solid #333; } }
  .footer .custom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px 25px 10px;
    background: #fff;
    color: #222; }
    @media (max-width: 768px) {
  .footer .custom {
    height: 80px;
    bottom: -130px;
    padding: 10px 0 40px;
    width: 100%;
    left: 0;
    transform: none; } }
  .footer p {
    letter-spacing: 1px;
    font-size: 10px;
    color: #222;
    line-height: 1;
    margin: 10px 0; }
    .footer p:first-child {
      font-size: 14px;
      letter-spacing: 2px; }
    .footer p a {
      color: inherit;
      text-decoration: none; }

.backtop {
  position: fixed;
  right: 5vw;
  bottom: -60px;
  transition: 0.5s;
  z-index: 1499; }
  @media (max-width: 768px) {
  .backtop {
    right: 50%;
    transform: translateX(50%); } }
  .backtop i {
    cursor: pointer;
    width: 50px;
    background: rgba(51, 51, 51, 0.9);
    line-height: 50px;
    color: #fff;
    transition: 0.3s;
    border-radius: 100px; }
    @media (max-width: 768px) {
  .backtop i {
    border-radius: 0;
    line-height: 35px;
    width: 40px; } }
    .backtop i:hover {
      transform: translateY(-3px); }

.scroll .backtop {
  bottom: 7vh; }
  @media (max-width: 768px) {
  .scroll .backtop {
    bottom: 0; } }