body.page-template-home3 {
  background: #000;
  overflow: hidden;
}

.page-template-home3 #masthead .main-menu {
  visibility: hidden;
}

.page-template-home3 .site-footer {
  position: fixed;
}

svg {
  width: 100%;
  object-fit: contain;
}

#main-home-fixed {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

#main-home-fixed .fixed-back {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#main-home-fixed .fixed-back > img {
  object-fit: cover;
}

#main-home-fixed .fixed-logo-gif {
  position: absolute;
  z-index: 2;
  mix-blend-mode: multiply;
}

#main-home-fixed .fixed-logo-gif-img {
  mix-blend-mode: plus-lighter;
  position: absolute;
  transform: translateY(-65px);
  width: 375px;
}

#main-home-fixed .fixed-logo-gif-img-svg {
  mix-blend-mode: lighten;
}

#main-home-fixed .fixed-shape {
  position: absolute;
  z-index: 3;
  text-align: center;
  cursor: pointer;
}

#main-home-fixed .fixed-shape a {
  text-transform: lowercase;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  font-size: 14px;
  position: relative;
  overflow: hidden;
}

#main-home-fixed .fixed-shape a span {
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
}

#main-home-fixed .fixed-shape a span:nth-child(1) {
  color: #fff;
  position: relative;
  top: 0;
}

#main-home-fixed .fixed-shape a span:nth-child(2) {
  color: #02CD34;
  position: absolute;
  top: 21px;
}

#main-home-fixed .fixed-shape a:nth-child(2) {
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

#main-home-fixed .fixed-shape:hover a span {
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
}

#main-home-fixed .fixed-shape:hover a span:nth-child(1) {
  position: absolute;
  top: -21px;
}

#main-home-fixed .fixed-shape:hover a span:nth-child(2) {
  position: relative;
  top: 0;
}

#main-home-fixed .fixed-shape.fixed-contact {
  top: 15%;
  right: calc(39% - 11px);
  width: 105px;
  height: 105px;
}

#main-home-fixed .fixed-shape.fixed-stockist {
  top: 32%;
  left: 18%;
  width: 136px;
  height: 136px;
}

#main-home-fixed .fixed-shape.fixed-shop {
  top: 43%;
  right: calc(28% - 8px);
  width: 125px;
  height: 125px;
}

#main-home-fixed .fixed-shape.fixed-atelier {
  top: 50%;
  right: calc(15% - 7px);
  width: 170px;
  height: 170px;
}

#main-home-fixed .fixed-shape.fixed-collection {
  top: 66%;
  left: 13%;
  width: 200px;
  height: 200px;
}

a.fixed-href {
  text-transform: lowercase;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

a.fixed-href text {
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  font-size: 14px;
}

a.fixed-href text:nth-child(1) {
  fill: #fff;
  transform: translateY(0);
  opacity: 1;
}

a.fixed-href text:nth-child(2) {
  fill: #02CD34;
  transform: translateY(14px);
  opacity: 0;
}

a.fixed-href:hover text {
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
}

a.fixed-href:hover text:nth-child(1) {
  transform: translateY(14px);
  opacity: 0;
}

a.fixed-href:hover text:nth-child(2) {
  transform: translateY(0);
  opacity: 1;
}

@media only screen and (max-width: 1792px) and (max-height: 1120px) {
  #main-home-fixed .fixed-shape.fixed-contact {
    top: 21%;
    right: calc(39% - 14px);
    width: 105px;
    height: 105px;
  }
  #main-home-fixed .fixed-shape.fixed-stockist {
    top: 35%;
    left: calc(18% - 3px);
    width: 136px;
    height: 136px;
  }
  #main-home-fixed .fixed-shape.fixed-shop {
    top: calc(43% + 5px);
    right: calc(28% - 11px);
    width: 125px;
    height: 125px;
  }
  #main-home-fixed .fixed-shape.fixed-atelier {
    top: calc(50% - 4px);
    right: calc(15% - 11px);
    width: 170px;
    height: 170px;
  }
  #main-home-fixed .fixed-shape.fixed-collection {
    top: 63%;
    left: calc(13% - 6px);
    width: 200px;
    height: 200px;
  }
}

@media only screen and (max-width: 1720px) and (max-height: 984px) {
  #main-home-fixed .fixed-shape.fixed-contact {
    top: 19%;
    right: calc(39% - 17px);
    width: 105px;
    height: 105px;
  }
  #main-home-fixed .fixed-shape.fixed-stockist {
    top: 34%;
    left: calc(18% - 4px);
    width: 136px;
    height: 136px;
  }
  #main-home-fixed .fixed-shape.fixed-shop {
    top: calc(43% + 4px);
    right: calc(28% - 12px);
    width: 125px;
    height: 125px;
  }
  #main-home-fixed .fixed-shape.fixed-atelier {
    top: calc(50% - 4px);
    right: calc(15% - 15px);
    width: 170px;
    height: 170px;
  }
  #main-home-fixed .fixed-shape.fixed-collection {
    top: 64%;
    left: calc(13% - 8px);
    width: 200px;
    height: 200px;
  }
}

