#video-hero {
  position: relative; }
  #video-hero video {
    width: 100%; }

.video-kv-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20%; }
  @media (max-width: 991px) {
    .video-kv-inner {
      left: 10%; } }
  @media (max-width: 575px) {
    .video-kv-inner {
      left: 5%; } }
  .video-kv-inner h1 {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    font-family: "Noto Serif JP", serif !important; }
    @media (max-width: 1199px) {
      .video-kv-inner h1 {
        font-size: 50px; } }
    @media (max-width: 575px) {
      .video-kv-inner h1 {
        font-size: 36px; } }
  .video-kv-inner h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-top: 15px; }
    @media (max-width: 1199px) {
      .video-kv-inner h2 {
        font-size: 25px; } }
    @media (max-width: 575px) {
      .video-kv-inner h2 {
        font-size: 18px; } }

.video-content-videos {
  margin-top: 20px;
  overflow-x: scroll;
  scrollbar-width: thin; }
  .video-content-videos::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .video-content-videos::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 20px; }
  .video-content-videos::-webkit-scrollbar-track {
    background: #707070;
    border-radius: 20px; }

.video-content-videos-inner {
  flex-wrap: nowrap; }

.video-content-videos-video iframe {
  width: 100%;
  height: 172px; }
  @media (max-width: 1399px) {
    .video-content-videos-video iframe {
      height: 144px; } }
  @media (max-width: 1199px) {
    .video-content-videos-video iframe {
      height: 122px; } }
  @media (max-width: 575px) {
    .video-content-videos-video iframe {
      height: 35VW; } }

#video {
  background-color: #1a1a1a;
  padding-bottom: 100px;
  margin-top: -6px; }

.video-content {
  padding-top: 75px; }
  .video-content h3 {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    font-family: "Noto Serif JP", serif !important; }
    @media (max-width: 575px) {
      .video-content h3 {
        font-size: 22px; } }

.video-content-videos-video {
  color: #fff;
  padding-bottom: 20px; }

.store-locator .locator-index {
  width: 100% !important; }

.wpsl-input label {
  width: 100% !important; }

#wpsl-radius label {
  width: 100% !important; }

.wpsl-dropdown {
  width: 110px !important; }

.stire-row {
  padding: 0 0.75rem; }

@media (max-width: 825px) {
  #wpsl-search-wrap .wpsl-input {
    margin-bottom: 0 !important; } }

@media (max-width: 825px) {
  #wpsl-search-input {
    width: 100% !important; } }

@media (max-width: 767px) {
  div.store-locator #wpsl-search-wrap > form:nth-child(1) {
    display: block; } }

@media (max-width: 767px) {
  .wpsl-search-btn-wrap {
    margin-top: 10px; } }

@media (max-width: 675px) {
  #wpsl-wrap #wpsl-result-list li {
    padding-left: 10px !important; } }

@media (max-width: 570px) {
  #wpsl-search-wrap .wpsl-dropdown {
    padding: 7px; } }

@media (max-width: 575px) {
  .store-explorer {
    padding: 0 0.75rem; } }
@media (max-width: 575px) {
  .store-explorer h3 {
    font-size: 22px; } }

.store-link-about {
  background-image: url("../images/store-locator2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px;
  height: 210px;
  position: relative; }
  @media (max-width: 1199px) {
    .store-link-about {
      height: 173px; } }
  .store-link-about h4 {
    color: #fff;
    font-family: "Noto Serif JP", serif !important;
    font-size: 25px;
    text-align: center; }
    @media (max-width: 1399px) {
      .store-link-about h4 {
        font-size: 21px; } }

.store-link-about-btn {
  position: absolute;
  right: 20px;
  bottom: 20px; }
  .store-link-about-btn a {
    color: #fff;
    border: 1px solid;
    padding: 8px 12px;
    font-size: 15px;
    display: block;
    transition: .3s; }
    @media (max-width: 1399px) {
      .store-link-about-btn a {
        font-size: 14px; } }
    .store-link-about-btn a:hover {
      background-color: #707070; }

.store-link-catalog {
  background-color: #161616;
  padding: 20px; }
  .store-link-catalog h4 {
    color: #fff;
    font-size: 25px;
    font-family: "Noto Serif JP", serif !important;
    text-transform: uppercase; }
    @media (max-width: 1399px) {
      .store-link-catalog h4 {
        font-size: 21px; } }
  .store-link-catalog p {
    color: #fff;
    font-size: 15px; }
    @media (max-width: 1399px) {
      .store-link-catalog p {
        font-size: 14px; } }

.store-link-catalog-langs {
  position: relative; }
  @media (max-width: 575px) {
    .store-link-catalog-langs {
      display: flex;
      justify-content: space-between; } }
  .store-link-catalog-langs a {
    color: #fff;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    padding: 8px 10px;
    font-size: 14px;
    text-transform: uppercase;
    transition: .3s;
    position: absolute;
    width: calc(100% - 20px);
    justify-content: space-between; }
    @media (max-width: 991px) {
      .store-link-catalog-langs a {
        padding: 6px 8px; } }
    @media (max-width: 575px) {
      .store-link-catalog-langs a {
        position: static;
        width: 100%;
        padding: 5px;
        font-size: 13px;
        margin-top: 15px;
        justify-content: center; } }
    .store-link-catalog-langs a:hover {
      background-color: #707070; }
      .store-link-catalog-langs a:hover i {
        transform: translateX(3px); }
    .store-link-catalog-langs a span {
      margin-left: 8px; }
      .store-link-catalog-langs a span i {
        margin-left: 5px;
        transition: .3s; }
        @media (max-width: 575px) {
          .store-link-catalog-langs a span i {
            display: none; } }
      @media (max-width: 575px) {
        .store-link-catalog-langs a span {
          margin-left: 5px; } }
    .store-link-catalog-langs a.catalog-en {
      top: 0; }
    .store-link-catalog-langs a.catalog-fr {
      top: 50%;
      transform: translateY(-50%); }
      @media (max-width: 575px) {
        .store-link-catalog-langs a.catalog-fr {
          transform: none;
          margin: 15px 5px 0; } }
    .store-link-catalog-langs a.catalog-es {
      bottom: 0; }
    @media (max-width: 575px) {
      .store-link-catalog-langs a img {
        width: 15px; } }

@media (max-width: 1199px) {
  .catalog-pic {
    padding-right: 0 !important; } }
