@charset "UTF-8";
/*
    Theme Name: The Heritage
    Theme URI: 
    Author: Team WP MD
    Author URI: 
    Description: A starter theme
    Version: 1.0
    Text Domain: corex
    Tags: theme, starter theme,
*/
@font-face {
  font-family: "SVN-Poppins Regular.otf";
  src: url("./assets/fonts/SVN-Poppins Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Poppins Light.otf";
  src: url("./assets/fonts/SVN-Poppins Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Poppins Medium.otf";
  src: url("./assets/fonts/SVN-Poppins Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "1FTV-VIP-Arroem.otf";
  src: url("./assets/fonts/1FTV-VIP-Arroem.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "1FTV-VIP-Pictures-Signature.otf";
  src: url("./assets/fonts/1FTV-VIP-Pictures-Signature.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "1FTV-VIP-Hastegi.otf";
  src: url("./assets/fonts/1FTV-VIP-Hastegi.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  src: url("./assets/fonts/1FTV-VIP-Dark-Moon.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Poppins SemiBold.otf";
  src: url("./assets/fonts/SVN-Poppins SemiBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: #77121D;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #77121D;
}

button,
input,
select,
textarea {
  margin: 0;
  outline: none;
}

html {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: left;
}

html,
body {
  margin: 0;
  padding: 0;
  color: #4D4D4D;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.site-container {
  overflow: hidden;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.typography html,
.typography body,
.typography p,
.typography ol,
.typography ul,
.typography li,
.typography dl,
.typography dt,
.typography dd,
.typography blockquote,
.typography figure,
.typography fieldset,
.typography legend,
.typography textarea,
.typography pre,
.typography iframe,
.typography hr,
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin: 0;
  padding: 0;
}
.typography ul {
  list-style: none;
}

@keyframes draw2 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 2000;
  }
}
@keyframes signature1 {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes signature2 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes colorTextWhite {
  0% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  50% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  100% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
}
@keyframes colorTextBlack {
  0% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  50% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  100% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-moz-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-o-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes drawLine {
  from {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
  }
  to {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@-moz-keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@-o-keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes colorChange {
  0% {
    fill: #fff;
  }
  50% {
    fill: #E1C38B;
  }
  100% {
    fill: #fff;
  }
}
@keyframes colorChange2 {
  0% {
    fill: #fff;
  }
  50% {
    fill: #77121D;
  }
  100% {
    fill: #fff;
  }
}
@keyframes draw2 {
  0% {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1500;
  }
}
@keyframes draw22 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes bounceY {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes section1 {
  0% {
    stroke-dashoffset: 3000;
    fill: none;
    stroke: #F4DEB0;
    stroke-width: 1;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #F4DEB0;
    stroke: #F4DEB0;
    stroke-width: 0;
  }
}
@keyframes coccoc-alo-circle-anim {
  0% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
}
@keyframes coccoc-alo-circle-fill-anim {
  0% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
}
@keyframes scrollDown {
  0% {
    top: 17px;
  }
  100% {
    top: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  @keyframes scrollDown {
    0% {
      top: 13px;
    }
    100% {
      top: 25px;
    }
  }
}
@keyframes blinkFade {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes fadeOutBg {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
.cm-see-more {
  color: var(--WEB-2, #77121D);
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  width: 182px;
  height: 60px;
  text-transform: uppercase;
  padding-right: 10px;
  padding-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
@media only screen and (max-width: 1024px) {
  .cm-see-more {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-see-more {
    font-size: 18px;
    width: 160.89px;
    height: 60.76px;
    padding-bottom: 5px;
  }
}
.cm-see-more:hover p {
  letter-spacing: 2px;
}
.cm-see-more:hover img {
  filter: saturate(0.5);
}
.cm-see-more img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
}
.cm-see-more p {
  transition: all 0.5s ease;
}

.pagination_list_def .paginate_links {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination_list_def .paginate_links span {
  padding-right: 2px;
}
.pagination_list_def .paginate_links a, .pagination_list_def .paginate_links span {
  width: 50px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #77121D;
  text-align: center;
  font-size: 20px;
  border-right: #77121D 1px solid;
}
@media only screen and (max-width: 768px) {
  .pagination_list_def .paginate_links a, .pagination_list_def .paginate_links span {
    width: 40px;
    height: 15px;
    font-size: 16px;
  }
}
.pagination_list_def .paginate_links a.current, .pagination_list_def .paginate_links span.current {
  color: var(--Branding-color-Normal, #4D4D4D);
}
.pagination_list_def .paginate_links a.next, .pagination_list_def .paginate_links span.next {
  border-right: none;
}
.pagination_list_def .paginate_links a.prev img, .pagination_list_def .paginate_links span.prev img {
  transform: rotate(-180deg);
}

.cm-title {
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .cm-title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-title {
    font-size: 26px;
  }
}
.cm-title.center {
  text-align: center;
}

.cm-title-under {
  position: relative;
  display: inline-block;
  margin-bottom: 46px;
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .cm-title-under {
    font-size: 38px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-title-under {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-title-under {
    font-size: 26px;
  }
}
.cm-title-under::before, .cm-title-under::after {
  position: absolute;
  content: "";
  bottom: 8px;
  height: 2px;
}
@media only screen and (max-width: 1024px) {
  .cm-title-under::before, .cm-title-under::after {
    bottom: 4px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-title-under::before, .cm-title-under::after {
    bottom: 0;
  }
}
.cm-title-under::before {
  left: 0;
  width: 73.417721519%;
  background: #77121D;
}
.cm-title-under::after {
  right: 0;
  width: 26.582278481%;
  background: #E1C38B;
}

.cm-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 117px;
}
@media (max-width: 1280px) {
  .cm-container {
    padding: 0 60px;
  }
}
@media (max-width: 1024px) {
  .cm-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .cm-container {
    padding: 0 15px;
  }
}

.cm-banner {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1440/560;
  max-height: 560px;
  line-height: 0;
}
.cm-banner::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(114, 117, 78, 0) 0.95%, #262C18 98.15%);
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
  height: 150px;
}
@media only screen and (max-width: 767px) {
  .cm-banner {
    aspect-ratio: 4/3;
    max-height: 450px;
  }
  .cm-banner::before {
    height: 120px;
  }
}
.cm-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cm-banner .title {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  color: #fff;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 68px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  z-index: 2;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .cm-banner .title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .cm-banner .title {
    font-size: 34px;
    bottom: 30px;
  }
}

.cm_scroll_down {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -40px;
  width: 50px;
  height: 76px;
  border-radius: 50px;
  background-color: #77121D;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .cm_scroll_down {
    bottom: -28px;
    width: 36px;
    height: 50px;
    border-radius: 36px;
  }
}
.cm_scroll_down::before, .cm_scroll_down::after {
  position: absolute;
  content: "";
}
.cm_scroll_down::before {
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 2px solid #fff;
  border-radius: 60px;
}
@media only screen and (max-width: 1024px) {
  .cm_scroll_down::before {
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 36px;
  }
}
.cm_scroll_down::after {
  top: 17px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 20px;
  border-radius: 2px;
  background-color: #fff;
  transition: all 0.3s ease;
  animation: scrollDown 2s ease-in-out infinite;
}
@media only screen and (max-width: 1024px) {
  .cm_scroll_down::after {
    height: 14px;
    animation: scrollDown 1.5s ease-in-out infinite;
  }
}

.header-main-site {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  right: 0;
  display: flex;
  padding: 7px 0 0px;
  transition: all 0.5s ease;
  justify-content: center;
  background: #77121D;
}
@media only screen and (max-width: 1024px) {
  .header-main-site {
    height: 100vh;
    flex-direction: column;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    border-radius: 0 0 50px 50px;
  }
}
.header-main-site.is_active_header {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.header-main-site.is_active {
  padding: 3px 0 0px;
}
.header-main-site.is_active .logo-header {
  width: 94px;
}
.header-main-site.is_active .left ul li:after, .header-main-site.is_active .right ul li:after {
  background: transparent;
}
.header-main-site.hSticky-down {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  opacity: 0;
  visibility: hidden;
}
.header-main-site .logo-header {
  display: block;
  width: 121px;
  margin: 0px 100px 0;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1367px) {
  .header-main-site .logo-header {
    margin: 0px 25px 0;
    width: 110px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-main-site .logo-header {
    display: none;
  }
}
.header-main-site .logo-header img {
  width: 100%;
  filter: brightness(0) invert(1);
  transition: all 0.5s ease;
}
.header-main-site > .left {
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .left {
    order: 2;
  }
}
.header-main-site > .left ul {
  float: right;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .left ul {
    float: none;
  }
}
.header-main-site > .left li:first-child {
  margin-left: 0;
}
.header-main-site > .right {
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .right {
    order: 3;
  }
}
.header-main-site > .right .lang {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.header-main-site > .right .lang .icon {
  margin-right: 10.41px;
  width: 35.95px;
  display: flex;
}
@media only screen and (max-width: 1367px) {
  .header-main-site > .right .lang .icon {
    margin-right: 10px;
    width: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-main-site > .right .lang .icon {
    display: none;
  }
}
.header-main-site > .right .lang > img {
  width: 20.07px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1367px) {
  .header-main-site > .right .lang > img {
    width: 15.07px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-main-site > .right .lang > img {
    display: none;
  }
}
.header-main-site > .right .lang ul {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  background: #fff;
  box-shadow: 0px 2px 12px rgba(96, 96, 96, 0.15);
  width: max-content;
  z-index: 11;
}
@media (max-width: 1024px) {
  .header-main-site > .right .lang ul {
    position: relative;
    top: unset;
    left: unset;
    background: unset;
    box-shadow: unset;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    width: auto;
    box-shadow: none;
    flex-direction: row;
  }
}
.header-main-site > .right .lang ul li:first-child {
  border-bottom: #E2E2E2 1px solid;
}
@media only screen and (max-width: 1024px) {
  .header-main-site > .right .lang ul li:first-child {
    border-right: #E2E2E2 1px solid;
    border-bottom: none;
  }
}
.header-main-site > .right .lang ul li.current-lang a {
  background: linear-gradient(180deg, #F8E3C5 10.29%, #DEBA89 35.29%, #BA9360 60.29%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header-main-site > .right .lang ul li a {
  padding: 5px;
  color: #77121D;
  display: block;
}
@media (max-width: 1280px) {
  .header-main-site > .right .lang ul li a {
    padding: 0 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-main-site > .right .lang ul li a {
    color: #fff;
  }
}
.header-main-site .left, .header-main-site .right {
  width: calc((100% - 294px) / 2);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1367px) {
  .header-main-site .left, .header-main-site .right {
    width: calc((100% - 130px) / 2);
  }
}
@media only screen and (max-width: 1024px) {
  .header-main-site .left, .header-main-site .right {
    flex-direction: column;
    width: auto;
  }
}
.header-main-site .menu-main {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .header-main-site .menu-main {
    flex-direction: column;
  }
}
.header-main-site .menu-main li {
  position: relative;
  padding: 0px 29px 0;
  z-index: 0;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1280px) {
  .header-main-site .menu-main li {
    padding: 0px 18px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .header-main-site .menu-main li {
    padding: 0;
    margin-bottom: 30px;
  }
}
.header-main-site .menu-main li.current-menu-item > a, .header-main-site .menu-main li.current-page-item > a {
  color: #F5DFB1;
}
.header-main-site .menu-main a {
  color: #FFF;
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: max-content;
  display: block;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1280px) {
  .header-main-site .menu-main a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-main-site .menu-main a {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .header-main-site .menu-main a:hover {
    color: #F5DFB1;
  }
}

.menu_mb {
  display: none;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  padding: 0 30px;
  background: #77121D;
  position: fixed;
  transition: all 0.5s ease;
  box-shadow: -8.412px 132.294px 36.706px 0px rgba(0, 0, 0, 0), -5.353px 84.118px 33.647px 0px rgba(0, 0, 0, 0.01), -3.059px 47.412px 28.294px 0px rgba(0, 0, 0, 0.03), -1.529px 21.412px 21.412px 0px rgba(0, 0, 0, 0.04), 0px 5.353px 11.471px 0px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 1024px) {
  .menu_mb {
    display: flex;
  }
}
@media only screen and (max-width: 576px) {
  .menu_mb {
    padding: 0 15px;
    height: 60px;
  }
}
.menu_mb.hSticky-down {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  opacity: 0;
  visibility: hidden;
}
.menu_mb.active_header:after {
  width: 100%;
}
.menu_mb:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background: rgba(255, 255, 255, 0.5019607843);
  transition: all 0.5s ease;
}
.menu_mb.active {
  opacity: 0;
  pointer-events: none;
}
.menu_mb .logo {
  width: 100px;
  display: block;
  padding-top: 6px;
  filter: brightness(0) invert(1);
}
@media only screen and (max-width: 576px) {
  .menu_mb .logo {
    width: 80px;
  }
}
.menu_mb .humbeger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding-top: 15px;
  transition: all 0.5s ease;
}
.menu_mb .humbeger span {
  width: 30px;
  height: 3px;
  background: #fff;
  display: block;
  transition: all 0.5s ease;
  margin-bottom: 0.48828125vw;
}
@media (max-width: 576px) {
  .menu_mb .humbeger span {
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
  }
}
.menu_mb .humbeger span:nth-child(3) {
  margin-bottom: 0;
}

.soical-main {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  display: flex;
  flex-direction: column;
  background: #77121D;
  width: 40px;
  border-radius: 22px 0 0 22px;
  align-items: center;
  padding: 2px 0;
}
@media only screen and (max-width: 1024px) {
  .soical-main {
    right: 15px;
    width: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .soical-main {
    width: 35px;
    right: 10px;
  }
}
.soical-main a {
  width: 20px;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #FFF;
}
@media only screen and (max-width: 1024px) {
  .soical-main a {
    width: 18px;
  }
}
@media only screen and (max-width: 576px) {
  .soical-main a {
    width: 16px;
    padding: 15px 0;
  }
}
.soical-main a img {
  max-width: 100%;
}
.soical-main a:nth-child(1) img {
  animation-name: shakeX2;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
.soical-main a:last-child {
  border-bottom: none;
}

.back {
  position: fixed;
  right: 0;
  bottom: 90px;
  width: 48px;
  height: 48px;
  z-index: 10;
  display: none;
  border-radius: 50%;
  right: 1.5277777778%;
}
@media only screen and (max-width: 1024px) {
  .back {
    height: 40px;
    width: 40px;
    right: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .back {
    width: 35px;
    height: 35px;
    right: 10px;
  }
}

.loading_main {
  position: fixed;
  inset: 0;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #77121D;
  pointer-events: none;
}
.loading_main.is-hide {
  animation: fadeOutBg 0.35s ease forwards;
}
.loading_main svg {
  max-width: 300px;
}
@media only screen and (max-width: 576px) {
  .loading_main svg {
    max-width: 220px;
  }
}
.loading_main svg path {
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  animation: section1 3s linear forwards;
}

.footer-main {
  padding: 115px 8.3333333333% 0;
  font-size: 14px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1024px) {
  .footer-main {
    padding: 115px 30px 0;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main {
    padding: 100px 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .footer-main {
    padding: 100px 15px 0;
  }
}
.footer-main > img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0.36;
  mix-blend-mode: color-dodge;
  pointer-events: none;
}
.footer-main::after {
  content: "";
  position: absolute;
  left: 0%;
  bottom: 0px;
  height: calc(100% - 100px);
  width: 100%;
  background: #77121D;
  z-index: -1;
}
.footer-main::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  background: #77121D;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .footer-main::before {
    height: 200px;
    width: 200px;
  }
}
.footer-main .logo-ft {
  width: 130px;
  margin: -80px auto 35px;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .footer-main .logo-ft {
    width: 110px;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .logo-ft {
    margin: -70px auto 35px;
  }
}
.footer-main .content {
  display: flex;
  padding-bottom: 46px;
}
@media only screen and (max-width: 576px) {
  .footer-main .content {
    flex-direction: column;
  }
}
.footer-main .content .frm-mes {
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.footer-main .content .left {
  width: 42.6324503311%;
  position: relative;
  z-index: 1;
  padding: 40px 25px 10px;
  margin-right: 4.1390728477%;
}
@media only screen and (max-width: 1280px) {
  .footer-main .content .left {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .content .left {
    padding: 40px 15px 0px;
  }
}
@media only screen and (max-width: 576px) {
  .footer-main .content .left {
    width: 100%;
  }
}
.footer-main .content .left .label {
  margin-bottom: 22px;
  background: linear-gradient(180deg, #F8E3C5 10.29%, #DEBA89 35.29%, #BA9360 60.29%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
  .footer-main .content .left .label {
    margin-bottom: 20px;
  }
}
.footer-main .content .left:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  mix-blend-mode: multiply;
  z-index: -1;
  border-radius: 30px;
}
.footer-main .content .left ._form_group {
  margin-bottom: 26px;
  display: flex;
  align-items: center;
  position: relative;
}
.footer-main .content .left ._form_group ._error_msg {
  position: absolute;
  right: 0;
  top: 100%;
  font-size: 12px;
  font-style: italic;
  color: #fff;
}
.footer-main .content .left ._form_group:last-child {
  margin-bottom: 0;
}
.footer-main .content .left ._form_group:last-child label {
  width: 270px;
}
@media only screen and (max-width: 768px) {
  .footer-main .content .left ._form_group:last-child label {
    width: 230px;
  }
}
.footer-main .content .left ._form_group:last-child select {
  width: calc(100% - 270px);
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  border: 1px solid rgba(255, 255, 255, 0.6);
  padding: 3px 0;
  height: 28px;
}
@media only screen and (max-width: 768px) {
  .footer-main .content .left ._form_group:last-child select {
    width: calc(100% - 230px);
  }
}
.footer-main .content .left ._form_group:last-child select option {
  color: #000000;
}
.footer-main .content .left ._form_group label {
  width: 120px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .footer-main .content .left ._form_group label {
    font-size: 14px;
    width: 105px;
  }
}
.footer-main .content .left ._form_group input {
  width: calc(100% - 120px);
  background: transparent;
  border: 0;
  outline: none;
  color: #FFF;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 768px) {
  .footer-main .content .left ._form_group input {
    width: calc(100% - 105px);
  }
}
.footer-main .content .left ._form_group input::placeholder {
  color: #FFF;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer-main .content .left .cm-see-more {
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
  margin: 27px auto 0;
  font-size: 15px;
  width: 140.89px;
  height: 63.76px;
  padding-right: 17px;
  padding-bottom: 15px;
}
.footer-main .content .mid {
  width: 26.6142384106%;
  padding-left: 45px;
}
@media only screen and (max-width: 768px) {
  .footer-main .content .mid {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .footer-main .content .mid {
    width: 100%;
    padding-left: 0;
    padding-top: 36.5px;
  }
}
.footer-main .content .mid .label {
  margin-bottom: 18px;
}
.footer-main .content .mid a {
  transition: all 0.5s ease;
}
.footer-main .content .mid a:hover {
  text-decoration: underline;
}
.footer-main .content .right {
  width: 26.6142384106%;
  padding-left: 45px;
}
@media only screen and (max-width: 768px) {
  .footer-main .content .right {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .footer-main .content .right {
    width: 100%;
    padding-left: 0;
    padding-top: 36.5px;
  }
}
.footer-main .content .right .label {
  margin-bottom: 18px;
}
.footer-main .content .right ul li {
  margin-bottom: 10.15px;
}
.footer-main .content .right ul li:last-child {
  margin-bottom: 0;
}
.footer-main .content .right ul li a {
  margin-bottom: 0;
}
.footer-main .content .right ul li a {
  transition: all 0.5s ease;
}
.footer-main .content .right ul li a:hover {
  text-decoration: underline;
}
.footer-main .content .right .list {
  margin-top: 21px;
  display: flex;
  align-items: center;
}
.footer-main .content .right .list a {
  width: 30px;
  margin-right: 25px;
  display: flex;
  margin-bottom: 0;
  height: 30px;
}
.footer-main .content .right .list a:last-child {
  margin-right: 0;
}
.footer-main .content .right .list a:hover path {
  fill: #F5DFB1;
}
.footer-main .content .label {
  color: #FFF;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .footer-main .content .label {
    font-size: 20px;
  }
}
.footer-main .content .label.nth2 {
  margin: 36.5px 0 3px;
}
@media only screen and (max-width: 576px) {
  .footer-main .content .label.nth2 {
    margin: 36.5px 0 18px;
  }
}
.footer-main .content a {
  color: #FFF;
  display: block;
  margin-bottom: 10.15px;
  line-height: 22px;
}
@media only screen and (max-width: 768px) {
  .footer-main .content a {
    font-size: 14px;
  }
}
.footer-main .content a:last-child {
  margin-bottom: 0;
}
.footer-main .coppy {
  text-align: center;
  padding-bottom: 16px;
  color: #fff;
  font-size: 12px;
}

.popup-form {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s ease;
}
.popup-form.show {
  opacity: 1;
  pointer-events: all;
}
.popup-form .frm-mes {
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.popup-form .content {
  position: relative;
  width: 800px;
  max-width: calc(100% - 60px);
  background: linear-gradient(124deg, #F3D9B4 3.75%, #EAC99C 13.57%, #E7C494 30.9%, #C09966 69.86%, #A47945 101.3%, #936630 118.26%, #8D5F29 129.7%, #8E602A 152.57%, #946731 161.72%, #9E723D 166.29%, #AC824E 170.86%, #BE9764 175.44%, #D5B07E 180.01%, #E7C494 182.3%, #F4DAB7 207.46%, #FFEDD4 230.33%);
  padding: 48px;
}
@media only screen and (max-width: 767px) {
  .popup-form .content {
    max-width: calc(100% - 30px);
    padding: 32px;
  }
}
.popup-form .content:before {
  position: absolute;
  content: "";
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  pointer-events: none;
  border: 2px solid #fff;
}
@media only screen and (max-width: 767px) {
  .popup-form .content:before {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #fff;
  }
}
.popup-form .content .close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 14px;
  z-index: 2;
  cursor: pointer;
  transition: all 0.3s ease;
}
.popup-form .content .close:hover {
  background: rgba(153, 10, 10, 0.65);
}
.popup-form .content .label {
  margin-bottom: 22px;
  color: #990A0A;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .popup-form .content .label {
    margin-bottom: 16px;
    font-size: 30px;
  }
}
.popup-form .content ._form_group {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .popup-form .content ._form_group {
    margin-bottom: 22px;
    flex-direction: column;
  }
}
.popup-form .content ._form_group ._error_msg {
  position: absolute;
  right: 0;
  top: 100%;
  font-size: 12px;
  font-style: italic;
  color: #fff;
}
.popup-form .content ._form_group:last-child {
  margin-bottom: 0;
}
.popup-form .content ._form_group:last-child label {
  width: 290px;
}
@media only screen and (max-width: 767px) {
  .popup-form .content ._form_group:last-child label {
    width: 100%;
  }
}
.popup-form .content ._form_group:last-child select {
  width: calc(100% - 290px);
  background: transparent;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  border: 1px solid rgba(255, 255, 255, 0.6);
  padding: 3px 0;
  height: 38px;
}
@media only screen and (max-width: 767px) {
  .popup-form .content ._form_group:last-child select {
    width: 100%;
    height: 30px;
    border: 0;
    font-size: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  }
}
.popup-form .content ._form_group:last-child select option {
  color: #000000;
}
.popup-form .content ._form_group label {
  width: 190px;
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .popup-form .content ._form_group label {
    font-size: 14px;
    width: 100%;
    display: block;
  }
}
.popup-form .content ._form_group input {
  width: calc(100% - 190px);
  background: transparent;
  border: 0;
  outline: none;
  color: #FFF;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 767px) {
  .popup-form .content ._form_group input {
    width: 100%;
    height: 30px;
    border: 0;
    font-size: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  }
}
.popup-form .content .cm-see-more {
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
  margin: 40px auto -15px;
  font-size: 18px;
  width: 165px;
  height: 72px;
  padding-right: 22px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .popup-form .content .cm-see-more {
    margin: 30px auto -15px;
  }
}

.h_ss1 {
  height: 80vh;
  position: relative;
  display: block;
}
@media only screen and (max-width: 768px) {
  .h_ss1 {
    height: 50vh;
  }
}
.h_ss1 > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.h_ss1 .cm_scroll_down {
  z-index: 1;
}
.h_ss1 .abs {
  position: absolute;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  top: 14.7710487445%;
}
.h_ss1 .abs .top {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -50px;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs .top {
    margin-bottom: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss1 .abs .top {
    flex-direction: column;
  }
}
.h_ss1 .abs .top .left {
  display: flex;
  flex-direction: column;
  margin-right: 19px;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs .top .left {
    margin-right: 10px;
  }
}
.h_ss1 .abs .top .left h2 {
  color: #FFF;
}
.h_ss1 .abs .top .left h2:nth-child(1) {
  text-transform: uppercase;
  text-align: right;
  margin-bottom: -65px;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  line-height: 100%;
  font-size: 46px;
  font-weight: 400;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs .top .left h2:nth-child(1) {
    margin-bottom: -55px;
    font-size: 38px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .abs .top .left h2:nth-child(1) {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs .top .left h2:nth-child(1) {
    font-size: 25px;
    margin-bottom: -45px;
  }
}
.h_ss1 .abs .top .left h2:nth-child(2) {
  font-family: "1FTV-VIP-Pictures-Signature.otf";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs .top .left h2:nth-child(2) {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .abs .top .left h2:nth-child(2) {
    font-size: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs .top .left h2:nth-child(2) {
    font-size: 45px;
  }
}
.h_ss1 .abs .top .left h2:nth-child(2) p {
  font-size: 112.6px;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs .top .left h2:nth-child(2) p {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .abs .top .left h2:nth-child(2) p {
    font-size: 82px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs .top .left h2:nth-child(2) p {
    font-size: 70.6px;
  }
}
.h_ss1 .abs .top .right h2 {
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-top: -10px;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs .top .right h2 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .abs .top .right h2 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss1 .abs .top .right h2 {
    margin-top: -40px;
    margin-bottom: 30px;
    font-size: 40px;
  }
}
.h_ss1 .abs .contact {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--WEB-2, #77121D);
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: #FFF;
  border-radius: 100px;
  width: max-content;
  margin: 0 auto;
  text-transform: uppercase;
  width: 190px;
  height: 46px;
  padding-top: 5px;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs .contact {
    margin-top: -30px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .abs .contact {
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs .contact {
    width: 140px;
    height: 40px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .h_ss1 .abs .contact:hover {
    background: #77121D;
    color: #fff;
  }
}

.h_ss2 {
  padding-top: 160px;
  background: #fff;
  position: relative;
}
@media only screen and (max-width: 1600px) {
  .h_ss2 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss2 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss2 {
    padding-top: 50px;
  }
}
.h_ss2 .decor_block {
  position: absolute;
  left: 0%;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.h_ss2 .decor_block .decor {
  position: absolute;
  left: 0%;
  top: -175px;
  width: 100%;
  display: block;
}
@media only screen and (max-width: 1600px) {
  .h_ss2 .decor_block .decor {
    top: -145px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .decor_block .decor {
    top: -85px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .decor_block .decor {
    top: -60px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .decor_block .decor {
    top: -25px;
  }
}
.h_ss2 .la {
  margin: 0 auto 32px;
  display: block;
  width: 34px;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .la {
    margin: 0 auto 24px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .la {
    margin: 0 auto 18px;
    width: 26px;
  }
}
.h_ss2 .cm-title {
  margin-bottom: 37px;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .cm-title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 413px) {
  .h_ss2 .cm-title {
    font-size: 25px;
  }
}
.h_ss2 .swiper .swiper-slide {
  aspect-ratio: 349/441;
  position: relative;
}
.h_ss2 .swiper .swiper-slide:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(114, 117, 78, 0) 0.95%, #1A1F10 98.15%);
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
  height: 51.6174603175%;
  transition: all 0.5s ease;
}
.h_ss2 .swiper .swiper-slide > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.h_ss2 .swiper .swiper-slide:hover:after {
  height: 100%;
}
.h_ss2 .swiper .swiper-slide:hover .abs .exp {
  height: auto;
  opacity: 1;
  padding-top: 24px;
}
.h_ss2 .swiper .swiper-slide:hover .abs .after {
  width: 60%;
}
.h_ss2 .swiper .swiper-slide .abs {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 45px;
  right: 0;
  text-align: center;
  z-index: 1;
  text-align: center;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .swiper .swiper-slide .abs {
    bottom: 25px;
  }
}
.h_ss2 .swiper .swiper-slide .abs .title {
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  color: #e5c895;
  padding: 0 30px;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .swiper .swiper-slide .abs .title {
    font-size: 20px;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .swiper .swiper-slide .abs .title {
    bottom: 20px;
    font-size: 16px;
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: unset;
    padding: 0 5px;
  }
}
.h_ss2 .swiper .swiper-slide .abs .exp {
  font-size: 13px;
  color: #fff;
  line-height: 140%;
  opacity: 0;
  transition: all 0.5s ease;
  height: 0;
  padding: 0 30px;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .swiper .swiper-slide .abs .exp {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .swiper .swiper-slide .abs .exp {
    padding: 0 10px;
    font-size: 12px;
  }
}
.h_ss2 .swiper .swiper-slide .abs .after {
  content: "";
  background: #fff;
  height: 1px;
  width: 87.483px;
  border-radius: 1px;
  margin: 15px auto 0;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .swiper .swiper-slide .abs .after {
    margin: 10px auto 0;
  }
}

.h_ss3 {
  background: #FFF;
  padding-top: 80px;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss3 {
    padding-top: 40px;
  }
}
.h_ss3 .cm-title {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .cm-title {
    margin-bottom: 20px;
  }
}
.h_ss3 .map {
  padding: 0 8.3333333333%;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .map {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss3 .map {
    padding: 0 15px;
  }
}
.h_ss3 .map::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: #77121D;
  height: 50%;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .map::after {
    height: 70%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .map::after {
    height: 85%;
  }
}
.h_ss3 .map .img {
  width: 100%;
  aspect-ratio: 1236/425;
  overflow: hidden;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .map .img {
    aspect-ratio: unset;
    height: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .h_ss3 .map .img:hover img {
    transform: scale(1.2);
  }
}
.h_ss3 .map .img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.5s ease;
  object-fit: cover;
}
.h_ss3 .map .content {
  padding: 50px 5% 57px;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .map .content {
    padding: 50px 0 57px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss3 .map .content {
    padding: 36px 0 30px;
  }
}
.h_ss3 .map .content .row {
  display: flex;
  border-bottom: #FFF 1px solid;
  padding: 11px 0;
}
.h_ss3 .map .content .row:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .map .content .row {
    flex-direction: column;
    gap: 16px;
  }
}
.h_ss3 .map .content .row .item {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  color: #FFF;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .map .content .row .item {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss3 .map .content .row .item {
    font-size: 14px;
    line-height: 22px;
  }
}
.h_ss3 .map .content .row .item:nth-child(1) {
  width: 64.5306859206%;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .map .content .row .item:nth-child(1) {
    padding-right: 15px;
    width: 100%;
  }
}
.h_ss3 .map .content .row .item:nth-child(2) {
  width: 35.4693140794%;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .map .content .row .item:nth-child(2) {
    width: 100%;
  }
}
.h_ss3 .map .content .row .item .label {
  font-family: "SVN-Poppins SemiBold.otf";
  text-transform: uppercase;
  margin-bottom: 6.68px;
}
.h_ss3 .map .content .row .item .exp {
  color: #FFF;
  font-family: "SVN-Poppins Regular.otf";
}

.h_ss4 {
  background: #FFF;
  padding: 188px 12.5% 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1600px) {
  .h_ss4 {
    padding: 120px 12.5% 0;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss4 {
    padding: 100px 60px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 {
    padding: 70px 20px 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 {
    padding: 50px 10px 0;
  }
}
.h_ss4 .decor {
  position: absolute;
  left: 0%;
  top: -175px;
  width: 100%;
  display: block;
}
@media only screen and (max-width: 1600px) {
  .h_ss4 .decor {
    top: -145px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss4 .decor {
    top: -85px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .decor {
    top: -60px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .decor {
    top: -25px;
  }
}
.h_ss4 .la {
  margin: 0 auto 25px;
  display: block;
  width: 34px;
}
@media only screen and (max-width: 1024px) {
  .h_ss4 .la {
    margin: 0 auto 22px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss4 .la {
    margin: 0 auto 18px;
    width: 26px;
  }
}
.h_ss4 .cm-title {
  margin-bottom: 26px;
}
@media only screen and (max-width: 1024px) {
  .h_ss4 .cm-title {
    margin-bottom: 22px;
  }
}
.h_ss4 .bottom {
  padding: 0 37px;
  position: relative;
}
.h_ss4 .bottom .swiper-wrapper {
  justify-content: center;
}
.h_ss4 .bottom .swiper-button-prev, .h_ss4 .bottom .swiper-button-next {
  display: flex !important;
  margin: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: max-content !important;
  height: max-content !important;
}
.h_ss4 .bottom .swiper-button-prev:after, .h_ss4 .bottom .swiper-button-next:after {
  display: none;
}
.h_ss4 .bottom .swiper-button-prev.swiper-button-lock, .h_ss4 .bottom .swiper-button-next.swiper-button-lock {
  pointer-events: none;
}
.h_ss4 .bottom .swiper-slide {
  height: 69px;
  padding: 10px 0;
}
@media only screen and (min-width: 1025px) {
  .h_ss4 .bottom .swiper-slide:hover .logo img {
    transform: scale(1.1);
  }
}
.h_ss4 .bottom .swiper-slide .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.h_ss4 .bottom .swiper-slide .logo img {
  max-height: 100%;
  max-width: 80%;
  transition: all 0.5s ease;
}

.h_ss5 {
  background: #FFF;
  padding-top: 142px;
  padding-bottom: 136px;
}
@media only screen and (max-width: 1024px) {
  .h_ss5 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
.h_ss5 .cm-title {
  margin-bottom: 26px;
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .cm-title {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1025px) {
  .h_ss5 .swiper-slide:hover .logo img {
    transform: scale(1.2);
  }
  .h_ss5 .swiper-slide:hover .desc h3 {
    color: #e5c895;
  }
}
.h_ss5 .swiper-slide .logo {
  aspect-ratio: 463/456;
  overflow: hidden;
}
.h_ss5 .swiper-slide .logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.h_ss5 .swiper-slide .desc {
  padding: 22px 30px 0;
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .swiper-slide .desc {
    padding: 15px 20px 0;
  }
}
.h_ss5 .swiper-slide .desc h3 {
  color: #77121D;
  text-align: center;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .swiper-slide .desc h3 {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss5 .swiper-slide .desc h3 {
    font-size: 20px;
  }
}
.h_ss5 .swiper-slide .desc p {
  color: #000;
  font-size: 14px;
  letter-spacing: 1.5px;
}
.h_ss5 .cm-see-more {
  margin: 60px auto 0;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .cm-see-more {
    margin: 40px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss5 .cm-see-more {
    margin: 30px auto 0;
  }
}

.page-policy {
  background: linear-gradient(180deg, #FFEDD4 35.35%, #FDEAD0 49.94%, #F9E4C6 60.36%, #F3D9B4 70.78%, #EAC99C 81.2%, #E7C494 83.28%, #C09966 106.21%, #A47945 124.97%, #936630 141.64%, #8D5F29 152.06%, #8E602A 172.9%, #946731 181.24%, #9E723D 185.41%, #AC824E 189.58%, #BE9764 193.75%, #D5B07E 197.91%, #E7C494 200%, #F4DAB7 222.92%, #FFEDD4 243.77%);
}
.page-policy .wrap {
  padding: 95px 0 175px;
  margin-bottom: -115px;
}
@media only screen and (max-width: 767px) {
  .page-policy .wrap {
    padding: 60px 0 145px;
    margin-bottom: -100px;
  }
}
.page-policy .wrap .des {
  display: block;
  width: 1100px;
  max-width: calc(100% - 60px);
  color: #000;
  text-align: center;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 20px;
  line-height: 135%;
  margin: 0 auto 48px;
}
@media only screen and (max-width: 1024px) {
  .page-policy .wrap .des {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .page-policy .wrap .des {
    font-size: 16px;
    margin: 0 auto 40px;
    max-width: calc(100% - 30px);
  }
}
.page-policy .wrap .title_logo {
  display: block;
  margin: 0 auto 18px;
  width: 34px;
}
@media only screen and (max-width: 767px) {
  .page-policy .wrap .title_logo {
    width: 26px;
    margin: 0 auto 15px;
  }
}
.page-policy .wrap .cm-title {
  color: #77121D;
}
.page-policy .wrap .content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .page-policy .wrap .content {
    margin-top: 28px;
  }
}
.page-policy .wrap .content .left {
  padding-right: 68px;
  padding-left: 40px;
}
@media only screen and (max-width: 1024px) {
  .page-policy .wrap .content .left {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-policy .wrap .content .left {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
  }
}
.page-policy .wrap .content .left p {
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.page-policy .wrap .content .left p:nth-of-type(1) {
  font-size: 220px;
}
.page-policy .wrap .content .left p:nth-of-type(2) {
  font-size: 100px;
  margin-top: -20px;
}
@media only screen and (max-width: 1024px) {
  .page-policy .wrap .content .left p:nth-of-type(1) {
    font-size: 190px;
  }
  .page-policy .wrap .content .left p:nth-of-type(2) {
    font-size: 82px;
  }
}
@media only screen and (max-width: 767px) {
  .page-policy .wrap .content .left p:nth-of-type(1) {
    font-size: 140px;
  }
  .page-policy .wrap .content .left p:nth-of-type(2) {
    font-size: 58px;
  }
}
.page-policy .wrap .content .right {
  padding-left: 56px;
  border-left: 2px solid #77121D;
}
@media only screen and (max-width: 1024px) {
  .page-policy .wrap .content .right {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-policy .wrap .content .right {
    padding: 0 15px;
    width: 100%;
    text-align: center;
    border-left: 0;
  }
}
.page-policy .wrap .content .right h3 {
  color: #77121D;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 60px;
}
.page-policy .wrap .content .right h3:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .page-policy .wrap .content .right h3 {
    font-size: 28px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-policy .wrap .content .right h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.vitri_page .h_ss1 .abs .top_abs {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .top_abs {
    justify-content: center;
  }
}
.vitri_page .h_ss1 .abs .top_abs p {
  text-transform: uppercase;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.vitri_page .h_ss1 .abs .top_abs p:nth-child(1) {
  color: #fff;
  font-size: 40px;
  margin-right: 23.7px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(1) {
    font-size: 30.52px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(1) {
    font-size: 25.52px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(1) {
    font-size: 20.52px;
    margin-right: 12.7px;
  }
}
.vitri_page .h_ss1 .abs .top_abs p:nth-child(2) {
  color: #77121D;
  font-size: 80px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(2) {
    font-size: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(2) {
    font-size: 50.21px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(2) {
    font-size: 40px;
  }
}
.vitri_page .h_ss1 .abs .bot_abs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -65px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .h_ss1 .abs .bot_abs {
    margin-top: -43px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .h_ss1 .abs .bot_abs {
    margin-top: -34px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .bot_abs {
    margin-top: -25px;
  }
}
.vitri_page .h_ss1 .abs .bot_abs p {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
}
.vitri_page .h_ss1 .abs .bot_abs p:nth-child(1) {
  font-family: "1FTV-VIP-Pictures-Signature.otf";
  font-size: 90px;
  margin-right: 17.93px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(1) {
    font-size: 50.5px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(1) {
    font-size: 40.5px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(1) {
    font-size: 35.5px;
  }
}
.vitri_page .h_ss1 .abs .bot_abs p:nth-child(2) {
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 40px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(2) {
    font-size: 30.52px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(2) {
    font-size: 25.52px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(2) {
    font-size: 20.52px;
  }
}
.vitri_page .ss2 {
  display: block;
  width: 1042px;
  max-width: 100%;
  margin: 0 auto;
  padding: 90px 30px 100px;
  position: relative;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss2 {
    padding: 60px 30px 80px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss2 {
    padding: 40px 15px 50px;
  }
}
.vitri_page .ss2 .cm-title {
  margin-bottom: 25px;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss2 .cm-title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss2 .cm-title {
    margin-bottom: 15px;
  }
}
.vitri_page .ss2 p {
  color: #000;
  text-align: center;
  line-height: 170%;
}
.vitri_page .ss3 {
  background: #77121D;
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss3 {
    flex-direction: column;
  }
}
.vitri_page .ss3 .left {
  width: 42.0138888889%;
  padding: 37px 0 30px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss3 .left {
    width: 100%;
  }
}
.vitri_page .ss3 .left .cm-title {
  margin-bottom: 17px;
  background: linear-gradient(270deg, #F8E3C5 10.29%, #DEBA89 35.29%, #BA9360 60.29%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vitri_page .ss3 .left .title {
  position: relative;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  margin-bottom: 31px;
  color: #FFF;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 35px;
}
.vitri_page .ss3 .left .title span {
  position: relative;
  z-index: 2;
  padding: 0 5px;
  display: inline-block;
  background: #77121D;
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss3 .left .title {
    font-size: 18px;
  }
}
.vitri_page .ss3 .left .title.title2 {
  margin-top: 0;
  margin-bottom: 9px;
}
.vitri_page .ss3 .left .title:after {
  content: "";
  position: absolute;
  width: 40%;
  height: 1px;
  background: #EDFCFB;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .left .title:after {
    width: 30%;
  }
}
.vitri_page .ss3 .left .title:before {
  content: "";
  position: absolute;
  width: 40%;
  height: 1px;
  background: #EDFCFB;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .left .title:before {
    width: 30%;
  }
}
.vitri_page .ss3 .left .title.title3:after {
  left: -40px;
}
.vitri_page .ss3 .left .title.title3:before {
  right: -40px;
}
.vitri_page .ss3 .left ul li {
  margin-bottom: 11.32px;
  padding-left: 49.42px;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .left ul li {
    padding-left: 15px;
  }
}
.vitri_page .ss3 .left ul li:nth-of-type(2n+1) {
  background: linear-gradient(90deg, #77121D 0%, rgba(119, 18, 29, 0.97) 2%, rgba(119, 18, 29, 0.55) 34%, rgba(119, 18, 29, 0.25) 62%, rgba(119, 18, 29, 0.07) 85%, rgba(119, 18, 29, 0) 100%);
  background-blend-mode: screen;
  mix-blend-mode: screen;
  color: #e5c895;
  font-family: "SVN-Poppins Medium.otf";
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  min-height: 27.76px;
  display: flex;
  align-items: center;
  max-width: 50%;
  padding-top: 3px;
}
.vitri_page .ss3 .left ul li:nth-of-type(2n+2) {
  color: #FFF;
  font-family: "SVN-Poppins Light.otf";
  font-weight: 300;
  line-height: 140%;
}
.vitri_page .ss3 .left .list {
  display: flex;
  justify-content: center;
}
.vitri_page .ss3 .left .list .item {
  display: flex;
  flex-direction: column;
  margin-right: 32.26px;
  align-items: center;
  text-align: center;
  min-width: 115px;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .left .list .item {
    margin-right: 10px;
    min-width: 101px;
  }
}
.vitri_page .ss3 .left .list .item:last-child {
  margin-right: 0;
}
.vitri_page .ss3 .left .list .item .num {
  width: 40px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: #EDFCFB 1px solid;
  border-radius: 18px;
  margin-bottom: 10px;
  color: #FFF;
  font-family: "SVN-Poppins Medium.otf";
  font-weight: 500;
}
.vitri_page .ss3 .left .list .item p {
  color: #FFF;
  font-family: "SVN-Poppins Light.otf";
  font-weight: 300;
  line-height: 140%;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .left .list .item p {
    font-size: 14px;
  }
}
.vitri_page .ss3 .right {
  width: 57.9861111111%;
  border-left: #EDFCFB 1px solid;
  aspect-ratio: 5/4;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss3 .right {
    width: 100%;
    border-left: none;
    margin-top: 30px;
    aspect-ratio: 1/1;
  }
}
.vitri_page .ss3 .right svg, .vitri_page .ss3 .right .svg {
  width: 100%;
  height: auto;
  display: block;
}
.vitri_page .ss3 .right .swiper {
  height: 100%;
}
.vitri_page .ss3 .right .swiper .swiper-button-prev,
.vitri_page .ss3 .right .swiper .swiper-button-next {
  margin: 0 !important;
  width: 34.26px !important;
  height: 34.26px !important;
  border-radius: 50%;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .right .swiper .swiper-button-prev,
  .vitri_page .ss3 .right .swiper .swiper-button-next {
    width: 25px !important;
    height: 25px !important;
  }
}
.vitri_page .ss3 .right .swiper .swiper-button-prev:after,
.vitri_page .ss3 .right .swiper .swiper-button-next:after {
  display: none;
}
.vitri_page .ss3 .right .swiper .swiper-button-prev svg,
.vitri_page .ss3 .right .swiper .swiper-button-next svg {
  animation: blinkFade 2s ease-in-out infinite;
}
.vitri_page .ss3 .right .swiper .swiper-button-prev svg:hover path,
.vitri_page .ss3 .right .swiper .swiper-button-next svg:hover path {
  stroke: #e5c895;
}
.vitri_page .ss3 .right .swiper .swiper-button-prev {
  left: 27.35px !important;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .right .swiper .swiper-button-prev {
    left: 5px !important;
  }
}
.vitri_page .ss3 .right .swiper .swiper-button-prev svg {
  transform: rotate(180deg);
}
.vitri_page .ss3 .right .swiper .swiper-button-next {
  right: 27.35px !important;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .right .swiper .swiper-button-next {
    right: 5px !important;
  }
}
.vitri_page .ss3 .right .swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  z-index: 3;
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: #e5c895;
  position: relative;
}
@media (max-width: 767px) {
  .vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom {
    width: 25px;
    height: 25px;
  }
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 50%;
  background: #cf2e2e;
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom:nth-child(1) {
  margin-right: 2px;
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background: #cf2e2e;
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom img {
  display: block;
}
.vitri_page .ss3 .right .swiper .nhay {
  animation: bounce 1s infinite ease-in-out;
}
.vitri_page .ss3 .right .swiper .color {
  animation: colorChange 1s infinite alternate ease-in-out;
}
.vitri_page .ss3 .right .swiper .color2 {
  animation: colorChange2 1s infinite alternate ease-in-out;
}
.vitri_page .ss3 .right .swiper .line {
  animation: draw22 25s linear infinite;
}
.vitri_page .ss4 {
  background: #FFF;
  padding: 104px 8.3333333333% 56px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 {
    padding: 70px 30px 45px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 {
    padding: 50px 10px 25px;
  }
}
.vitri_page .ss4 .decor {
  position: absolute;
  left: 0%;
  top: -195px;
  width: 100%;
  display: block;
}
@media only screen and (max-width: 1600px) {
  .vitri_page .ss4 .decor {
    top: -150px;
  }
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .decor {
    top: -85px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss4 .decor {
    top: -55px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .decor {
    top: -25px;
  }
}
.vitri_page .ss4 .la {
  margin: 0 auto 30px;
  display: block;
  width: 34px;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .la {
    margin: 0 auto 20px;
    width: 26px;
  }
}
.vitri_page .ss4 .title {
  margin-bottom: 32.5px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss4 .title {
    margin-bottom: 20px;
  }
}
.vitri_page .ss4 .title:hover .up {
  color: #77121D;
}
.vitri_page .ss4 .title:hover .mid .right {
  color: #e5c895;
}
.vitri_page .ss4 .title:hover .mid .left {
  color: #77121D;
}
.vitri_page .ss4 .title .up {
  color: #e5c895;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  padding-left: 18px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .title .up {
    font-size: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss4 .title .up {
    font-size: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .title .up {
    font-size: 22px;
  }
}
.vitri_page .ss4 .title .mid {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -10px 0 -16px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss4 .title .mid {
    margin: -5px 0 -16px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss4 .title .mid {
    margin: -2px 0 -10px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .title .mid {
    margin: 0px 0 -6px;
  }
}
.vitri_page .ss4 .title .mid .left {
  color: #e5c895;
  font-size: 30px;
  line-height: 1.2;
  font-style: italic;
  text-align: right;
  margin-right: 17px;
  padding-bottom: 10px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss4 .title .mid .left {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss4 .title .mid .left {
    margin-right: 10px;
    padding-bottom: 8px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .title .mid .left {
    font-size: 16px;
    padding-bottom: 6px;
  }
}
.vitri_page .ss4 .title .mid .right {
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .title .mid .right {
    font-size: 38px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss4 .title .mid .right {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .title .mid .right {
    font-size: 26px;
  }
}
.vitri_page .ss4 .swiper-button-prev,
.vitri_page .ss4 .swiper-button-next {
  width: 34.26px !important;
  height: 34.26px !important;
  border-radius: 50%;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .swiper-button-prev,
  .vitri_page .ss4 .swiper-button-next {
    width: 25px !important;
    height: 25px !important;
  }
}
.vitri_page .ss4 .swiper-button-prev:after,
.vitri_page .ss4 .swiper-button-next:after {
  display: none;
}
.vitri_page .ss4 .swiper-button-prev svg,
.vitri_page .ss4 .swiper-button-next svg {
  animation: blinkFade 2s ease-in-out infinite;
}
.vitri_page .ss4 .swiper-button-prev svg:hover path,
.vitri_page .ss4 .swiper-button-next svg:hover path {
  stroke: #e5c895;
}
.vitri_page .ss4 .swiper-button-prev {
  left: 10px !important;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .swiper-button-prev {
    left: 5px !important;
  }
}
.vitri_page .ss4 .swiper-button-prev svg {
  transform: rotate(180deg);
}
.vitri_page .ss4 .swiper-button-next {
  right: 10px !important;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .swiper-button-next {
    right: 5px !important;
  }
}
.vitri_page .ss4 .swiper1 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .swiper1 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss4 .swiper1 {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 769px) {
  .vitri_page .ss4 .swiper1 .swiper-button-next,
  .vitri_page .ss4 .swiper1 .swiper-button-prev {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  .vitri_page .ss4 .swiper1 .swiper-slide:hover .img img {
    transform: scale(1.2);
  }
  .vitri_page .ss4 .swiper1 .swiper-slide:hover p {
    color: #e5c895;
  }
}
.vitri_page .ss4 .swiper1 .swiper-slide .img {
  aspect-ratio: 460/540;
  overflow: hidden;
}
.vitri_page .ss4 .swiper1 .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss4 .swiper1 .swiper-slide .img {
    font-size: 22px;
    aspect-ratio: 375/430;
  }
}
.vitri_page .ss4 .swiper1 .swiper-slide p {
  text-align: center;
  color: var(--WEB-2, #77121D);
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 16.25px 10px 0;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .swiper1 .swiper-slide p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss4 .swiper1 .swiper-slide p {
    font-size: 22px;
    padding: 12px 10px 0;
  }
}
.vitri_page .ss4 .content {
  padding: 0 8.3333333333%;
}
@media only screen and (min-width: 769px) {
  .vitri_page .ss4 .content .swiper-button-next,
  .vitri_page .ss4 .content .swiper-button-prev {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .content {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss4 .content {
    padding: 0 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .vitri_page .ss4 .content .swiper-slide:hover .img img {
    transform: scale(1.2);
  }
  .vitri_page .ss4 .content .swiper-slide:hover p {
    color: #e5c895;
  }
}
.vitri_page .ss4 .content .swiper-slide .img {
  aspect-ratio: 290/340;
  overflow: hidden;
}
.vitri_page .ss4 .content .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.vitri_page .ss4 .content .swiper-slide p {
  text-align: center;
  color: var(--WEB-2, #77121D);
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 12px 10px 0;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .content .swiper-slide p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss4 .content .swiper-slide p {
    font-size: 16px;
    padding: 10px 10px 0;
  }
}

.page-product .title_logo {
  display: block;
  margin: 0 auto 27px;
  width: 34px;
}
.page-product .title_logo.product {
  margin-top: -38px;
}
@media only screen and (max-width: 1280px) {
  .page-product .title_logo.product {
    margin-top: -12px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .title_logo {
    width: 26px;
    margin-bottom: 15px;
  }
  .page-product .title_logo.product {
    margin-top: 15px;
  }
}
.page-product .cm_option {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 24px;
  font-weight: 400;
  line-height: 52px;
}
.page-product .cm_option.product_option {
  margin-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option {
    font-size: 22px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .cm_option {
    max-width: calc(100% - 30px);
    font-size: 20px;
    line-height: 44px;
    margin: 0 auto;
  }
  .page-product .cm_option.product_option {
    margin-top: 20px;
  }
}
.page-product .cm_option .left {
  width: 180px;
  height: 45px;
  background-color: #F7EAD5;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option .left {
    width: 180px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .cm_option .left {
    width: 125px;
    height: 38px;
  }
}
.page-product .cm_option .right {
  position: relative;
  width: 280px;
  height: 45px;
  background: #E5C895;
  padding-right: 60px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option .right {
    width: 260px;
    padding-right: 30px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .cm_option .right {
    max-width: calc(100% - 125px);
    height: 38px;
  }
}
.page-product .cm_option .right:hover svg {
  top: 60%;
}
.page-product .cm_option .right svg {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 26px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option .right svg {
    width: 20px;
    right: 5px;
  }
}
.page-product .cm_option .right::before {
  position: absolute;
  content: "";
  right: 56px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 30px;
  background: #77121D;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option .right::before {
    right: 30px;
    height: 20px;
  }
}
.page-product .cm_option .right .list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #F7EAD5;
  margin: 0;
  padding: 0;
  display: none;
}
.page-product .cm_option .right .list li {
  width: 100%;
  height: 40px;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 20px;
  font-weight: 400;
  line-height: 46px;
  border-bottom: 1px solid #77121D;
  padding: 0 60px 0 0;
}
.page-product .cm_option .right .list li:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option .right .list li {
    font-size: 18px;
    padding: 0 30px 0 0;
    height: 36px;
    line-height: 40px;
  }
}
.page-product .cm_tab {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  margin: 0;
  padding: 0;
}
.page-product .cm_tab li {
  min-width: 128px;
  border: 1px solid #fff;
  background: transparent;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding: 0 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.page-product .cm_tab li:hover, .page-product .cm_tab li.active {
  background: #E1C38B;
  border: 1px solid #E1C38B;
  color: #77121D;
}
.page-product .subdivision_overview {
  margin: 27px 0 80px;
  padding: 0 8.3333333333%;
  background: #77121D;
  line-height: 0;
}
.page-product .subdivision_overview svg {
  width: 100%;
  height: auto;
  margin: -3px 0 -4px;
}
@media only screen and (min-width: 768px) {
  .page-product .subdivision_overview svg .sub {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5)) opacity(0.55);
    cursor: pointer;
  }
  .page-product .subdivision_overview svg .sub:hover {
    filter: opacity(1);
  }
  .page-product .subdivision_overview svg .sub:hover .sub_name {
    opacity: 1;
    transition: opacity 0.25s ease;
  }
  .page-product .subdivision_overview svg .sub:hover .sub_stroke {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.65s linear;
  }
  .page-product .subdivision_overview svg .sub:hover .sub_shadow {
    opacity: 1;
    transition: opacity 0.35s ease 0.35s;
  }
}
@media only screen and (min-width: 768px) {
  .page-product .subdivision_overview svg .sub_name,
  .page-product .subdivision_overview svg .sub_stroke,
  .page-product .subdivision_overview svg .sub_shadow {
    transition: none;
  }
  .page-product .subdivision_overview svg .sub_bg {
    pointer-events: none;
  }
  .page-product .subdivision_overview svg .sub_name {
    opacity: 0;
  }
  .page-product .subdivision_overview svg .sub_stroke {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
  }
  .page-product .subdivision_overview svg .sub_shadow {
    opacity: 0;
    transition-delay: 0.5s;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_overview svg .sub_stroke {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: draw 3s linear infinite;
  }
}
@media only screen and (max-width: 1024px) {
  .page-product .subdivision_overview {
    padding: 0 30px;
    margin: 25px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_overview {
    padding: 0;
    margin: 25px 0 40px;
  }
}
.page-product .subdivision_content {
  display: none;
  position: relative;
  padding-left: 23.6111111111%;
  padding-right: 8.3333333333%;
  margin-bottom: 75px;
  margin-top: 36px;
}
@media only screen and (max-width: 1024px) {
  .page-product .subdivision_content {
    padding-right: 30px;
    padding-left: 20.8333333333%;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_content {
    margin-bottom: 55px;
    margin-top: 30px;
    padding: 0 15px;
  }
}
.page-product .subdivision_content h3 {
  position: absolute;
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  bottom: 0;
  right: 76.3888888889%;
  transform: rotate(-90deg) translateX(100%);
  transform-origin: bottom right;
  display: inline-block;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  .page-product .subdivision_content h3 {
    font-size: 68px;
    right: 79.1666666667%;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_content h3 {
    display: none;
  }
}
.page-product .subdivision_content .swiper {
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .page-product .subdivision_content .swiper {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_content .swiper {
    margin-bottom: 25px;
  }
}
.page-product .subdivision_content .swiper .swiper-slide {
  line-height: 0;
  overflow: hidden;
}
.page-product .subdivision_content .swiper .swiper-slide img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  transition: all 0.3s ease;
}
.page-product .subdivision_content .swiper .swiper-slide:hover img {
  transform: scale(1.1);
}
.page-product .subdivision_content .swiper .swiper-pagination {
  bottom: 15px;
}
.page-product .subdivision_content .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  margin: 0 5px;
  opacity: 1;
}
.page-product .subdivision_content .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #77121D;
}
.page-product .subdivision_content .subdivision_des {
  width: 90%;
  color: #000;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
@media only screen and (max-width: 1024px) {
  .page-product .subdivision_content .subdivision_des {
    font-size: 18px;
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_content .subdivision_des {
    font-size: 16px;
    width: 100%;
  }
}
.page-product .subdivision_content .subdivision_des p, .page-product .subdivision_content .subdivision_des ul {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-product .subdivision_content .subdivision_des p:last-child, .page-product .subdivision_content .subdivision_des ul:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_content .subdivision_des p, .page-product .subdivision_content .subdivision_des ul {
    margin: 0 0 15px 0;
  }
}
.page-product .product_content {
  display: none;
  background-color: #E1C38B;
  padding: 23px 0 16px;
  margin-top: 41px;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content {
    padding: 23px 15px 16px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .product_content {
    margin-top: 30px;
    padding: 15px;
  }
}
.page-product .product_content .product_wrap {
  display: flex;
  gap: 9px;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content .product_wrap {
    flex-direction: column;
  }
}
.page-product .product_content .product_wrap .left {
  width: 42.0138888889%;
  background: #77121D;
  padding: 78px 3.4722222222% 32px 8.3333333333%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content .product_wrap .left {
    width: 100%;
    padding: 35px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .product_content .product_wrap .left {
    padding: 30px 15px 25px;
  }
}
.page-product .product_content .product_wrap .left .title {
  color: #FFF;
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 34px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 19px;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content .product_wrap .left .title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .product_content .product_wrap .left .title {
    font-size: 28px;
  }
}
.page-product .product_content .product_wrap .left .tab_content {
  display: none;
  margin-top: 45px;
  font-family: "SVN-Poppins Regular.otf";
  color: #fff;
  line-height: 1.4;
}
.page-product .product_content .product_wrap .left .tab_content ul {
  margin-bottom: 30px;
  padding-left: 18px;
}
.page-product .product_content .product_wrap .left .tab_content ul:last-child {
  margin-bottom: 0;
}
.page-product .product_content .product_wrap .left .tab_content ul li {
  list-style: disc;
  margin-bottom: 15px;
  font-size: 15px;
}
.page-product .product_content .product_wrap .left .tab_content ul li:last-child {
  margin-bottom: 0;
}
.page-product .product_content .product_wrap .left .tab_content p {
  font-size: 14px;
  line-height: 2.2;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content .product_wrap .left .tab_content {
    margin-top: 40px;
  }
  .page-product .product_content .product_wrap .left .tab_content ul {
    margin-bottom: 25px;
  }
  .page-product .product_content .product_wrap .left .tab_content p {
    line-height: 1.8;
  }
}
.page-product .product_content .product_wrap .right {
  width: 57.3611111111%;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content .product_wrap .right {
    width: 100%;
  }
}
.page-product .product_content .product_wrap .right .tab_img {
  display: none;
  width: 100%;
}
.page-product .product_content .product_wrap .right .tab_img .img_top {
  width: 100%;
  line-height: 0;
}
.page-product .product_content .product_wrap .right .tab_img .img_top img {
  width: 100%;
  aspect-ratio: 826/450;
  object-fit: cover;
}
.page-product .product_content .product_wrap .right .tab_img .img_bottom {
  position: relative;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  z-index: 2;
  margin-top: -10%;
}
@media only screen and (max-width: 678px) {
  .page-product .product_content .product_wrap .right .tab_img .img_bottom {
    margin-top: -15%;
    gap: 10px;
  }
}
.page-product .product_content .product_wrap .right .tab_img .img_bottom a {
  display: block;
  width: 24.2494226328%;
  height: auto;
  overflow: hidden;
  line-height: 0;
}
@media only screen and (max-width: 678px) {
  .page-product .product_content .product_wrap .right .tab_img .img_bottom a {
    width: 27.7136258661%;
  }
}
.page-product .product_content .product_wrap .right .tab_img .img_bottom a:hover img {
  transform: scale(1.1);
}
.page-product .product_content .product_wrap .right .tab_img .img_bottom img {
  width: 100%;
  aspect-ratio: 210/239;
  object-fit: cover;
  transition: all 0.3s ease;
}
.page-product .product_album {
  padding: 80px 8.3333333333% 75px;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_album {
    padding: 70px 30px 75px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .product_album {
    padding: 45px 15px 55px;
  }
}
.page-product .product_album .list {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .page-product .product_album .list {
    flex-direction: column;
  }
}
.page-product .product_album .list .item {
  display: block;
  position: relative;
  width: calc((100% - 40px) / 3);
  overflow: hidden;
  line-height: 0;
}
@media only screen and (max-width: 767px) {
  .page-product .product_album .list .item {
    width: 100%;
  }
}
.page-product .product_album .list .item::before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 100%;
  height: 34.2465753425%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(114, 117, 78, 0) 0.95%, #262C18 98.15%);
}
.page-product .product_album .list .item img {
  width: 100%;
  aspect-ratio: 408/292;
  object-fit: cover;
  transition: all 0.3s ease;
}
.page-product .product_album .list .item h3 {
  position: absolute;
  z-index: 3;
  bottom: 17px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #FFF;
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-product .product_album .list .item h3::before, .page-product .product_album .list .item h3::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  transition: all 0.3s ease;
}
.page-product .product_album .list .item h3::before {
  width: 90px;
  background-color: #fff;
}
.page-product .product_album .list .item h3::after {
  width: 0;
  background-color: #77121D;
}
.page-product .product_album .list .item:hover img {
  transform: scale(1.1);
}
.page-product .product_album .list .item:hover h3::after {
  width: 90px;
}

.page_decor {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  margin-top: -115px;
}
@media only screen and (min-width: 1600px) {
  .page_decor {
    margin-top: -145px;
  }
}
@media only screen and (max-width: 1024px) {
  .page_decor {
    margin-top: -68px;
  }
}
@media only screen and (max-width: 767px) {
  .page_decor {
    margin-top: -26px;
  }
}

.page-utilities .cm-banner::before {
  height: 200px;
}
@media only screen and (max-width: 767px) {
  .page-utilities .cm-banner::before {
    height: 150px;
  }
}
.page-utilities .cm-banner .title_other {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  color: #fff;
  line-height: normal;
  z-index: 2;
  display: flex;
  justify-content: center;
}
.page-utilities .cm-banner .title_other p:nth-of-type(1) {
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 52px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.2;
}
.page-utilities .cm-banner .title_other p:nth-of-type(2) span {
  display: block;
}
.page-utilities .cm-banner .title_other p:nth-of-type(2) span:nth-of-type(1) {
  font-family: "1FTV-VIP-Pictures-Signature.otf";
  font-size: 150px;
  font-weight: 400;
  line-height: 1;
}
.page-utilities .cm-banner .title_other p:nth-of-type(2) span:nth-of-type(2) {
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-weight: 400;
  color: #e5c895;
  font-size: 70px;
  font-weight: 400;
  text-transform: uppercase;
  margin: -65px 0 0 48px;
}
@media only screen and (max-width: 1024px) {
  .page-utilities .cm-banner .title_other p:nth-of-type(1) {
    font-size: 42px;
  }
  .page-utilities .cm-banner .title_other p:nth-of-type(2) span:nth-of-type(1) {
    font-size: 134px;
  }
  .page-utilities .cm-banner .title_other p:nth-of-type(2) span:nth-of-type(2) {
    font-size: 56px;
    margin: -50px 0 0 42px;
  }
}
@media only screen and (max-width: 767px) {
  .page-utilities .cm-banner .title_other {
    bottom: 30px;
  }
  .page-utilities .cm-banner .title_other p:nth-of-type(1) {
    font-size: 24px;
  }
  .page-utilities .cm-banner .title_other p:nth-of-type(2) span:nth-of-type(1) {
    font-size: 68px;
  }
  .page-utilities .cm-banner .title_other p:nth-of-type(2) span:nth-of-type(2) {
    font-size: 32px;
    margin: -18px 0 0 20px;
  }
}
.page-utilities .title_logo {
  display: block;
  margin: 0 auto 27px;
  width: 34px;
}
@media only screen and (max-width: 767px) {
  .page-utilities .title_logo {
    width: 26px;
    margin-bottom: 15px;
  }
}
.page-utilities .utilities_overview {
  margin-top: 28px;
  padding: 22px 0;
  background-color: #77121D;
  display: flex;
}
@media only screen and (max-width: 1200px) {
  .page-utilities .utilities_overview {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .page-utilities .utilities_overview {
    margin-top: 20px;
    padding: 0;
  }
}
.page-utilities .utilities_overview .left {
  position: relative;
  width: 75.4166666667%;
  line-height: 0;
}
@media only screen and (max-width: 1200px) {
  .page-utilities .utilities_overview .left {
    width: 100%;
  }
}
.page-utilities .utilities_overview .left .svg {
  position: relative;
  width: 100%;
}
.page-utilities .utilities_overview .left .btn_zoom {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 3;
}
@media (max-width: 767px) {
  .page-utilities .utilities_overview .left .btn_zoom {
    right: auto;
    left: 0;
  }
}
.page-utilities .utilities_overview .left .btn_zoom .zoom {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: #e5c895;
  position: relative;
}
@media (max-width: 767px) {
  .page-utilities .utilities_overview .left .btn_zoom .zoom {
    width: 25px;
    height: 25px;
  }
}
.page-utilities .utilities_overview .left .btn_zoom .zoom:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 50%;
  background: #cf2e2e;
}
.page-utilities .utilities_overview .left .btn_zoom .zoom:nth-child(1) {
  margin-right: 2px;
}
.page-utilities .utilities_overview .left .btn_zoom .zoom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background: #cf2e2e;
}
.page-utilities .utilities_overview .left .btn_zoom .zoom img {
  display: block;
}
.page-utilities .utilities_overview .left img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-utilities .utilities_overview .left svg {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-utilities .utilities_overview .left svg g[id] {
  cursor: pointer;
}
.page-utilities .utilities_overview .left svg g[id].active .u-des, .page-utilities .utilities_overview .left svg g[id]:hover .u-des {
  opacity: 1;
}
.page-utilities .utilities_overview .left svg .u-des {
  opacity: 0;
  transition: all 0.25s ease;
}
.page-utilities .utilities_overview .right {
  flex: 1;
  padding: 56px 20px 36px 24px;
}
@media only screen and (max-width: 1200px) {
  .page-utilities .utilities_overview .right {
    width: 100%;
    padding: 40px 30px 36px;
  }
}
@media only screen and (max-width: 767px) {
  .page-utilities .utilities_overview .right {
    padding: 40px 15px 25px;
  }
}
.page-utilities .utilities_overview .right .title {
  color: #fff;
  line-height: normal;
  display: flex;
}
@media only screen and (max-width: 1200px) {
  .page-utilities .utilities_overview .right .title {
    justify-content: center;
  }
}
.page-utilities .utilities_overview .right .title p:nth-of-type(1) {
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.2;
}
.page-utilities .utilities_overview .right .title p:nth-of-type(2) span {
  display: block;
}
.page-utilities .utilities_overview .right .title p:nth-of-type(2) span:nth-of-type(1) {
  font-family: "1FTV-VIP-Pictures-Signature.otf";
  font-size: 68px;
  font-weight: 400;
  line-height: 1;
}
.page-utilities .utilities_overview .right .title p:nth-of-type(2) span:nth-of-type(2) {
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-weight: 400;
  color: #e5c895;
  font-size: 34px;
  font-weight: 400;
  text-transform: uppercase;
  margin: -25px 0 0 20px;
}
@media only screen and (max-width: 820px) {
  .page-utilities .utilities_overview .right .title p:nth-of-type(1) {
    font-size: 18px;
  }
  .page-utilities .utilities_overview .right .title p:nth-of-type(2) span:nth-of-type(1) {
    font-size: 50px;
  }
  .page-utilities .utilities_overview .right .title p:nth-of-type(2) span:nth-of-type(2) {
    font-size: 24px;
    margin: -18px 0 0 16px;
  }
}
.page-utilities .utilities_overview .right .list {
  margin: 30px 0 0;
  width: 100%;
  height: 330px;
  overflow: auto;
  padding: 0 26px 0 0;
}
@media only screen and (max-width: 1200px) {
  .page-utilities .utilities_overview .right .list {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
    padding: 0;
    margin: 25px 0 0;
  }
}
@media only screen and (max-width: 576px) {
  .page-utilities .utilities_overview .right .list {
    gap: 10px 10px;
    margin: 20px 0 0;
  }
}
.page-utilities .utilities_overview .right .list::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
  background: #e5c895;
}
.page-utilities .utilities_overview .right .list::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 2px;
  background: #766B54;
  border-radius: 3px;
}
@media only screen and (min-width: 1650px) {
  .page-utilities .utilities_overview .right .list {
    height: 430px;
  }
}
.page-utilities .utilities_overview .right .list li {
  display: flex;
  gap: 14px;
  color: #FFF;
  font-family: "SVN-Poppins Light.otf";
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 14px;
  cursor: pointer;
  transition: all 0.25s ease;
}
@media only screen and (max-width: 1200px) {
  .page-utilities .utilities_overview .right .list li {
    width: calc((100% - 20px) / 3);
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 576px) {
  .page-utilities .utilities_overview .right .list li {
    width: calc((100% - 10px) / 2);
  }
}
.page-utilities .utilities_overview .right .list li:last-child {
  margin-bottom: 0;
}
.page-utilities .utilities_overview .right .list li span {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  transition: all 0.25s ease;
}
.page-utilities .utilities_overview .right .list li:hover {
  color: #e5c895;
}
.page-utilities .utilities_overview .right .list li:hover span {
  color: #e5c895;
  border: 1px solid #e5c895;
}
.page-utilities .utilities_content {
  margin: 80px 0 90px;
}
@media only screen and (max-width: 1024px) {
  .page-utilities .utilities_content {
    margin: 60px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .page-utilities .utilities_content {
    margin: 40px 0 50px;
  }
}
.page-utilities .utilities_content .utilities_slide {
  margin-top: 40px;
}
@media only screen and (max-width: 1024px) {
  .page-utilities .utilities_content .utilities_slide {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-utilities .utilities_content .utilities_slide {
    margin-top: 22px;
  }
}
.page-utilities .utilities_content .utilities_slide .swiper-button-prev,
.page-utilities .utilities_content .utilities_slide .swiper-button-next {
  margin: 0 !important;
  width: 34.26px !important;
  height: 34.26px !important;
  border-radius: 50%;
}
@media only screen and (max-width: 576px) {
  .page-utilities .utilities_content .utilities_slide .swiper-button-prev,
  .page-utilities .utilities_content .utilities_slide .swiper-button-next {
    width: 25px !important;
    height: 25px !important;
  }
}
.page-utilities .utilities_content .utilities_slide .swiper-button-prev:after,
.page-utilities .utilities_content .utilities_slide .swiper-button-next:after {
  display: none;
}
.page-utilities .utilities_content .utilities_slide .swiper-button-prev svg,
.page-utilities .utilities_content .utilities_slide .swiper-button-next svg {
  animation: blinkFade 2s ease-in-out infinite;
}
.page-utilities .utilities_content .utilities_slide .swiper-button-prev svg:hover path,
.page-utilities .utilities_content .utilities_slide .swiper-button-next svg:hover path {
  stroke: #e5c895;
}
.page-utilities .utilities_content .utilities_slide .swiper-button-prev {
  left: 27.35px !important;
}
@media only screen and (max-width: 576px) {
  .page-utilities .utilities_content .utilities_slide .swiper-button-prev {
    left: 5px !important;
  }
}
.page-utilities .utilities_content .utilities_slide .swiper-button-prev svg {
  transform: rotate(180deg);
}
.page-utilities .utilities_content .utilities_slide .swiper-button-next {
  right: 27.35px !important;
}
@media only screen and (max-width: 576px) {
  .page-utilities .utilities_content .utilities_slide .swiper-button-next {
    right: 5px !important;
  }
}
.page-utilities .utilities_content .utilities_slide .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  line-height: 0;
  transition: all 0.3s ease;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide a {
  display: block;
  position: relative;
  overflow: hidden;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide a::before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 100%;
  height: 35.7142857143%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(114, 117, 78, 0) 0.96%, #262C18 98.15%);
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide img {
  width: 100%;
  aspect-ratio: 414/336;
  object-fit: cover;
  transition: all 0.3s ease;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide h3 {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #FFF;
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0 15px 10px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .page-utilities .utilities_content .utilities_slide .swiper-slide h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-utilities .utilities_content .utilities_slide .swiper-slide h3 {
    font-size: 18px;
  }
}
.page-utilities .utilities_content .utilities_slide .swiper-slide h3::before, .page-utilities .utilities_content .utilities_slide .swiper-slide h3::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  transition: all 0.3s ease;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide h3::before {
  width: 90px;
  background-color: #fff;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide h3::after {
  width: 0;
  background-color: #77121D;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide:hover img {
  transform: scale(1.1);
}
.page-utilities .utilities_content .utilities_slide .swiper-slide:hover h3::after {
  width: 90px;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide-active img {
  aspect-ratio: 550/476;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide-next a, .page-utilities .utilities_content .utilities_slide .swiper-slide-prev a {
  width: 79.0076335878%;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide-next {
  justify-content: flex-start;
}
.page-utilities .utilities_content .utilities_slide .swiper-slide-prev {
  justify-content: flex-end;
}

.detail_page .h_ss1 {
  height: auto;
  aspect-ratio: 1440/343;
}
@media only screen and (max-width: 767px) {
  .detail_page .h_ss1 {
    aspect-ratio: 4/3;
  }
}
.detail_page .h_ss1 .abs {
  top: auto;
  bottom: 25px;
  text-align: center;
}
.detail_page .h_ss1 .abs .cm-title {
  color: #ffffff;
  font-size: 68px;
}
@media only screen and (max-width: 1024px) {
  .detail_page .h_ss1 .abs .cm-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .detail_page .h_ss1 .abs .cm-title {
    font-size: 34px;
  }
}
.detail_page .h_ss1 .abs p {
  display: inline-block;
  padding: 3.5px 32px 2.5px;
  background: #FFF;
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 20px;
  margin: -10px auto 0;
}
@media only screen and (max-width: 576px) {
  .detail_page .h_ss1 .abs p {
    margin: 0px auto 0;
  }
}
.detail_page .decor {
  margin-top: -225px;
  width: 100%;
  display: block;
}
@media only screen and (max-width: 1600px) {
  .detail_page .decor {
    margin-top: -140px;
  }
}
@media only screen and (max-width: 1024px) {
  .detail_page .decor {
    margin-top: -100px;
  }
}
@media only screen and (max-width: 768px) {
  .detail_page .decor {
    margin-top: -55px;
  }
}
@media only screen and (max-width: 576px) {
  .detail_page .decor {
    margin-top: -25px;
  }
}
.detail_page .content_page {
  padding: 0 8.3333333333% 74px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page {
    padding: 0 30px 60px;
  }
}
@media only screen and (max-width: 576px) {
  .detail_page .content_page {
    padding: 0 15px 50px;
  }
}
.detail_page .content_page .title {
  width: 978px;
  max-width: 100%;
  margin: 0 auto;
}
.detail_page .content_page .title > h2 {
  color: #77121D;
  text-align: center;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 576px) {
  .detail_page .content_page .title > h2 {
    font-size: 22px;
  }
}
.detail_page .content_page .title .date {
  color: #4D4D4D;
  text-align: center;
  margin-top: 10px;
}
.detail_page .content_page .title .share {
  display: flex;
  align-items: center;
  padding-top: 13.56px;
  border-top: #4D4D4D 1px solid;
  width: max-content;
  margin: 10px auto 72px;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page .title .share {
    margin: 10px auto 52px;
  }
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .title .share {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 10px auto 36px;
  }
}
.detail_page .content_page .title .share > p {
  margin-right: 39.23px;
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .title .share > p {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 5px;
  }
}
.detail_page .content_page .title .share p {
  color: #4D4D4D;
}
.detail_page .content_page .title .share .item {
  margin-right: 63.13px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .detail_page .content_page .title .share .item {
    margin-right: 20px;
  }
}
.detail_page .content_page .title .share .item:last-child {
  margin-right: 0;
}
.detail_page .content_page .title .share .item .icon {
  width: 24.76px;
  height: 24.727px;
  margin-right: 9.36px;
}
.detail_page .content_page .title .share .item .icon svg {
  width: 100%;
}
.detail_page .content_page .the-content {
  padding-bottom: 60px;
  color: var(--Dark, #000);
  line-height: 1.5;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page .the-content {
    padding-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .detail_page .content_page .the-content {
    word-break: break-word;
    padding-bottom: 30px;
  }
}
.detail_page .content_page .the-content p, .detail_page .content_page .the-content ul, .detail_page .content_page .the-content ol, .detail_page .content_page .the-content .wp-caption, .detail_page .content_page .the-content h2, .detail_page .content_page .the-content h3 {
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .detail_page .content_page .the-content p, .detail_page .content_page .the-content ul, .detail_page .content_page .the-content ol, .detail_page .content_page .the-content .wp-caption, .detail_page .content_page .the-content h2, .detail_page .content_page .the-content h3 {
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  .detail_page .content_page .the-content p, .detail_page .content_page .the-content ul, .detail_page .content_page .the-content ol, .detail_page .content_page .the-content .wp-caption, .detail_page .content_page .the-content h2, .detail_page .content_page .the-content h3 {
    margin-bottom: 10px;
  }
}
.detail_page .content_page .the-content ul, .detail_page .content_page .the-content ol {
  padding-left: 20px;
}
.detail_page .content_page .the-content ul li, .detail_page .content_page .the-content ol li {
  padding-bottom: 2px;
}
.detail_page .content_page .the-content ul li:last-child, .detail_page .content_page .the-content ol li:last-child {
  padding-bottom: 0;
}
.detail_page .content_page .the-content ul li {
  list-style: disc;
}
.detail_page .content_page .the-content ol li {
  list-style: decimal;
}
.detail_page .content_page .the-content .wp-block-image,
.detail_page .content_page .the-content .wp-caption {
  width: 100% !important;
  margin-bottom: 40px;
}
@media (max-width: 576px) {
  .detail_page .content_page .the-content .wp-block-image,
  .detail_page .content_page .the-content .wp-caption {
    margin-bottom: 20px;
  }
}
.detail_page .content_page .the-content .wp-block-image img,
.detail_page .content_page .the-content .wp-caption img {
  margin: 0 auto 15px;
  display: block;
  max-width: 100%;
}
.detail_page .content_page .the-content .wp-block-image p, .detail_page .content_page .the-content .wp-block-image figcaption,
.detail_page .content_page .the-content .wp-caption p,
.detail_page .content_page .the-content .wp-caption figcaption {
  font-style: italic;
  font-size: 14px;
  text-align: center;
  margin: 0;
}
.detail_page .content_page .the-content p:last-child {
  margin-bottom: 0;
}
.detail_page .content_page .the-content h2, .detail_page .content_page .the-content h3 {
  font-weight: 700;
}
.detail_page .content_page .the-content strong {
  font-weight: 700;
}
.detail_page .content_page .the-content img {
  margin: 10px auto 40px;
  display: block;
  max-width: 100%;
}
@media (max-width: 576px) {
  .detail_page .content_page .the-content img {
    margin: 15px auto 20px;
  }
}
.detail_page .content_page .the-content a {
  color: #000;
  text-decoration: underline;
}
.detail_page .content_page .other .list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page .other .list {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .detail_page .content_page .other .list {
    margin-bottom: 40px;
  }
}
.detail_page .content_page .other .list .item {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item {
    flex-direction: column;
    gap: 5px;
  }
}
.detail_page .content_page .other .list .item .text {
  width: 75.8333333333%;
  padding-right: 6.6666666667%;
  order: 2;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page .other .list .item .text {
    width: calc(100% - 225px);
  }
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item .text {
    width: 100%;
    order: 2;
  }
}
.detail_page .content_page .other .list .item .text h3 {
  color: #77121D;
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page .other .list .item .text h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item .text h3 {
    font-size: 24px;
  }
}
.detail_page .content_page .other .list .item .text .date {
  color: #4D4D4D;
  font-family: "1FTV-VIP-Hastegi.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 4px 0 12px;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page .other .list .item .text .date {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item .text .date {
    font-size: 13px;
  }
}
.detail_page .content_page .other .list .item .text .excerpt {
  color: #4D4D4D;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item .text .excerpt {
    font-size: 14px;
  }
}
.detail_page .content_page .other .list .item .thumbnail {
  width: 21.6666666667%;
  order: 1;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page .other .list .item .thumbnail {
    width: 210px;
  }
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item .thumbnail {
    width: 100%;
    order: 1;
  }
}
.detail_page .content_page .other .list .item .thumbnail img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: all 0.3s ease;
}
.detail_page .content_page .other .list .item:hover .text h3 {
  color: #BA9360;
}
.detail_page .content_page .other .list .item:hover .thumbnail img {
  transform: scale(1.1);
}

.page-new .cm-banner .title {
  color: #77121D !important;
}
.page-new .cats {
  margin: 40px auto 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5%;
}
@media only screen and (max-width: 767px) {
  .page-new .cats {
    margin: 30px auto 40px;
    flex-wrap: wrap;
    gap: 15px 15px;
  }
}
.page-new .cats .cat {
  background: #F7EAD5;
  min-width: 200px;
  height: 40px;
  padding: 9px 36px 0;
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 42px;
  text-align: center;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
.page-new .cats .cat.active, .page-new .cats .cat:hover {
  background: #77121D;
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .page-new .cats .cat {
    min-width: fit-content;
    padding: 9px 25px 0;
    font-size: 18px;
    height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .page-new .cats .cat {
    padding: 10px 15px 0;
    font-size: 16px;
  }
}
.page-new .wrap {
  padding: 0 8.3333333333%;
}
@media only screen and (max-width: 1024px) {
  .page-new .wrap {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-new .wrap {
    padding: 0 15px;
  }
}
.page-new .latest_new {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.2%;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1280px) {
  .page-new .latest_new {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .page-new .latest_new {
    flex-direction: column;
    gap: 25px;
    margin-bottom: 50px;
  }
}
.page-new .latest_new .left {
  display: block;
  width: 54.1666666667%;
  line-height: 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-new .latest_new .left {
    width: 100%;
    order: 2;
  }
}
.page-new .latest_new .left img {
  width: 100%;
  aspect-ratio: 673/482;
  object-fit: cover;
  transition: all 0.3s ease;
}
.page-new .latest_new .left:hover img {
  transform: scale(1.1);
}
.page-new .latest_new .right {
  width: 41.6666666667%;
}
@media only screen and (max-width: 767px) {
  .page-new .latest_new .right {
    width: 100%;
    order: 1;
  }
}
.page-new .latest_new .right .sub_title {
  color: #e5c895;
  letter-spacing: 2px;
  margin-bottom: 10px;
  font-size: 15px;
}
.page-new .latest_new .right .title {
  margin-bottom: 15px;
  font-size: 40px;
  text-transform: none;
  font-family: "1FTV-VIP-Arroem.otf";
}
@media only screen and (max-width: 768px) {
  .page-new .latest_new .right .title {
    font-size: 30px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 576px) {
  .page-new .latest_new .right .title {
    font-size: 25px;
  }
}
.page-new .latest_new .right .excerpt {
  color: #000;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1.6px;
  margin-bottom: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-new .latest_new .right .excerpt {
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}
.page-new .latest_new .right .cm-see-more {
  font-size: 22px;
}
.page-new .news_list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-new .news_list {
    padding-bottom: 40px;
    gap: 25px;
  }
}
.page-new .news_list .item {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .page-new .news_list .item {
    flex-direction: column;
    gap: 5px;
  }
}
.page-new .news_list .item .text {
  width: 75.8333333333%;
  padding-right: 6.6666666667%;
  order: 2;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list .item .text {
    width: calc(100% - 225px);
  }
}
@media only screen and (max-width: 767px) {
  .page-new .news_list .item .text {
    width: 100%;
    order: 2;
  }
}
.page-new .news_list .item .text h3 {
  color: #77121D;
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list .item .text h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .page-new .news_list .item .text h3 {
    font-size: 24px;
  }
}
.page-new .news_list .item .text .date {
  color: #4D4D4D;
  font-family: "1FTV-VIP-Hastegi.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 4px 0 12px;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list .item .text .date {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .page-new .news_list .item .text .date {
    font-size: 13px;
  }
}
.page-new .news_list .item .text .excerpt {
  color: #4D4D4D;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-new .news_list .item .text .excerpt {
    font-size: 14px;
  }
}
.page-new .news_list .item .thumbnail {
  width: 21.6666666667%;
  order: 1;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list .item .thumbnail {
    width: 210px;
  }
}
@media only screen and (max-width: 767px) {
  .page-new .news_list .item .thumbnail {
    width: 100%;
    order: 1;
  }
}
.page-new .news_list .item .thumbnail img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: all 0.3s ease;
}
.page-new .news_list .item:hover .text h3 {
  color: #BA9360;
}
.page-new .news_list .item:hover .thumbnail img {
  transform: scale(1.1);
}
.page-new .pagination_list_def {
  margin-bottom: 110px;
}
@media only screen and (max-width: 1024px) {
  .page-new .pagination_list_def {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .page-new .pagination_list_def {
    margin-bottom: 65px;
  }
}

.site-content {
  padding-top: 89px;
  position: relative;
}
@media only screen and (max-width: 1367px) {
  .site-content {
    padding-top: 78px;
  }
}
@media only screen and (max-width: 1024px) {
  .site-content {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 576px) {
  .site-content {
    padding-top: 60px;
  }
}

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