@media only screen and (max-width: 1440px) {
  a.fixed-href text {
    font-size: 16px;
  }
  #main-home-fixed .fixed-logo-gif-img {
    transform: translateY(-40px);
    width: 280px;
  }
  #main-home-fixed .fixed-shape.fixed-contact {
    top: 21%;
    right: calc(38% - 6px);
    width: 105px;
    height: 105px;
  }
  #main-home-fixed .fixed-shape.fixed-stockist {
    top: 35%;
    left: 17%;
    width: 136px;
    height: 136px;
  }
  #main-home-fixed .fixed-shape.fixed-shop {
    top: 43%;
    right: calc(27% - 8px);
    width: 125px;
    height: 125px;
  }
  #main-home-fixed .fixed-shape.fixed-atelier {
    top: 49%;
    right: calc(14% - 10px);
    width: 170px;
    height: 170px;
  }
  #main-home-fixed .fixed-shape.fixed-collection {
    top: 62%;
    left: 11%;
    width: 200px;
    height: 200px;
  }
}

@media only screen and (max-width: 1366px) {
  #main-home-fixed .fixed-shape.fixed-contact {
    top: 18%;
    right: calc(38% - 8px);
    width: 105px;
    height: 105px;
  }
  #main-home-fixed .fixed-shape.fixed-stockist {
    top: calc(33% + 3px);
    left: calc(17% - 5px);
    width: 136px;
    height: 136px;
  }
  #main-home-fixed .fixed-shape.fixed-shop {
    top: calc(43% - 4px);
    right: calc(27% - 10px);
    width: 125px;
    height: 125px;
  }
  #main-home-fixed .fixed-shape.fixed-atelier {
    top: 49%;
    right: calc(14% - 15px);
    width: 170px;
    height: 170px;
  }
  #main-home-fixed .fixed-shape.fixed-collection {
    top: calc(63% + 5px);
    left: calc(11% - 2px);
    width: 200px;
    height: 200px;
  }
}

@media only screen and (max-width: 1024px) {
  #main-home-fixed .fixed-logo-gif-img {
    transform: translateY(-28px);
    width: 200px;
  }
  #main-home-fixed .fixed-shape.fixed-contact {
    top: 25%;
    right: calc(38% - 18px);
    width: 105px;
    height: 105px;
  }
  #main-home-fixed .fixed-shape.fixed-shop {
    top: calc(45% - 8px);
    right: calc(27% - 10px);
    width: 100px;
    height: 100px;
  }
  #main-home-fixed .fixed-shape.fixed-stockist {
    top: calc(36% + 3px);
    left: calc(17% - 2px);
    width: 95px;
    height: 95px;
  }
  #main-home-fixed .fixed-shape.fixed-collection {
    top: calc(59% + 5px);
    left: calc(11% + 2px);
    width: 140px;
    height: 140px;
  }
  #main-home-fixed .fixed-shape.fixed-atelier {
    top: 49%;
    right: calc(14% - 7px);
    width: 120px;
    height: 120px;
  }
  .site-footer .site-info .copyright {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 820px) {
  body.page-template-home3 {
    overflow: auto;
  }
  a.fixed-href text {
    font-size: 12px;
  }
  .site-footer .site-info .copyright {
    white-space: normal;
  }
  #main-home-fixed .fixed-logo-gif-img {
    transform: translateY(-180px);
    width: 200px;
  }
  #main-home-fixed .fixed-shape.fixed-contact {
    top: 19%;
    right: calc(36% - 13px);
    width: 105px;
    height: 105px;
  }
  #main-home-fixed .fixed-shape.fixed-stockist {
    top: calc(24% + 3px);
    left: calc(17% - 2px);
    width: 95px;
    height: 95px;
  }
  #main-home-fixed .fixed-shape.fixed-shop {
    top: calc(38% - 6px);
    right: calc(14% - 16px);
    width: 100px;
    height: 100px;
  }
  #main-home-fixed .fixed-shape.fixed-atelier {
    top: calc(50% + 4px);
    right: calc(23% - 7px);
    width: 120px;
    height: 120px;
  }
  #main-home-fixed .fixed-shape.fixed-collection {
    top: calc(70% + 5px);
    left: calc(27% + 2px);
    width: 140px;
    height: 140px;
  }
  .site-footer .site-info .policy {
    margin-top: 0;
    margin-bottom: 0;
  }
  .site-footer .site-info .policy li {
    margin-bottom: 0;
    width: calc(100% / 3 - (5px * 2 / 3));
    margin-right: 5px;
  }
  .site-footer .site-info .policy li:nth-child(2n+2) {
    text-align: left;
  }
  .site-footer .site-info .copyright {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  #main-home-fixed .fixed-shape.fixed-contact {
    top: 20%;
    right: calc(36% - 16px);
    width: 105px;
    height: 105px;
  }
  #main-home-fixed .fixed-shape.fixed-stockist {
    top: calc(25% + 8px);
    left: calc(17% - 5px);
    width: 95px;
    height: 95px;
  }
  #main-home-fixed .fixed-shape.fixed-shop {
    top: calc(41% - 6px);
    right: calc(13% - 10px);
    width: 100px;
    height: 100px;
  }
  #main-home-fixed .fixed-shape.fixed-atelier {
    top: calc(54% + 2px);
    right: calc(23% - 10px);
    width: 120px;
    height: 120px;
  }
  #main-home-fixed .fixed-shape.fixed-collection {
    top: calc(75% + 9px);
    left: calc(26% + 3px);
    width: 140px;
    height: 140px;
  }
}

@media only screen and (max-width: 520px) {
  .site-footer .site-info .policy li {
    margin-bottom: 20px;
    width: calc(100% / 2 - (5px * 1 / 2));
    margin-right: 5px;
  }
  .site-footer .site-info .policy li:nth-child(2n+2) {
    text-align: right;
  }
  .site-footer .site-info .copyright {
    margin-bottom: 0;
  }
  #main-home-fixed .fixed-logo-gif-img {
    transform: translateY(-92px);
    max-width: 120px;
  }
  #main-home-fixed .fixed-shape {
    font-size: 9px;
  }
  #main-home-fixed .fixed-shape:hover a {
    color: #02CD34;
  }
  #main-home-fixed .fixed-shape.fixed-contact {
    top: calc(28% + 5px);
    right: calc(35% - 10px);
    width: 65px;
    height: 65px;
  }
  #main-home-fixed .fixed-shape.fixed-stockist {
    top: calc(32% + 4px);
    left: 15%;
    width: 65px;
    height: 65px;
  }
  #main-home-fixed .fixed-shape.fixed-shop {
    top: calc(42% - 4px);
    right: calc(12% - 8px);
    width: 65px;
    height: 65px;
  }
  #main-home-fixed .fixed-shape.fixed-atelier {
    top: calc(50% - 1px);
    right: calc(21% - 2px);
    width: 75px;
    height: 75px;
  }
  #main-home-fixed .fixed-shape.fixed-collection {
    top: calc(63% + 3px);
    left: calc(24% + 3px);
    width: 90px;
    height: 90px;
  }
}

@media only screen and (max-width: 414px) and (max-height: 736px) {
  #main-home-fixed .fixed-shape.fixed-collection {
    top: calc(65% + 3px);
    left: calc(24% + 3px);
    width: 90px;
    height: 90px;
  }
  #main-home-fixed .fixed-shape.fixed-shop {
    top: calc(40% - 4px);
    right: calc(12% - 8px);
    width: 65px;
    height: 65px;
  }
  #main-home-fixed .fixed-shape.fixed-contact {
    top: calc(24% + 5px);
    right: calc(35% - 10px);
    width: 65px;
    height: 65px;
  }
  #main-home-fixed .fixed-shape.fixed-stockist {
    top: calc(28% + 4px);
    left: 15%;
    width: 65px;
    height: 65px;
  }
  .page-template-home3 .site-footer {
    position: relative;
  }
}

@media only screen and (max-width: 375px) {
  .site-footer .site-info .copyright {
    margin-bottom: 0;
  }
  #main-home-fixed .fixed-shape.fixed-stockist {
    top: calc(27% + 4px);
    left: calc(15% - 3px);
    width: 65px;
    height: 65px;
  }
  #main-home-fixed .fixed-shape.fixed-contact {
    top: calc(22% + 8px);
    right: calc(35% - 10px);
    width: 65px;
    height: 65px;
  }
  #main-home-fixed .fixed-shape.fixed-shop {
    top: calc(40% - 3px);
    right: calc(12% - 8px);
    width: 65px;
    height: 65px;
  }
  #main-home-fixed .fixed-shape.fixed-atelier {
    top: calc(50% - 1px);
    right: calc(21% - 5px);
    width: 75px;
    height: 75px;
  }
  #main-home-fixed .fixed-shape.fixed-collection {
    top: calc(65% + 3px);
    left: calc(25% + 3px);
    width: 75px;
    height: 75px;
  }
  .page-template-home3 .site-footer {
    position: relative;
  }
}