@font-face {

    font-family: "SVN-Moneta";

    src: url("../fonts/SVN-Moneta-Light.eot");

    src: url("../fonts/SVN-Moneta-Lightd41d.eot?#iefix")

    format("embedded-opentype"),

    url("../fonts/SVN-Moneta-Light.woff2") format("woff2"),

    url("../fonts/SVN-Moneta-Light.woff") format("woff"),

    url("../fonts/SVN-Moneta-Light.ttf") format("truetype"),

    url("../fonts/SVN-Moneta-Light.svg#svgFontName") format("svg");

    font-weight: 300;

}

@font-face {

    font-family: "SVN-Moneta";

    src: url("../fonts/SVN-Moneta-Regular.eot");

    src: url("../fonts/SVN-Moneta-Regulard41d.eot?#iefix")

    format("embedded-opentype"),

    url("../fonts/SVN-Moneta-Regular.woff2") format("woff2"),

    url("../fonts/SVN-Moneta-Regular.woff") format("woff"),

    url("../fonts/SVN-Moneta-Regular.ttf") format("truetype"),

    url("../fonts/SVN-Moneta-Regular.svg#svgFontName") format("svg");

    font-weight: 400;

}

@font-face {

    font-family: "SVN-Moneta";

    src: url("../fonts/SVN-Moneta-Bold.eot");

    src: url("../fonts/SVN-Moneta-Boldd41d.eot?#iefix")

    format("embedded-opentype"),

    url("../fonts/SVN-Moneta-Bold.woff2") format("woff2"),

    url("../fonts/SVN-Moneta-Bold.woff") format("woff"),

    url("../fonts/SVN-Moneta-Bold.ttf") format("truetype"),

    url("../fonts/SVN-Moneta-Bold.svg#svgFontName") format("svg");

    font-weight: 700;

}

@font-face {

    font-family: "SVN-Moneta";

    src: url("../fonts/SVN-Moneta-Black.eot");

    src: url("../fonts/SVN-Moneta-Blackd41d.eot?#iefix")

    format("embedded-opentype"),

    url("../fonts/SVN-Moneta-Black.woff2") format("woff2"),

    url("../fonts/SVN-Moneta-Black.woff") format("woff"),

    url("../fonts/SVN-Moneta-Black.ttf") format("truetype"),

    url("../fonts/SVN-Moneta-Black.svg#svgFontName") format("svg");

    font-weight: 900;

}

@font-face {

    font-family: "SVN-Gotham";

    src: url("../fonts/SVN-Gotham-Bold.otf") format("otf"),

    url("../fonts/SVN-Gotham-Bold.ttf") format("truetype");

    font-weight: 700;

}

@font-face {

    font-family: "SVN-Gotham";

    src: url("../fonts/SVN-Gotham-Italic.otf") format("otf"),

    url("../fonts/SVN-Gotham-Italic.ttf") format("truetype");

    font-style: italic;

}

@font-face {

    font-family: "SVN-Gotham";

    src: url("../fonts/SVN-Gotham-Regular.otf") format("otf"),

    url("../fonts/SVN-Gotham-Regular.ttf") format("truetype");

    font-weight: 400;

}

@font-face {

    font-family: "SVN-Gotham";

    src: url("../fonts/SVN-Gotham-Light.otf") format("otf"),

    url("../fonts/SVN-Gotham-Light.ttf") format("truetype");

    font-weight: 300;

}



@font-face {

    font-family: "DFVN_Simple";

    src: url("../fonts/DFVN_Simple_Serenity_Script.otf") format("opentype");

}



/** Fix Layout **/

#home-popup .vl-popup__box {

    height: -webkit-max-content !important;

    height: -moz-max-content !important;

    height: max-content !important;

    padding: 0;

}

#home-popup img {

    width: 100% !important;

    height: auto !important;

}

.hoa-animation.ani3 svg {

    animation: rotate 16s infinite linear !important;

}

.CR-progress-page .CR-progress-intro .vc-headline--primary{

    color: #483721;

}



.CR-progress-page .CR-progress-intro .vc-article--post .vc-article__avatar {

  width: 20.85vmax;

}



.CR-progress-page .CR-progress-intro .vc-article--post .vc-article__avatar span {

    z-index: 3;

}

.CR-progress-page .CR-progress-intro .vc-article--post .vc-article__avatar span em {

    width: 100%;

    margin: 0 auto;

    text-align: center;

}

.CR-progress-page .CR-progress-list .vp-post--card{

    aspect-ratio: unset;

    padding: 90px 0;

}

.CR-progress-page .CR-progress-intro .vc-article--post .vc-article__avatar:after {

    content: '';

    position: absolute;

    top: 30px;

    left: -36px;

    border-radius: 250px 250px 0 0;

    border: 1px solid #a29490;

    width: 100%;

    height: 100%;

    z-index: 2;

}

.CR-progress-page .CR-progress-intro .vc-article--post .vc-article__avatar:before {

    display: none;

}

@media (min-width: 992px){

    .CR-progress-page .CR-progress-intro .vc-article--post .vc-article__box {

        padding-left: 80px;

    }

    .CR-progress-page .CR-progress-intro .vc-article--post {

        padding-left: 50px;

    }

}



@media (max-width: 992px){

    .CR-progress-page .CR-progress-intro .vc-article--post .vc-article__avatar {

        margin-bottom: 55px;

    }

    .CR-progress-page .CR-progress-list .vp-post--card{

        padding: 35px 0;

    }

}





/** End Fix **/

/* mouse animation */

.moving-mouse-holder {

    margin: auto;

}



.moving-mouse-holder .mouse {

    width: 24px;

    height: 40px;

    position: relative;

    right: 0;

    border-radius: 18px;

    border: 1px solid #fff;

}



.moving-mouse-holder .mouse-button {

    background-color: #fff;

    width: 2px;

    height: 10px;

    border-radius: 2px;

    position: absolute;

    top: 10px;

    left: 50%;

    margin: 0 0 0 -1px;

    animation: mouse-scroll 1s infinite alternate;

}



.vt-default .mouse {

    border-color: #a29490;

}



.vt-default .mouse-button{

    background-color: #a29490;

}



.vt-white .mouse {

    border-color: #fff;

}



.vt-white .mouse-button{

    background-color: #fff;

}



@keyframes mouse-scroll {

    to {

        transform: translate(0, 6px) scale(1, 0.8);

    }

}

/* end mouse animation */



.swiper-wrapper {

    visibility: hidden;

}

#jsCarouselPost .swiper-wrapper {

    visibility: visible;

}

.swiper-wrapper.show {

    visibility: visible;

}

.swiper-container {

    overflow: hidden;

}

.swiper-button-next::after,

.swiper-button-prev::after {

    display: none;

}

.fb-library .vc-caption {

    bottom: 0;

    position: absolute;

    width: 100%;

}

.fb-library .vc-caption a {

    background-color: rgba(0, 0, 0, 0.5);

    color: #fff;

    display: inline-block;

    font-size: 1.6rem;

    font-weight: normal;

    padding: 10px 15px;

    text-decoration: none;

    transition: background-color 0.25s;

    width: 100%;

}

.fb-library .vc-caption a:hover {

    background-color: rgba(0, 0, 0, 0.9);

    color: #fff;

}

.fb-library .vc-caption {

    bottom: 0;

    position: absolute;

    width: 100%;

}

.fb-library .vc-caption a {

    background-color: rgba(255, 255, 255, 0.9);

    color: #000;

    display: inline-block;

    font-size: 1.6rem;

    line-height: 1.3;

    padding: 10px 15px;

    text-decoration: none;

    transition: background-color 0.25s, color 0.25s;

    width: 100%;

}

.fb-library .vc-caption a:hover {

    background-color: rgba(255, 255, 255, 0.95);

    color: #256695;

}

.fb-library .fancybox-bg {

    background-color: rgba(0, 0, 0, 0.75);

}

.fb-library .fancybox-thumbs__list a::before {

    border: 0;

    transition: background-color 0.25s;

}

.fb-library .fancybox-thumbs__list a.fancybox-thumbs-active::before {

    background-color: rgba(203, 169, 142, 0.7);

}

.fb-library .fancybox-thumbs {

    top: auto;

    width: auto;

    bottom: 0;

    left: 0;

    right: 0;

    height: 95px;

    padding: 10px 10px 5px 10px;

    box-sizing: border-box;

    background-color: rgba(0, 0, 0, 0);

}

.fb-library .fancybox-inner {

    right: 0;

    bottom: 95px;

}

.fb-library .fancybox-thumbs__list {

    margin: 0 auto;

}

.fb-library .fancybox-thumbs__list a::before {

    border-width: 2px;

}

.fb-library .fancybox-toolbar {

    background-color: #000;

    border-radius: 25px;

    overflow: hidden;

    right: 15px;

    top: 15px;

}

.fb-library .fancybox-navigation .fancybox-button {

    background-color: rgba(0, 0, 0, 0);

    height: 38px;

    padding: 0;

    top: calc(50% - 19px);

    width: 38px;

}

.fb-library .fancybox-navigation .fancybox-button div {

    border: 3px solid rgba(0, 0, 0, 0);

    border-radius: 50%;

    padding: 0;

    position: relative;

    transition: background-color 0.25s;

}

.fb-library .fancybox-navigation .fancybox-button div::before {

    border: 2px solid #fff;

    border-bottom: 0;

    border-right: 0;

    content: "";

    display: inline-block;

    height: 13px;

    position: absolute;

    top: 9px;

    width: 13px;

    z-index: 1;

}

.fb-library .fancybox-navigation .fancybox-button div svg {

    display: none;

}

.fb-library .fancybox-navigation .fancybox-button:hover div {

    background-color: #a0a0a0;

}

.fb-library .fancybox-navigation .fancybox-button.fancybox-button--arrow_left {

    left: 10px;

}

.fb-library

.fancybox-navigation

.fancybox-button.fancybox-button--arrow_left

div::before {

    left: 13px;

    transform: rotate(-42deg);

}

.fb-library .fancybox-navigation .fancybox-button.fancybox-button--arrow_right {

    right: 10px;

}

.fb-library

.fancybox-navigation

.fancybox-button.fancybox-button--arrow_right

div::before {

    left: 7px;

    transform: rotate(130deg);

}

.fancybox-close-small {

    display: none;

}

* {

    outline: 0;

    box-sizing: border-box;

    -webkit-overflow-scrolling: touch;

}

html {

    font-family: "SVN-Gotham";

    font-size: 10px;

    height: 100%;

    line-height: 1.5;

    width: 100%;

}

body {

    background-color: #fff;

    color: #000;

    font-family: "SVN-Gotham";

    font-weight: 300;

    height: 100%;

    line-height: 1.5;

    width: 100%;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 700;

    line-height: 1.2;

    margin-bottom: 15px;

    margin-top: 0;

}

h1 {

    font-size: 3.2rem;

}

h2 {

    font-size: 3rem;

}

h3 {

    font-size: 2.8rem;

}

h4 {

    font-size: 2.6rem;

}

h5 {

    font-size: 2.4rem;

}

h6 {

    font-size: 2rem;

}

a,

p,

span,

label,

input[type="text"],

input[type="tel"],

input[type="email"],

textarea,

section,

option {

    font-size: 1.4rem;

}

a {

    text-decoration: none;

}

img {

    max-width: 100%;

    vertical-align: middle;

}

iframe {

    border: 0;

}

@media only screen and (max-width: 991.98px) {

    select {

        -moz-appearance: none;

        -webkit-appearance: none;

    }

    select::-ms-expand {

        display: none;

    }

    a,

    p,

    span,

    label,

    input[type="text"],

    input[type="tel"],

    input[type="email"],

    textarea,

    section,

    option {

        font-size: 1.4rem;

    }

}

.fw-bold {

    font-weight: 700;

}

.fw-medium {

    font-weight: 500;

}

.fw-normal {

    font-weight: 400;

}

.fs-italic {

    font-style: italic;

}

.ta-justify {

    text-align: justify;

}

.td-underline {

    text-decoration: underline;

}

.va-text-top {

    vertical-align: text-top;

}

.ta-center {

    text-align: center;

}

.p-fixed {

    position: fixed;

}

.p-relative {

    position: relative;

}

.p-absolute {

    position: absolute;

}

.d-xl-inline-block {

    display: none !important;

}

@media only screen and (max-width: 1199.98px) {

    .d-xl-inline-block {

        display: inline-block !important;

    }

}

.vl-container {

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

}

@media only screen and (max-width: 1699.98px) {

    .vl-container {

        max-width: calc(100% - 300px);

    }

}

@media only screen and (max-width: 1365.98px) {

    .vl-container {

        max-width: 930px;

        padding-left: 15px;

        padding-right: 15px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vl-container {

        max-width: 100%;

    }

}

.vl-header {

    left: 0;

    position: fixed;

    top: 0;

    z-index: 9999;

}

@media only screen and (min-width: 1200px) {

    .vl-header {

        border-right: 1px solid rgba(72, 55, 33, 0.32);

        height: 100vh;

        padding-top: 20px;

        text-align: center;

        width: 100px;

    }

    .vl-header__logo {

        display: inline-block;

        margin-bottom: 20px;

    }

    .vl-header__logo img {

        width: 80px;

    }

    .vl-header__slogan span {

        color: #a29490;

        display: inline-block;

        font-size: 1.4rem;

        transform: rotate(-180deg);

        -ms-writing-mode: tb-rl;

        writing-mode: tb-rl;

        text-transform: uppercase;

    }

    .vl-header__mouse {

        align-items: center;

        background: url(../img/icons/i-dot.png) no-repeat bottom 0 center/1px;

        bottom: 20px;

        display: flex;

        flex-direction: column;

        left: 0;

        padding-bottom: 55px;

        position: absolute;

        width: 100%;

    }

    .vl-header__mouse span {

        color: #a29490;

        display: none;

        font-size: 1.4rem;

        margin-bottom: 10px;

        transform: rotate(-180deg);

        -ms-writing-mode: tb-rl;

        writing-mode: tb-rl;

        text-transform: uppercase;

        line-height: 0;

    }

    .vl-header__social {

        align-items: center;

        display: flex;

        flex-direction: column;

        margin-top: 15px;

    }

    .vl-header__social a {

        align-items: center;

        background-color: #a29490;

        border-radius: 50%;

        display: inline-flex;

        height: 35px;

        justify-content: center;

        margin-bottom: 10px;

        transition: opacity 0.25s;

        width: 35px;

    }

    .vl-header__social a img {

        height: auto;

        max-width: 15px;

    }

    .vl-header__social a:hover {

        cursor: pointer;

        opacity: 0.75;

    }

    .vl-header__social a:last-child {

        margin-bottom: 0;

    }

}

@media only screen and (min-width: 1700px) {

    .vp-location {

        background-image: url(../img/common/bg-12-150.svg) !important;

    }

    .vp-surface--map1 {

        background-image: url(../img/common/bg-24-150.svg) !important;

    }

    .vl-header {

        height: 100vh;

        padding-top: 45px;

        width: 150px;

    }

    .vl-header__logo img {

        width: auto;

    }

    .vl-header__mouse span {

        display: inline-block;

    }

    .vl-header__social {

        align-items: center;

        display: flex;

        flex-direction: column;

        margin-top: 75px;

    }

    .vl-header__social a {

        height: 45px;

        width: 45px;

    }

    .vl-header__social a img {

        width: auto;

    }

}

@media only screen and (max-width: 1199.98px) {

  body.header-mobile-brown .vl-header__logo img {

    filter: initial;

  }

  .header-mobile-white .vl-header__btn svg {

    stroke: #ffffff;

  }



  .header-mobile-white .header-sticky-mobile.vl-header__btn svg {

    stroke: #a29490;

  }



  .header-mobile-white .vl-sticky__360 {

    border-color: #ffffff;

  }

  .header-mobile-logo-brown .vl-header__logo img {

    filter: initial;

  }



  .header-mobile-white .header-sticky-mobile .vl-sticky__360 {

    border-color:  #a29490;

  }



  .header-mobile-white .sticky__360.header-sticky-mobile svg path {

    fill: #a29490;

  }



  .header-mobile-white .vl-sticky__360 svg path {

    fill: #ffffff;

  }

    .vl-header {

        align-items: center;

        display: flex;

        height: 100px;

        padding-left: 15px;

        padding-right: 15px;

        transition: all 0.8s;

        -webkit-transition: all 0.8s;

        -o-transition: all 0.8s;

        transition: all 0.8s;

        width: 100%;

        background-color: transparent;

    }

    .vl-header.sticky {

        background-color: #fff;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

        height: 60px;

        -webkit-transition: all 0.8s;

        -o-transition: all 0.8s;

        transition: all 0.8s;

    }

    .vl-header.sticky .vl-header__logo img {

        filter: brightness(1);

        height: 54px;

        width: auto;

    }

    .vl-header.sticky .vl-header__slogan {

        opacity: 1;

    }

    .vl-header__logo img {

        filter: brightness(10);

        height: 70px;

        transition: all 0.8s;

        width: auto;

    }

    .vl-header__slogan {

        color: #a29490;

        font-size: 1.4rem;

        opacity: 0;

        padding-left: 10px;

        text-transform: uppercase;

        transition: opacity 0.8s;

    }

    .vl-header__mouse,

    .vl-header__social {

        display: none;

    }

    .vl-header__btn {

        height: 36px;

        right: 15px;

        top: 15px;

        width: 36px;

        z-index: 10001;

    }

    .vl-header__btn svg {

        fill: none;

        height: 48px;

        left: -14px;

        stroke: #a29490;

        stroke-width: 4px;

        stroke-linecap: round;

        stroke-linejoin: round;

        position: absolute;

        top: -6px;

        transition: stroke 0.8s;

        width: 64px;

    }

    .vl-header__btn svg path {

        transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease)

        var(--delay, 0s),

        stroke-dashoffset var(--duration, 0.85s) var(--easing, ease)

        var(--delay, 0s);

        stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px);

        stroke-dashoffset: var(--offset, 126px);

        transform: translateZ(0);

    }

    .vl-header__btn svg path:nth-child(2) {

        --duration: 0.7s;

        --easing: ease-in;

        --offset: 100px;

        --array-2: 74px;

    }

    .vl-header__btn svg path:nth-child(3) {

        --offset: 133px;

        --array-2: 107px;

    }

    .vl-header__btn.expand svg {

        stroke: #fff;

    }

    .vl-header__btn.expand svg path {

        --offset: 57px;

    }

    .vl-header__btn.expand svg path:nth-child(1),

    .vl-header__btn.expand svg path:nth-child(3) {

        --delay: 0.15s;

        --easing: cubic-bezier(0.2, 0.4, 0.2, 1.1);

    }

    .vl-header__btn.expand svg path:nth-child(2) {

        --duration: 0.3s;

        --offset: 2px;

        --array-1: 1px;

    }

    .vl-header__btn.expand svg path:nth-child(3) {

        --offset: 58px;

    }

}

@media only screen and (min-width: 1200px) {

    .vl-nav {

        font-family: "SVN-Moneta";

        left: 150px;

        position: fixed;

        top: 15px;

        z-index: 9999;

    }

    .vl-nav__social {

        display: none;

    }

    .vl-nav > ul {

        align-items: center;

        display: flex;

        list-style: none;

        padding: 0;

    }

    .vl-nav > ul > li {

        margin-right: 20px;

    }

    .vl-nav > ul > li > a {

        color: #483721;

        display: inline-block;

        font-size: 1.6rem;

        font-weight: 700;

        text-decoration: none;

        transition: color 0.25s;

        text-transform: uppercase;

    }

    .vl-nav > ul > li > a:not(.lang) {

        position: relative;

    }

    .vl-nav > ul > li > a:not(.lang)::before {

        background-color: #483721;

        bottom: 0;

        content: "";

        display: block;

        height: 1px;

        position: absolute;

        right: 0;

        transition: left 0.25s, width 0.25s;

        width: 0;

    }

    .vl-nav > ul > li > a.lang {

        align-items: center;

        border: 1px solid #483721;

        border-radius: 50%;

        display: inline-flex;

        height: 48px;

        justify-content: center;

        transition: background-color 0.25s;

        width: 48px;

    }

    .vl-nav > ul > li > ul {

        top: calc(100% - 20px);

        border-radius: 10px;

        list-style: none;

        opacity: 0;

        padding: 15px 0 0;

        position: absolute;

        transform-origin: center top 0;

        transform: scaleY(0);

        transition: transform 0.25s ease-in-out;

        visibility: hidden;

        width: 250px;

    }

    .vl-nav > ul > li > ul > li {

        position: relative;

    }

    .vl-nav > ul > li > ul > li:first-child > a {

        border-radius: 10px 10px 0 0;

    }

    .vl-nav > ul > li > ul > li:last-child > a {

        border-radius: 0 0 10px 10px;

        border-bottom: 0;

    }

    .vl-nav > ul > li > ul > li > a {

        background-color: rgb(129 111 106 / 95%);

        border-bottom: 1px solid rgba(255, 255, 255, 0.25);

        color: #fff;

        display: inline-block;

        font-size: 1.6rem;

        position: relative;

        padding: 10px 15px;

        text-decoration: none;

        transition: background-color 0.25s;

        text-transform: uppercase;

        text-align: left;

        width: 100%;

    }

    .vl-nav > ul > li > ul > li:hover > a {

        background-color: #473620;

    }

    .vl-nav > ul > li:hover > ul {

        opacity: 1;

        visibility: visible;

        transform: scaleY(1);

    }

    .vl-nav > ul > li:hover > a {

        cursor: pointer;

    }

    .vl-nav > ul > li:hover > a:not(.lang)::before {

        left: 0;

        width: 100%;

    }

    .vl-nav > ul > li:hover > a.lang {

        background-color: #a29490;

        color: #fff;

        cursor: pointer;

    }

}

@media only screen and (min-width: 1366px) {

    .vl-nav > ul > li > a {

        font-size: 1.8rem;

    }

    .vl-nav > ul > li > ul > li > a {

        font-size: 1.8rem;

    }

}

@media only screen and (min-width: 1700px) {

    .vl-nav {

        left: 360px;

    }

    .vl-nav > ul > li {

        margin-right: 30px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vl-nav {

        background-color: rgba(71, 54, 32, 0.95);

        height: 100%;

        left: -100%;

        overflow-y: auto;

        position: fixed;

        top: 0;

        transition: left 0.25s;

        width: 100%;

        z-index: 10000;

    }

    .vl-nav__social {

        align-items: center;

        display: flex;

        justify-content: center;

        margin-top: 15px;

    }

    .vl-nav__social a {

        align-items: center;

        background-color: #a29490;

        border-radius: 50%;

        display: inline-flex;

        height: 35px;

        margin: 0 3px;

        justify-content: center;

        transition: opacity 0.25s;

        width: 35px;

    }

    .vl-nav__social a img {

        height: auto;

        max-width: 15px;

    }

    .vl-nav__social a:hover {

        cursor: pointer;

        opacity: 0.75;

    }

    .vl-nav.expand {

        left: 0;

    }

    .vl-nav > ul {

        font-family: "SVN-Moneta";

        list-style: none;

        margin: 0;

        padding: 50px 0 0;

        width: 100%;

    }

    .vl-nav > ul > li {

        text-align: center;

        text-transform: uppercase;

    }

    .vl-nav > ul > li > a {

        color: #fff;

        display: block;

        font-size: 2.5rem;

        padding: 5px 0;

        text-decoration: none;

    }

    .vl-nav > ul > li > a.h-utilitie {

        display: none;

    }

    .vl-nav > ul > li > ul {

        list-style: none;

        margin: 0;

        padding: 0;

    }

    .vl-nav > ul > li > ul > li {

        padding-right: 0;

    }

    .vl-nav > ul > li > ul > li > a {

        color: #fff;

        display: block;

        font-size: 2.5rem;

        padding: 5px 0;

    }

}

@media only screen and (min-width: 1200px) {

    .vl-scroll__item > * {

        aspect-ratio: 1920/937;

        align-items: center;

        display: flex;

        height: 100%;

        width: 100%;

    }

    .no-scroll {

        overflow-y: auto;

    }

    .no-scroll .vl-sticky__tel,

    .no-scroll .vl-sticky__360,

    .no-scroll .vl-nav {

        position: absolute;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vl-scroll {

        max-width: 100vw;

        overflow-x: hidden;

    }

}

.vl-banner,

.vl-banner--breadcrumb {

    position: relative;

}

.vl-banner--breadcrumb .vl-banner__info {

    bottom: 3vw;

}

.vl-banner__img {

    width: 100%;

}

.vl-banner__img img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    width: 100%;

}

.vl-banner__info {

    bottom: 5vw;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

}

.vl-banner__slogan {

    color: #fff;

    font-family: "SVN-Moneta";

    font-weight: normal;

    font-size: 8rem;

    line-height: 1;

    margin: 0;

    text-transform: uppercase;

}



.vl-banner__slogan_1 {

    color: #fff;

    font-family: "DFVN_Simple";

    font-weight: normal;

    font-size: 8rem;

    line-height: 1;

    margin: 0;

    padding-left: 110px;

    text-transform: none;

}



.vl-banner .vc-headline--primary,

.vl-banner .vc-headline--sidebar,

.vl-banner .vc-headline--article,

.vl-banner .vc-headline--white,

.vl-banner--breadcrumb .vc-headline--primary,

.vl-banner--breadcrumb .vc-headline--sidebar,

.vl-banner--breadcrumb .vc-headline--article,

.vl-banner--breadcrumb .vc-headline--white {

    width: 400px;

}

.vl-banner__content {

    color: #666;

    font-size: 1.6rem;

    margin-bottom: 8vw;

}

.vl-banner__content p {

    font-size: 1.6rem;

    margin: 0 0 10px;

}

.vl-banner__content strong {

    font-weight: 700;

}

@media only screen and (max-width: 1699.98px) {

    .vl-banner__info {

        bottom: 30px;

    }

    .vl-banner__slogan {

        /* font-size: 5rem; */

    }

    .vl-banner__slogan_1 {

        /* font-size: 5rem; */

        padding-left: 70px;

    }

    .vl-banner__content {

        padding-left: 10vw;

    }

    .vl-banner__content p {

        font-size: 1.5rem;

        margin: 0 0 5px;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vl-banner__content {

        padding-left: 8vw;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vl-banner,

    .vl-banner--breadcrumb {

        height: 100vh;

    }

    .vl-banner__content {

        height: 100vh;

        display: flex;

        margin-bottom: 0;

        flex-direction: column;

        justify-content: center;

    }

}

@media only screen and (max-width: 991.98px) {

    .vl-banner__slogan {

        font-size: 3rem;

    }

    .vl-banner__slogan_1 {

        font-size: 3rem;

        padding-left: 40px;

    }

    .vl-banner__content {

        padding-left: 0;

        padding-top: 150px;

    }

    .vl-banner__content p {

        font-size: 1.4rem;

    }

    .vl-banner__content .vc-headline--primary,

    .vl-banner__content .vc-headline--sidebar,

    .vl-banner__content .vc-headline--article,

    .vl-banner__content .vc-headline--white {

        width: 200px;

    }

}

@media only screen and (max-width: 767.98px) {

  .vp-post--default .swiper-slide {

    margin-right: 30px !important;

  }

    .vl-banner__info {

        bottom: 150px;

    }

    .vl-banner--breadcrumb .vl-banner__info {

        bottom: 100px;

    }



    .vp-post--default .vp-post__avatar {

        padding-top: 142.8571428571% !important;

    }

}

.vl-breadcrumb,

.vl-breadcrumb--white {

    color: #473620;

    font-size: 1.8rem;

    margin-top: 10px;

}

.vl-breadcrumb a,

.vl-breadcrumb--white a {

    color: #473620;

    display: inline-block;

    font-size: 1.8rem;

    margin-right: 10px;

    padding-right: 20px;

    position: relative;

    text-decoration: none;

    transition: color 0.5s;

    text-transform: uppercase;

}

.vl-breadcrumb a::after,

.vl-breadcrumb--white a::after {

    background-color: #a29490;

    border-radius: 50%;

    content: "";

    display: inline-block;

    height: 10px;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 10px;

}

.vl-breadcrumb a:hover,

.vl-breadcrumb--white a:hover {

    color: #473620;

    text-decoration: underline;

}

.vl-breadcrumb span,

.vl-breadcrumb--white span {

    color: #473620;

    font-size: 1.8rem;

}

.vl-breadcrumb--white {

    color: #9f9f9f;

    margin-top: 0;

}

.vl-breadcrumb--white a {

    color: #9f9f9f;

    text-transform: inherit;

}

.vl-breadcrumb--white a::before,

.vl-breadcrumb--white a::after {

    background-color: #a29490;

    content: "";

    height: 1px;

    position: absolute;

    right: 0;

    top: 12px;

    transform: rotate(45deg);

    width: 10px;

}

.vl-breadcrumb--white a::after {

    top: 18px;

    transform: rotate(-45deg);

}

.vl-breadcrumb--white a:hover {

    color: #fff;

}

.vl-breadcrumb--white span {

    color: #fff;

}

@media only screen and (max-width: 767.98px) {

    .vl-breadcrumb a,

    .vl-breadcrumb--white a {

        font-size: 1.5rem;

    }

    .vl-breadcrumb a::before,

    .vl-breadcrumb--white a::before,

    .vl-breadcrumb a::after,

    .vl-breadcrumb--white a::after {

        right: 0;

        top: 10px;

        width: 8px;

    }

    .vl-breadcrumb a::after,

    .vl-breadcrumb--white a::after {

        top: 15px;

    }

    .vl-breadcrumb span,

    .vl-breadcrumb--white span {

        font-size: 1.5rem;

    }

}

.vl-footer {

    align-items: center;

    background: url(../img/common/bg-01.svg) no-repeat 0 0 / cover;

    display: flex;

    min-height: 100vh;

    max-width: 100vw;

    overflow: hidden;

}

.vl-footer__row {

    display: flex;

    justify-content: space-between;

}

.vl-footer__col {

    width: calc(50% - 100px);

}

.vl-footer__ttl {

    color: #fff;

    font-family: "SVN-Moneta";

    font-size: 3rem;

    font-weight: normal;

    margin: 0 0 15px;

    text-transform: uppercase;

}

.vl-footer__copy {

    color: #fff;

    font-size: 1.4rem;

    margin-top: 140px;

}

.vl-footer__copy a {

    color: #fff;

    font-size: 1.4rem;

    text-decoration: none;

    transition: color 0.25s;

}

.vl-footer__copy a:hover {

    color: #a29490;

    text-decoration: underline;

}

.vl-footer__input {

    margin-bottom: 15px;

}

.vl-footer__input input {

    background-color: rgba(0, 0, 0, 0);

    border-width: 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    color: #fff;

    font-size: 1.4rem;

    padding: 10px 0;

    transition: border-bottom-color 0.25s;

    width: 100%;

}

.vl-footer__input input:focus {

    border-bottom-color: #fff;

}

.vl-footer__input ::-moz-placeholder {

    opacity: 1;

    color: #fff;

}

.vl-footer__input :-ms-input-placeholder {

    opacity: 1;

    color: #fff;

}

.vl-footer__input ::placeholder {

    opacity: 1;

    color: #fff;

}

.vl-footer__input ::-webkit-input-placeholder {

    color: #fff;

}

.vl-footer__input :-moz-placeholder {

    color: #fff;

}

.vl-footer__input ::-moz-placeholder {

    color: #fff;

}

.vl-footer__input :-ms-input-placeholder {

    color: #fff;

}

.vl-footer__input ::-ms-input-placeholder {

    color: #fff;

}

.vl-footer__note {

    color: #fff;

    font-size: 1.4rem;

    margin-bottom: 20px;

}

.vl-footer__info {

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    color: #fff;

    font-size: 1.4rem;

    margin-bottom: 15px;

    padding-bottom: 10px;

}

.vl-footer__info em {

    align-items: center;

    display: inline-flex;

    width: 17px;

}

.vl-footer__info span {

    font-size: 1.4rem;

    display: block;

    margin-top: 5px;

}

.vl-footer__info a {

    color: #fff;

    display: block;

    font-size: 1.4rem;

    margin-top: 5px;

    text-decoration: none;

    transition: color 0.25s;

}

.vl-footer__info a:hover {

    color: #a29490;

}

.vl-footer__box {

    margin-bottom: 30px;

}

@media only screen and (max-width: 1699.98px) {

    .vl-footer {

        padding-top: 80px;

    }

    .vl-footer__ttl {

        font-size: 2rem;

        margin: 0 0 10px;

    }

    .vl-footer__copy {

        margin-top: 90px;

    }

    .vl-footer__input {

        margin-bottom: 10px;

    }

    .vl-footer__note {

        margin-bottom: 15px;

    }

    .vl-footer__info {

        margin-bottom: 10px;

        padding-bottom: 10px;

    }

    .vl-footer__info em {

        width: 15px;

    }

    .vl-footer__info span {

        margin-top: 2px;

    }

    .vl-footer__info a {

        margin-top: 2px;

    }

    .vl-footer__box {

        margin-bottom: 15px;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vl-footer__col {

        width: calc(50% - 50px);

    }

}

@media only screen and (max-width: 1199.98px) {

    .vl-footer {

        align-items: center;

    }

    .vl-footer__copy {

        margin-top: 105px;

    }

}

@media only screen and (max-width: 991.98px) {

    .vl-footer {

        display: block;

        min-height: inherit;

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .vl-footer__col {

        width: calc(50% - 20px);

    }

    .vl-footer__copy {

        margin-top: 20px;

    }

}

@media only screen and (max-width: 767.98px) {

    .vl-footer {

        padding-bottom: 100px;

    }

    .vl-footer__row {

        display: block;

    }

    .vl-footer__col {

        width: 100%;

    }

    .vl-footer__copy {

        margin-top: 15px;

    }

}

.vl-sticky__btn {

    align-items: center;

    background-color: rgba(162, 148, 144, 0.2);

    border-radius: 50%;

    bottom: 90px;

    display: inline-flex;

    height: 90px;

    justify-content: center;

    position: fixed;

    right: 50px;

    width: 90px;

    z-index: 9999;

}

.vl-sticky__btn:hover {

    cursor: pointer;

}

.vl-sticky__btn:hover::before {

    background-color: #473620;

}

.vl-sticky__btn:hover span {

    opacity: 1;

}

.vl-sticky__btn img {

    aspect-ratio: 28/28;

    z-index: 1;

}

.vl-sticky__btn::before {

    background-color: #a29490;

    border-radius: 50%;

    content: "";

    display: inline-block;

    height: 60px;

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    transition: background-color 0.25s;

    width: 60px;

    z-index: 0;

}

.vl-sticky__btn span {

    color: #473620;

    font-size: 1.4rem;

    opacity: 0;

    position: absolute;

    pointer-events: none;

    right: -100%;

    top: 50%;

    transition: opacity 0.25s;

    transform: translate(-100%, -50%);

    width: 180px;

}

.vl-sticky__360 {

    align-items: center;

    /* background: url(../../upload/svg/360-NAU-NHAT.svg) no-repeat center center; */

    border: 1px solid #a29490;

    border-radius: 50%;

    display: inline-flex;

    height: 50px;

    justify-content: center;

    position: fixed;

    right: 280px;

    top: 25px;

    transition: opacity 0.8s;

    width: 50px;

    z-index: 9999;

}



.vl-sticky__360 svg {

  width: 100%;

  height: 100%;

}



.vl-sticky__360 svg path {

  fill: rgb(162, 148, 144);

}



.vt-brown .vl-sticky__360 svg path {

  fill: rgb(71, 54, 32);

}



.vl-sticky__360:hover {

    cursor: pointer;

    opacity: 0.75;

}

.vl-sticky__tel {

    background: url(../img/common/bg-07.svg) no-repeat center center/100%;

    align-items: center;

    display: inline-flex;

    color: #fff;

    font-family: "SVN-Moneta";

    font-size: 2rem;

    height: 50px;

    justify-content: center;

    position: fixed;

    right: 50px;

    top: 25px;

    transition: opacity 0.25s;

    width: 220px;

    z-index: 9999;

}

.vl-sticky__tel img {

    height: auto;

    margin-right: 5px;

    width: 15px;

}

.vl-sticky__tel:hover {

    cursor: pointer;

    opacity: 0.75;

}

@media only screen and (max-width: 1699.98px) {

    .vl-sticky__btn {

        bottom: 20px;

        right: 15px;

    }

    .vl-sticky__tel {

        right: 15px;

    }

    .vl-sticky__360 {

        right: 250px;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vl-sticky__tel {

        font-size: 1.8rem;

        height: 50px;

        top: 27px;

        width: 200px;

    }

    .vl-sticky__tel img {

        height: auto;

        width: 15px;

    }

    .vl-sticky__360 {

        right: 225px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vl-sticky__tel {

        right: 65px;

        top: 7px;

    }

    .vl-sticky__360 {

        height: 45px;

        right: 275px;

        top: 8px;

        width: 45px;

    }

    .vl-sticky__btn span {

        display: none;

    }

}

@media only screen and (max-width: 767.98px) {

    .vl-sticky__btn {

        bottom: 15px;

        height: 70px;

        width: 70px;

    }

    .vl-sticky__btn img {

        aspect-ratio: 20/20;

        height: auto;

        width: 20px;

    }

    .vl-sticky__btn::before {

        background-color: #473620;

        height: 50px;

        width: 50px;

    }

    .vl-sticky__360 {

        right: 60px;

    }

    .vl-sticky__tel {

        background: url(../img/common/bg-06.svg) no-repeat center center/100%;

        bottom: 15px;

        font-size: 1.5rem;

        left: 15px;

        height: 35px;

        line-height: 0;

        right: inherit;

        top: inherit;

        width: 150px;

    }

    .vl-sticky__tel img {

        margin-right: 5px;

    }

}

.vl-popup,

.vl-popup--utility,

.vl-popup--form {

    align-items: center;

    background-color: rgba(0, 0, 0, 0.25);

    display: none;

    height: 100vh;

    justify-content: center;

    left: 0;

    position: fixed;

    top: 0;

    transition: opacity 0.25s, visibility 0.25s;

    width: 100vw;

    z-index: 10000;

}

.vl-popup.init,

.init.vl-popup--utility,

.init.vl-popup--form {

    display: flex;

    opacity: 0;

    visibility: hidden;

}

.vl-popup.show,

.show.vl-popup--utility,

.show.vl-popup--form {

    opacity: 1;

    visibility: visible;

}

.vl-popup__content {

    align-items: center;

    display: flex;

    height: 100%;

    justify-content: center;

    max-height: calc(100% - 100px);

    max-width: calc(100% - 100px);

    margin: 0 auto;

    width: 100%;

}

.vl-popup__close {

    display: inline-block;

    position: fixed;

    transition: opacity 0.25s;

    right: 15px;

    top: 15px;

    z-index: 999999;

}

.vl-popup__close img {

    width: 27px;

}

.vl-popup__close:hover {

    opacity: 0.75;

    cursor: pointer;

}

.vl-popup--form .vl-popup__box {

    background: url(../img/common/bg-08.svg) no-repeat 0 center/cover;

    max-width: 1200px;

    padding: 70px;

    width: 100%;

}

.vl-popup--form .vl-popup__row {

    align-items: center;

    display: flex;

}

.vl-popup--form .vl-popup__col {

    text-align: center;

    width: 380px;

}

.vl-popup--form .vl-popup__col:last-child {

    text-align: left;

    margin-left: 100px;

    width: calc(100% - 480px);

}

.vl-popup--form .vl-popup__avatar {

    display: inline-block;

    position: relative;

    width: 100%;

}

.vl-popup--form .vl-popup__avatar::before {

    border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: 80%;

    position: absolute;

    transform: translate(30px, -30px);

    width: 100%;

    z-index: 0;

}

.vl-popup--form .vl-popup__avatar img {

    border-radius: 250px 250px 0 0;

    position: relative;

    z-index: 1;

    width: 100%;

}

.vl-popup--form .vl-popup__tel {

    align-items: center;

    color: #483721;

    display: inline-flex;

    font-size: 2.4rem;

    margin-top: 5px;

}

.vl-popup--form .vl-popup__tel:hover {

    text-decoration: underline;

}

.vl-popup--form .vl-popup__tel img {

    margin-right: 5px;

}

.vl-popup--form .vl-popup__ttl {

    color: #483721;

    font-family: "SVN-Moneta";

    font-size: 3rem;

    line-height: 1.2;

    font-weight: 700;

    margin: 0 0 15px;

}

.vl-popup--form .vl-popup__txt {

    color: #333;

    font-size: 1.4rem;

    margin: 0 0 15px;

    max-width: 400px;

}

.vl-popup--form .vl-popup__txt p {

    font-size: 1.4rem;

}

.vl-popup--form .vl-popup__input {

    margin-bottom: 15px;

}

.vl-popup--form .vl-popup__input input {

    background-color: rgba(0, 0, 0, 0);

    border-width: 0;

    border-bottom: 1px solid rgba(162, 148, 144, 0.5);

    color: #333;

    font-size: 1.4rem;

    padding: 10px 0;

    transition: border-bottom-color 0.25s;

    width: 100%;

}

.vl-popup--form .vl-popup__input input:focus {

    border-bottom-color: #a29490;

}

.vl-popup--form .vl-popup__input ::-moz-placeholder {

    opacity: 1;

    color: #333;

}

.vl-popup--form .vl-popup__input :-ms-input-placeholder {

    opacity: 1;

    color: #333;

}

.vl-popup--form .vl-popup__input ::placeholder {

    opacity: 1;

    color: #333;

}

.vl-popup--form .vl-popup__input ::-webkit-input-placeholder {

    color: #333;

}

.vl-popup--form .vl-popup__input :-moz-placeholder {

    color: #333;

}

.vl-popup--form .vl-popup__input ::-moz-placeholder {

    color: #333;

}

.vl-popup--form .vl-popup__input :-ms-input-placeholder {

    color: #333;

}

.vl-popup--form .vl-popup__input ::-ms-input-placeholder {

    color: #333;

}

.vl-popup--utility .vl-popup__box {

    background-color: #eceae9;

    max-width: 1200px;

    padding: 70px;

    width: 100%;

}

.vl-popup--utility .vl-popup__row {

    align-items: center;

    display: flex;

}

.vl-popup--utility .vl-popup__col {

    text-align: center;

    width: 640px;

}

.vl-popup--utility .vl-popup__col:last-child {

    text-align: left;

    margin-left: 60px;

    width: calc(100% - 700px);

}

.vl-popup--utility .vl-popup__avatar {

    display: inline-block;

    padding-top: 56.25%;

    position: relative;

    width: 100%;

}

.vl-popup--utility .vl-popup__avatar img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    width: 100%;

}

.vl-popup--utility .vl-popup__ttl {

    color: #a29490;

    font-family: "SVN-Moneta";

    font-size: 5rem;

    line-height: 1.2;

    font-weight: normal;

    margin: 0 0 15px;

    text-transform: uppercase;

}

.vl-popup--utility .vl-popup__txt {

    color: #333;

    font-size: 1.4rem;

    margin: 0 0 15px;

}

.vl-popup--utility .vl-popup__txt p {

    font-size: 1.4rem;

    margin-top: 0;

}

@media only screen and (max-width: 1699.98px) {

    .vl-popup__content {

        max-height: 100%;

        max-width: 100%;

    }

    .vl-popup--form .vl-popup__box {

        padding: 15px;

    }

    .vl-popup--form .vl-popup__avatar::before {

        transform: translate(15px, -20px);

    }

    .vl-popup--form .vl-popup__txt {

        max-width: inherit;

    }

    .vl-popup--utility .vl-popup__box {

        padding: 15px;

    }

    .vl-popup--utility .vl-popup__col {

        width: 500px;

    }

    .vl-popup--utility .vl-popup__col:last-child {

        margin-left: 30px;

        width: calc(100% - 500px);

    }

    .vl-popup--utility .vl-popup__ttl {

        font-size: 4rem;

        margin-bottom: 10px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vl-popup--utility .vl-popup__box {

        padding: 10px;

    }

    .vl-popup--utility .vl-popup__col {

        width: 450px;

    }

    .vl-popup--utility .vl-popup__col:last-child {

        margin-left: 20px;

        width: calc(100% - 470px);

    }

    .vl-popup--utility .vl-popup__ttl {

        font-size: 3rem;

        margin-bottom: 5px;

    }

    .vl-popup--form .vl-popup__col {

        width: 300px;

    }

    .vl-popup--form .vl-popup__col:last-child {

        margin-left: 30px;

        width: calc(100% - 330px);

    }

    .vl-popup--form .vl-popup__avatar::before {

        transform: translate(10px, -20px);

    }

    .vl-popup--form .vl-popup__tel {

        font-size: 2rem;

        margin-top: 3px;

    }

    .vl-popup--form .vl-popup__tel img {

        margin-right: 3px;

    }

    .vl-popup--form .vl-popup__ttl {

        font-size: 2.5rem;

    }

}

@media only screen and (max-width: 991.98px) {

    .vl-popup--utility .vl-popup__row {

        display: block;

    }

    .vl-popup--utility .vl-popup__col {

        width: 100%;

    }

    .vl-popup--utility .vl-popup__col:last-child {

        margin-left: 0;

        margin-top: 10px;

        width: 100%;

    }

    .vl-popup--form .vl-popup__col {

        width: 250px;

    }

    .vl-popup--form .vl-popup__col:last-child {

        width: calc(100% - 270px);

    }

    .vl-popup--form .vl-popup__avatar::before {

        transform: translate(10px, -20px);

    }

    .vl-popup--form .vl-popup__tel {

        font-size: 1.6rem;

    }

    .vl-popup--form .vl-popup__tel img {

        width: 15px;

    }

    .vl-popup--form .vl-popup__ttl {

        font-size: 2rem;

        margin-bottom: 5px;

    }

    .vl-popup--form .vl-popup__input {

        margin-bottom: 10px;

    }

    .vl-popup--form .vl-popup__input input {

        font-size: 1.3rem;

        padding: 5px 0;

    }

}

@media only screen and (max-width: 767.98px) {

    .vl-popup--form .vl-popup__row {

        display: block;

        text-align: center;

    }

    .vl-popup--form .vl-popup__col {

        width: 100%;

    }

    .vl-popup--form .vl-popup__col:last-child {

        margin-left: 0;

        width: 100%;

    }

    .vl-popup--form .vl-popup__avatar {

        width: 100px;

    }

    .vl-popup--form .vl-popup__avatar::before {

        transform: translate(5px, -5px);

    }

    .vl-popup--form .vl-popup__tel {

        display: block;

        margin-bottom: 10px;

    }



    #home-popup .vl-popup__box {

      width: 100% !important;

    }

}

@media only screen and (max-width: 575.98px) {

    .vl-popup,

    .vl-popup--utility,

    .vl-popup--form {

        padding: 20px;

    }

    .vl-popup__content {

        max-height: calc(100% - 50px);

        max-width: 100%;

    }

}

.fancybox-bg {

    background-color: rgba(0, 0, 0, 0.75);

}

@media only screen and (min-width: 1700px) {

    .fb-utility .fancybox-thumbs {

        background-color: rgba(0, 0, 0, 0);

        background-image: none;

        display: flex;

        justify-content: center;

        left: 0;

        transform: translateY(80vh);

        width: 100%;

    }

    .fb-utility .fancybox-thumbs__list {

        height: auto;

        width: 1000px !important;

    }

    .fb-utility .fancybox-thumbs__list a {

        height: 135px;

        width: 246px;

    }

    .fb-utility .fancybox-thumbs__list a:before {

        border: 2px solid #a97f49;

    }

    .fb-utility .fancybox-thumbs__list a::after {

        background-color: rgba(255, 255, 255, 0.25);

        content: "";

        display: block;

        height: 100%;

        left: 0;

        position: absolute;

        transition: opacity 0.25s;

        top: 0;

        width: 100%;

    }

    .fb-utility .fancybox-thumbs__list a.fancybox-thumbs-active::after {

        opacity: 1;

    }

    .fb-utility .fancybox-infobar,

    .fb-utility .fancybox-button--zoom,

    .fb-utility .fancybox-button--play,

    .fb-utility .fancybox-button--thumbs {

        display: none !important;

    }

    .fb-utility .fancybox-inner {

        right: 0;

    }

    .fb-utility .fancybox-bg {

        background: url(../../upload/svg/popup.svg) no-repeat 0 center/cover;

        opacity: 1;

    }

    .fb-utility .fancybox-button--close {

        background-color: rgba(0, 0, 0, 0);

        height: 60px;

        width: 60px;

    }

    .fb-utility .fancybox-button--arrow_left,

    .fb-utility .fancybox-button--arrow_right {

        background-color: rgba(0, 0, 0, 0);

        background-image: none;

        border: 1px solid #fff;

        border-radius: 50%;

        height: 55px;

        padding: 0;

        opacity: 1;

        visibility: visible;

        width: 55px;

    }

    .fb-utility .fancybox-button--arrow_left:hover,

    .fb-utility .fancybox-button--arrow_right:hover {

        background-color: #a97f49;

    }

    .fb-utility .fancybox-button--arrow_left {

        left: 15vw;

    }

    .fb-utility .fancybox-button--arrow_right {

        right: 15vw;

    }

    .fb-utility .fancybox-content {

        align-items: center;

        display: flex;

        flex-direction: column;

        justify-content: center;

        margin: -130px 0 0;

    }

    .fb-utility .fancybox-image {

        height: 100%;

        margin-bottom: 15px;

        -o-object-fit: cover;

        object-fit: cover;

        position: relative;

        width: 100%;

    }

    .fb-utility .fb-caption {

        color: #fff;

        display: flex;

        z-index: 1;

        width: 1000px;

    }

    .fb-utility .fb-ttl {

        font-size: 3.6rem;

        font-family: "SVN-Moneta";

        line-height: 1.2;

        font-weight: normal;

        text-transform: uppercase;

        width: 50%;

    }

    .fb-utility .fb-txt {

        font-size: 1.6rem;

        flex: 1;

        padding-left: 50px;

    }

}

@media only screen and (max-width: 1699.98px) {

    .fb-utility .fancybox-thumbs {

        background-color: rgba(0, 0, 0, 0);

        background-image: none;

        display: flex;

        justify-content: center;

        left: 0;

        transform: translateY(80vh);

        width: 100%;

    }

    .fb-utility .fancybox-thumbs__list {

        height: auto;

        width: 1000px !important;

    }

    .fb-utility .fancybox-thumbs__list a {

        height: 135px;

        width: 246px;

    }

    .fb-utility .fancybox-thumbs__list a:before {

        border: 2px solid #a97f49;

    }

    .fb-utility .fancybox-thumbs__list a::after {

        background-color: rgba(255, 255, 255, 0.25);

        content: "";

        display: block;

        height: 100%;

        left: 0;

        position: absolute;

        transition: opacity 0.25s;

        top: 0;

        width: 100%;

    }

    .fb-utility .fancybox-thumbs__list a.fancybox-thumbs-active::after {

        opacity: 1;

    }

    .fb-utility .fancybox-infobar,

    .fb-utility .fancybox-button--zoom,

    .fb-utility .fancybox-button--play,

    .fb-utility .fancybox-button--thumbs {

        display: none !important;

    }

    .fb-utility .fancybox-inner {

        right: 0;

    }

    .fb-utility .fancybox-bg {

        background: url(../../upload/svg/popup.svg) no-repeat 0 center/cover;

        opacity: 1;

    }

    .fb-utility .fancybox-button--close {

        background-color: rgba(0, 0, 0, 0);

        height: 60px;

        width: 60px;

    }

    .fb-utility .fancybox-button--arrow_left,

    .fb-utility .fancybox-button--arrow_right {

        background-color: rgba(0, 0, 0, 0);

        background-image: none;

        border: 1px solid #fff;

        border-radius: 50%;

        height: 55px;

        padding: 0;

        opacity: 1;

        visibility: visible;

        width: 55px;

    }

    .fb-utility .fancybox-button--arrow_left:hover,

    .fb-utility .fancybox-button--arrow_right:hover {

        background-color: #a97f49;

    }

    .fb-utility .fancybox-button--arrow_left {

        left: 15vw;

    }

    .fb-utility .fancybox-button--arrow_right {

        right: 15vw;

    }

    .fb-utility .fancybox-content {

        align-items: center;

        display: flex;

        flex-direction: column;

        justify-content: center;

        margin: -130px 0 0;

    }

    .fb-utility .fancybox-image {

        height: 100%;

        margin-bottom: 15px;

        -o-object-fit: cover;

        object-fit: cover;

        position: relative;

        width: 100%;

    }

    .fb-utility .fb-caption {

        color: #fff;

        display: flex;

        z-index: 1;

        width: 1000px;

    }

    .fb-utility .fb-ttl {

        font-size: 3.6rem;

        font-family: "SVN-Moneta";

        line-height: 1.2;

        font-weight: normal;

        text-transform: uppercase;

        width: 50%;

    }

    .fb-utility .fb-txt {

        font-size: 1.6rem;

        flex: 1;

        padding-left: 50px;

    }

}



@media (max-width: 1600px) and (min-width: 1565px) {

    .vc-article--home1 > .hoa-animation {

        left: 110px;

    }

    .vc-article--home1 > .hoa-animation.ani2 > svg {

        width: 90px;

        height: 90px;

    }

}



@media only screen and (max-width: 1600.98px) {



    .fb-utility .fancybox-button--arrow_left {

        left: 10vw;

    }

    .fb-utility .fancybox-button--arrow_right {

        right: 10vw;

    }



    .fb-utility .fancybox-image {

        height: 80%;

    }



    .fb-utility .fancybox-content {

        margin: -80px 0 0;

    }



    .fb-utility .fancybox-thumbs__list a {

        height: 100px;

    }

}



@media only screen and (max-width: 1366.98px) {



    .fb-utility .fancybox-button--arrow_left {

        left: 5vw;

    }

    .fb-utility .fancybox-button--arrow_right {

        right: 5vw;

    }



    .fb-utility .fancybox-image {

        height: 65%;

    }



    .fb-utility .fancybox-content {

        margin: -80px 0 0;

    }



    .fb-utility .fancybox-thumbs__list a {

        height: 100px;

    }

}



@media only screen and (max-width: 991.98px) {



    .fb-utility .fancybox-content {

        margin: -40px 0 0;

    }



    .fb-utility .fancybox-image {

        height: 100%;

        margin-bottom: 0px;

    }



    .fancybox-show-thumbs .fancybox-thumbs {

        display: block;

        transform: translateY(70vh);

    }



    .fancybox-thumbs-x {

        left: 0;

    }

    .fancybox-button--arrow_left,

    .fancybox-button--arrow_right {

        background-color: rgba(0, 0, 0, 0);

        background-image: none;

        border: 1px solid #fff;

        border-radius: 50%;

        height: 60px !important;

        padding: 0 !important;

        opacity: 1 !important;

        visibility: visible;

        width: 60px !important;

        top: calc(50% - 40px) !important;

    }

    .fancybox-button--arrow_left:hover,

    .fancybox-button--arrow_right:hover {

        background-color: #a97f49;

    }

    .fancybox-button--arrow_left {

        left: 15px !important;

    }

    .fancybox-button--arrow_right {

        right: 15px !important;

    }

    .fancybox-infobar,

    .fancybox-button--zoom,

    .fancybox-button--play,

    .fancybox-button--thumbs {

        display: none !important;

    }

    .fancybox-show-thumbs .fancybox-inner {

        right: 0;

    }

    .fancybox-thumbs {

        background-color: rgba(0, 0, 0, 0);

        background-image: none;

        display: flex;

        justify-content: center;

        left: 0;

        transform: translateY(80vh);

        width: 100%;

    }

    .fancybox-thumbs__list {

        height: auto;

        width: auto;

    }

    .fb-utility .fancybox-thumbs__list a {

        height: 125px;

        width: 200px;

    }

    .fancybox-thumbs__list a:before {

        border: 2px solid #a97f49;

    }

    .fancybox-thumbs__list a::after {

        background-color: rgba(255, 255, 255, 0.25);

        content: "";

        display: block;

        height: 100%;

        left: 0;

        position: absolute;

        transition: opacity 0.25s;

        top: 0;

        width: 100%;

    }

    .fancybox-thumbs__list a.fancybox-thumbs-active::after {

        opacity: 1;

    }



    .fb-utility .fb-caption {

        display: block;

        padding: 5px 10px;

        background-color: rgba(169,127,73,.5);

        bottom: 0;

        color: #fff;

        position: absolute;

        width: 100%;

        z-index: 1;

    }

    .fb-utility .fb-ttl {

        font-size: 1.6rem;

        width: 100%;

    }

    .fb-utility .fb-txt {

        font-size: 1.3rem;

        line-height: 1.1;

        padding-left: 0;

    }

}

@media only screen and (max-width: 767.98px) {



    .fancybox-show-thumbs .fancybox-thumbs {

        transform: translateY(66vh);

    }



    .fb-utility .fancybox-content {

        margin: 0px;

    }



    .fb-utility .fancybox-thumbs__list a {

        height: 70px;

        width: 125px;

    }

    .fancybox-button--arrow_left,

    .fancybox-button--arrow_right {

        height: 30px !important;

        width: 30px !important;

        top: calc(50% - 15px) !important;

    }

    .fancybox-button--arrow_left img,

    .fancybox-button--arrow_right img {

        width: 8px;

    }

}



@media only screen and (max-width: 540.98px) {

    .fancybox-show-thumbs .fancybox-thumbs {

        transform: translateY(72vh);

    }

}



@media only screen and (max-width: 420.98px) {



    .fancybox-show-thumbs .fancybox-thumbs {

        transform: translateY(63vh);

    }

}

@media only screen and (max-width: 376.98px) {



    .fancybox-show-thumbs .fancybox-thumbs {

        transform: translateY(66vh);

    }

}

.vc-icon {

    height: 1em;

    transition: fill 0.25s;

    width: 1em;

}

.vc-btn--primary,

.vc-btn--download,

.vc-btn--white,

.vc-btn--back,

.vc-btn--back-white {

    align-items: center;

    background-color: rgba(0, 0, 0, 0);

    border-width: 0;

    color: #473620;

    display: inline-flex;

    font-size: 1.8rem;

    line-height: 1;

    margin-bottom: 40px;

    margin-top: 40px;

    position: relative;

    text-transform: uppercase;

}

.vc-btn--primary:hover,

.vc-btn--download:hover,

.vc-btn--white:hover,

.vc-btn--back:hover,

.vc-btn--back-white:hover {

    cursor: pointer;

}

.vc-btn--primary:hover::before,

.vc-btn--download:hover::before,

.vc-btn--white:hover::before,

.vc-btn--back:hover::before,

.vc-btn--back-white:hover::before {

    left: 40px;

}

.vc-btn--primary::before,

.vc-btn--download::before,

.vc-btn--white::before,

.vc-btn--back::before,

.vc-btn--back-white::before {

    border: 1px solid rgba(71, 54, 32, 0.21);

    border-radius: 50%;

    content: "";

    display: inline-block;

    height: 100px;

    left: 20px;

    position: absolute;

    transition: left 0.25s;

    top: 50%;

    transform: translateY(-50%);

    width: 100px;

}



.vc-article__col .vc-btn--back-white::before {

    height: 70px;

    width: 70px;

}



.vc-btn--primary img,

.vc-btn--download img,

.vc-btn--white img,

.vc-btn--back img,

.vc-btn--back-white img {

    aspect-ratio: 80/42;

    margin-right: 10px;

    width: 80px;

}

.vc-btn--back,

.vc-btn--back-white {

    padding-left: 30px;

}

.vc-btn--back:hover::before,

.vc-btn--back-white:hover::before {

    left: 20px;

}

.vc-btn--back::before,

.vc-btn--back-white::before {

    left: 60px;

}

.vc-btn--back-white {

    color: #fff;

}

.vc-btn--back-white::before {

    border-color: #fff;

}

.vc-btn--back-white img {

    filter: brightness(10);

}

.vc-btn--white {

    color: #fff;

}

.vc-btn--white::before {

    border: 1px solid rgba(255, 255, 255, 0.21);

}

.vc-btn--download {

    font-family: "SVN-Moneta";

    font-size: 4rem;

    line-height: 1;

    margin-bottom: 0;

    margin-top: 0;

}

.vc-btn--download:hover::before {

    left: calc(100% - 85px);

    transform: translateY(-20%);

}

.vc-btn--download img {

    aspect-ratio: 44/81;

    height: 81px;

    margin-left: 50px;

    width: 44px;

}

.vc-btn--download::before {

    left: calc(100% - 85px);

    transition: transform 0.25s;

}

@media only screen and (max-width: 1199.98px) {

    .vc-btn--primary,

    .vc-btn--back,

    .vc-btn--back-white,

    .vc-btn--white,

    .vc-btn--download {

        font-size: 1.5rem;

        margin-bottom: 35px;

        margin-top: 35px;

    }

    .vc-btn--primary::before,

    .vc-btn--back::before,

    .vc-btn--back-white::before,

    .vc-btn--white::before,

    .vc-btn--download::before {

        height: 90px;

        width: 90px;

    }

    .vc-btn--primary img,

    .vc-btn--back img,

    .vc-btn--back-white img,

    .vc-btn--white img,

    .vc-btn--download img {

        aspect-ratio: 65/34;

        width: 65px;

    }

    .vc-btn--download {

        margin-bottom: 0;

        margin-top: 0;

    }

    .vc-btn--download img {

        aspect-ratio: 30/55;

        height: auto;

        margin-left: 50px;

        width: 30px;

    }

    .vc-btn--download::before {

        height: 80px;

        left: calc(100% - 70px);

        width: 80px;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-btn--primary,

    .vc-btn--back,

    .vc-btn--back-white,

    .vc-btn--white,

    .vc-btn--download {

        margin-bottom: 20px;

        margin-top: 20px;

    }

    .vc-btn--primary::before,

    .vc-btn--back::before,

    .vc-btn--back-white::before,

    .vc-btn--white::before,

    .vc-btn--download::before {

        height: 70px;

        width: 70px;

    }

    .vc-btn--download {

        margin-bottom: 0;

        margin-top: 0;

    }

}

.vc-headline--primary,

.vc-headline--sidebar,

.vc-headline--article,

.vc-headline--white {

    color: #a29490;

    font-family: "SVN-Moneta";

    font-size: 6.5rem;

    font-weight: normal;

    line-height: 1.2;

    margin: 0 0 20px;

    text-transform: uppercase;

}

.vc-headline--white {

    color: #fff;

}

.vc-headline--white span {

    display: block;

    font-size: 3rem;

}

.vc-headline--article {

    background: url(../img/icons/i-flower.png) no-repeat bottom 0 center/67px;

    color: #473620;

    font-size: 5rem;

    padding-bottom: 80px;

}

.vc-headline--sidebar {

    color: #473620;

    font-size: 4rem;

    margin-bottom: 30px;

}

@media only screen and (max-width: 1699.98px) {

    .vc-headline--primary,

    .vc-headline--white,

    .vc-headline--article,

    .vc-headline--sidebar {

        font-size: 5rem;

        margin-bottom: 15px;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vc-headline--sidebar {

        font-size: 3rem;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-headline--primary,

    .vc-headline--white,

    .vc-headline--article,

    .vc-headline--sidebar {

        font-size: 4rem;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-headline--primary,

    .vc-headline--white,

    .vc-headline--article,

    .vc-headline--sidebar {

        font-size: 3rem;

    }

    .vc-headline--sidebar,

    .vc-headline--article {

        font-size: 2.5rem;

    }

}

.vc-txt,

.vc-txt--white {

    color: #666;

    font-size: 1.6rem;

    line-height: 1;

    margin-bottom: 10px;

}

.vc-txt--white {

    color: #fff;

}

.vc-link {

    transition: color 0.25s, opacity 0.25s;

}



.vc-card--post {

    margin-bottom: 30px;

}

.vc-card--post .vc-card__item {

    border-bottom: 1px solid #e1e1e1;

    display: flex;

    justify-content: space-between;

    width: 100%;

    padding: 20px 0px;

}

.vc-card--post .vc-card__item:last-child {

    border-bottom-width: 0;

    padding-bottom: 0;

}

.vc-card--post .vc-card__item:hover .vc-card__avatar {

    opacity: 0.75;

}

.vc-card--post .vc-card__item:hover .vc-card__ttl {

    text-decoration: underline;

}

.vc-card--post .vc-card__col {

    width: 220px;

}

.vc-card--post .vc-card__col:last-child {

    flex: 1;

    padding-left: 50px;

    padding-top: 15px;

}

.vc-card--post .vc-card__avatar {

    overflow: hidden;

    padding-top: 59.0909090909%;

    position: relative;

    transition: opacity 0.25s;

    width: 100%;

}

.vc-card--post .vc-card__avatar img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    width: 100%;

}

.vc-card--post .vc-card__date {

    color: #473620;

    font-size: 1.6rem;

    display: block;

}

.vc-card--post .vc-card__ttl {

    color: #473620;

    font-family: "SVN-Moneta";

    font-size: 3.5rem;

    line-height: 1.2;

    text-transform: uppercase;

    font-weight: 500;

}

@media only screen and (max-width: 1699.98px) {

    .vc-card--post {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .vc-card--post .vc-card__item:last-child {

        border-bottom-width: 1px;

    }

    .vc-card--post .vc-card__col:last-child {

        padding-left: 15px;

    }

    .vc-card--post .vc-card__date {

        font-size: 1.6rem;

    }

    .vc-card--post .vc-card__ttl {

        font-size: 2.5rem;

    }



    .vc-card--post .vc-card__col {

        width: 150px;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vc-card--post .vc-card__ttl {

        font-size: 2rem;

    }

    .vc-card--post .vc-card__col {

        width: 150px;

    }

    .vc-card--post .vc-card__col:last-child {

        align-items: center;

        display: flex;

        padding-top: 0;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-card--post {

        display: block;

    }

    .vc-card--post .vc-card__item {

        width: 100%;

    }

    .vc-card--post .vc-card__col {

        width: 150px;

    }

    .vc-card--post .vc-card__col:last-child {

        padding-left: 10px;

    }

    .vc-card--post .vc-card__ttl {

        font-size: 1.6rem;

    }

}

.vc-article,

.vc-article--surface,

.vc-article--location,

.vc-article--post,

.vc-article--product2,

.vc-article--product1,

.vc-article--home2,

.vc-article--home1,

.vc-article--home,

.vc-article--about1,

.vc-article--about {

    color: #473620;

    font-size: 1.6rem;

}

.vc-article__img img,

.vc-article--product2 .vc-article__img--bottom img {

    max-width: 100%;

}

.vc-article__wrap {

    border-bottom: 1px solid rgba(166, 166, 166, 0.23);

    border-top: 1px solid rgba(166, 166, 166, 0.23);

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

    padding-bottom: 10px;

    padding-top: 10px;

}

.vc-article__back {

    color: #3f3f3f;

    display: inline-block;

    font-size: 1.4rem;

    padding-left: 15px;

    padding-top: 3px;

    position: relative;

    transition: opacity 0.25s;

}

.vc-article__back::before,

.vc-article__back::after {

    background-color: #3f3f3f;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    top: 10px;

    transform: rotate(-45deg);

    width: 10px;

}

.vc-article__back::after {

    top: 16px;

    transform: rotate(45deg);

}

.vc-article__back:hover {

    opacity: 0.75;

}

.vc-article__social {

    align-items: center;

    display: flex;

}

.vc-article__social span {

    color: #3f3f3f;

    font-size: 1.4rem;

    font-weight: 700;

    text-transform: uppercase;

}

.vc-article__social a {

    margin-left: 10px;

    transition: opacity 0.25s;

}

.vc-article__social a:hover {

    opacity: 0.75;

}

.vc-article__content {

    color: #473620;

    font-size: 1.6rem;

    margin-bottom: 20px;

}

.vc-article__content:last-child {

    margin-bottom: 0;

}

.vc-article__content h1,

.vc-article__content h2,

.vc-article__content h3,

.vc-article__content h4,

.vc-article__content h5,

.vc-article__content h6 {

    color: #4f4f4f;

}

.vc-article__content strong {

    font-weight: 700;

}

.vc-article__content p {

    color: currentColor;

    font-size: 1.6rem;

    margin: 0 0 10px;

}

.vc-article__content p:last-child {

    margin-bottom: 0;

}

.vc-article__content a {

    color: currentColor;

    font-size: 1.6rem;

    transition: color 0.25s;

}

.vc-article__content a:hover {

    color: #bc8230;

    text-decoration: none;

}

.vc-article__content ul {

    list-style: none;

    padding: 0;

}

.vc-article__content ul li {

    margin-bottom: 10px;

}

.vc-article__content ul a {

    display: block;

    padding-left: 10px;

    position: relative;

}

.vc-article__content ul a::before {

    border: 1px solid #473620;

    border-radius: 50%;

    content: "";

    display: inline-block;

    height: 5px;

    left: 0;

    position: absolute;

    top: 7px;

    width: 5px;

}

.vc-article__content img {

    margin: 1.5rem auto;

    max-width: 100%;

}

.vc-article__content figure {

    text-align: center;

    font-style: italic;

}

.vc-library__box {

    align-items: flex-end;

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

    padding-left: 140px;

    padding-right: 140px;

}

.vc-library .vc-headline--primary,

.vc-product--library .vc-headline--primary,

.vc-library--video .vc-headline--primary,

.vc-library--default .vc-headline--primary,

.vc-library .vc-headline--white,

.vc-product--library .vc-headline--white,

.vc-library--video .vc-headline--white,

.vc-library--default .vc-headline--white,

.vc-library .vc-headline--article,

.vc-product--library .vc-headline--article,

.vc-library--video .vc-headline--article,

.vc-library--default .vc-headline--article,

.vc-library .vc-headline--sidebar,

.vc-product--library .vc-headline--sidebar,

.vc-library--video .vc-headline--sidebar,

.vc-library--default .vc-headline--sidebar {

    margin-bottom: 0;

}

.vc-library__nav {

    margin-bottom: 10px;

    min-width: 150px;

}

.vc-library__nav a {

    color: #a29490;

    font-size: 1.8rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    margin-left: 10px;

    padding-bottom: 5px;

    position: relative;

    text-transform: uppercase;

    transition: color 0.25s;

    font-weight: 700;

}

.vc-library__nav a::before {

    background-color: #483721;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    right: 0;

    transition: left 0.25s, width 0.25s;

    width: 0;

}

.vc-library__nav a:hover,

.vc-library__nav a.current {

    color: #483721;

}

.vc-library__nav a:hover::before,

.vc-library__nav a.current::before {

    left: 0;

    width: 100%;

}

.vc-library--default {

    background-color: #eceae9;

}

.vc-library--default .vc-library__container {

    max-width: 1480px;

}

.vc-library--default .vc-library__picture-carousel {

    position: relative;

}

.vc-library--default .swiper {

    height: 595px;

}

.vc-library--default .swiper-button-prev,

.vc-library--default .swiper-button-next {

    align-items: center;

    background-color: rgba(0, 0, 0, 0);

    border: 1px solid #a49692;

    border-radius: 50%;

    display: inline-flex;

    height: 50px;

    justify-content: center;

    left: 135px;

    margin: 0;

    padding: 0;

    position: absolute;

    top: 0;

    transition: background-color 0.25s;

    width: 50px;

}

.vc-library--default .swiper-button-prev:hover,

.vc-library--default .swiper-button-next:hover {

    background-color: #fff;

    cursor: pointer;

}

.vc-library--default .swiper-button-prev img,

.vc-library--default .swiper-button-next img {

    width: 12px;

}

.vc-library--default .swiper-button-next {

    left: 195px;

}

.vc-library--default .swiper-slide {

    align-items: flex-end;

    display: flex;

    height: auto;

    justify-content: center;

    transition: width 0.25s;

    width: calc((100% - 600px) / 2);

}

.vc-library--default .swiper-slide-active {

    width: 450px;

}

.vc-library--default .swiper-slide-active .vc-library__card {

    width: 450px;

}

.vc-library--default .swiper-slide-active .vc-library__avatar {

    padding-top: 131.3152400835%;

}

.vc-library--default .swiper-slide-active .vc-library__avatar::before {

    display: none;

}

.vc-library--default .swiper-slide-active .vc-library__ttl {

    font-size: 5rem;

    position: absolute;

    right: 0;

    max-width: 300px;

    top: 0;

    transform: translate(75%, -15px);

}

.vc-library--default .swiper-slide-prev .vc-library__card {

    width: 290px;

}

.vc-library--default .swiper-slide-prev .vc-library__avatar {

    padding-top: 64.6153846154%;

}

.vc-library--default .swiper-slide-prev .vc-library__avatar::before {

    left: 0;

    transform: translate(70%, -50px);

}

.vc-library--default .swiper-slide-prev .vc-library__ttl {

    padding-left: 70px;

}

.vc-library--default .vc-library__card {

    display: block;

    position: relative;

    transition: width 0.25s;

    width: 325px;

}

.vc-library--default .vc-library__card.hidden {

    display: none;

}

.vc-library--default .vc-library__ttl {

    color: #473620;

    display: inline-block;

    font-size: 3.5rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    margin-top: 40px;

    text-transform: uppercase;

    transition: color 0.25s;

    z-index: 1;

}

.vc-library--default .vc-library__ttl:hover {

    color: #473620;

    text-decoration: underline;

}

.vc-library--default .vc-library__avatar {

    position: relative;

    padding-top: 64.6153846154%;

    width: 100%;

}

.vc-library--default .vc-library__avatar::before {

    border: 1px solid rgba(162, 148, 144, 0.5);

    border-radius: 250px 250px 0 0;

    content: "";

    left: 50%;

    height: calc(100% + 80px);

    position: absolute;

    transform: translate(-50%, -50px);

    top: 0;

    width: 70%;

    z-index: 2;

}

.vc-library--default .vc-library__avatar img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    z-index: 0;

    width: 100%;

}

.vc-library--video {

    background-color: #eceae9;

}

.vc-library--video .vc-library__container {

    max-width: 1480px;

}

.vc-library__video .swiper {

    margin-top: 30px;

    position: relative;

    width: calc(100vw - (100vw - 1480px) / 2);

}

.vc-library__video .swiper-button-prev,

.vc-library__video .swiper-button-next {

    align-items: center;

    background-color: rgba(0, 0, 0, 0);

    border: 1px solid #fff;

    border-radius: 50%;

    display: inline-flex;

    height: 50px;

    left: inherit;

    justify-content: center;

    margin: 0;

    padding: 0;

    position: absolute;

    right: 120px;

    top: 50%;

    transform: translateY(-50%);

    transition: background-color 0.25s;

    width: 50px;

}

.vc-library__video .swiper-button-prev:hover,

.vc-library__video .swiper-button-next:hover {

    background-color: #fff;

    cursor: pointer;

}

.vc-library__video .swiper-button-prev:hover img,

.vc-library__video .swiper-button-next:hover img {

    filter: brightness(0);

}

.vc-library__video .swiper-button-prev img,

.vc-library__video .swiper-button-next img {

    filter: brightness(10);

    width: 12px;

}

.vc-library__video .swiper-button-prev {

    right: 120px;

    top: calc(50% - 60px);

}

.vc-library__video .swiper-slide {

    align-items: flex-end;

    display: flex;

    height: auto;

    justify-content: center;

    transition: width 0.25s;

    width: 650px;

}

.vc-library__video

.swiper-slide:not(.swiper-slide-next):not(.swiper-slide-active)

.vc-library__avatar::before {

    background-color: rgba(0, 0, 0, 0.75);

    content: "";

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

}

.vc-library__video .vc-library__card {

    display: block;

    position: relative;

    width: 100%;

}

.vc-library__video .vc-library__ttl {

    color: #473620;

    display: inline-block;

    font-size: 3.5rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    margin-top: 15px;

    text-transform: uppercase;

    transition: color 0.25s;

    z-index: 1;

    font-weight: 500;

    height: 75px;

    overflow: hidden;

    width: 100%;

    word-break: break-word;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -moz-box-orient: vertical;

    -ms-box-orient: vertical;

    box-orient: vertical;

    -webkit-line-clamp: 2;

    -moz-line-clamp: 2;

    -ms-line-clamp: 2;

    line-clamp: 2

}

.vc-library__video .vc-library__ttl:hover {

    color: #473620;

    text-decoration: underline;

}

.vc-library__video .vc-library__avatar {

    position: relative;

    padding-top: 67.786259542%;

    width: 100%;

}

.vc-library__video .vc-library__avatar::after {

    background-image: linear-gradient(

        to top,

        rgb(71, 54, 32) 0%,

        rgba(71, 54, 32, 0) 100%

    );

    bottom: 0;

    content: "";

    display: block;

    height: 50%;

    left: 0;

    position: absolute;

    width: 100%;

    z-index: 1;

}

.vc-library__video .vc-library__avatar span {

    align-items: center;

    bottom: 15px;

    color: #fff;

    display: flex;

    font-size: 1.6rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    left: 15px;

    position: absolute;

    text-transform: uppercase;

    z-index: 2;

}

.vc-library__video .vc-library__avatar span::before {

    background: url(../img/icons/i-play-white.png) no-repeat center center/7px;

    border: 1px solid #fff;

    border-radius: 50%;

    content: "";

    display: block;

    height: 58px;

    margin-right: 10px;

    width: 58px;

}

.vc-library__video .vc-library__avatar img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    z-index: 0;

    width: 100%;

}

.vc-library__video-small .swiper {

    border-bottom: 1px solid rgba(162, 148, 144, 0.3);

    border-top: 1px solid rgba(162, 148, 144, 0.3);

    margin-top: 30px;

    padding-bottom: 10px;

    padding-top: 15px;

    position: relative;

    width: calc(100vw - (100vw - 1480px) / 2);

}

.vc-library__video-small .swiper::after {

    background-image: linear-gradient(

        to left,

        rgb(236, 234, 233) 0%,

        rgba(236, 234, 233, 0) 100%

    );

    content: "";

    display: inline-block;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 250px;

    z-index: 1;

}

.vc-library__video-small .swiper-slide {

    width: auto;

}

.vc-library__video-small .vc-library__card {

    align-items: center;

    color: #a29490;

    display: inline-flex;

    font-size: 2rem;

    transition: color 0.25s;

}

.vc-library__video-small .vc-library__card::before {

    background: url(../img/icons/i-play.png) no-repeat center center/7px;

    border: 1px solid #a29490;

    border-radius: 50%;

    content: "";

    display: block;

    height: 40px;

    margin-right: 10px;

    width: 40px;

}

.vc-library__video-small .vc-library__card:hover {

    color: #473620;

}

@media only screen and (max-width: 1699.98px) {

    .vc-library__box {

        margin-bottom: 20px;

        padding-left: 0;

        padding-right: 0;

    }

    .vc-library--default .vc-library__container {

        max-width: 1060px;

    }

    .vc-library--default .swiper {

        height: 400px;

    }

    .vc-library--default .swiper-button-prev {

        left: 0;

    }

    .vc-library--default .swiper-button-next {

        left: 55px;

    }

    .vc-library--default .swiper-slide {

        align-items: flex-end;

        display: flex;

        height: auto;

        justify-content: center;

        transition: width 0.25s;

        width: calc((100% - 600px) / 2);

    }

    .vc-library--default .swiper-slide-active {

        width: 300px;

    }

    .vc-library--default .swiper-slide-active .vc-library__card {

        width: 300px;

    }

    .vc-library--default .swiper-slide-active .vc-library__ttl {

        font-size: 4rem;

        max-width: 240px;

        transform: translate(60%, 10px);

    }

    .vc-library--default .swiper-slide-prev .vc-library__avatar::before {

        transform: translate(50%, -50px);

    }

    .vc-library--default .swiper-slide-prev .vc-library__ttl {

        padding-left: 80px;

        margin-top: 0;

    }

    .vc-library--default .vc-library__card {

        width: 325px;

    }

    .vc-library--default .vc-library__ttl {

        font-size: 2.3rem;

        margin-top: 20px;

    }

    .vc-library--default .vc-library__avatar::before {

        height: calc(100% + 40px);

        transform: translate(-50%, -30px);

    }

    .vc-library--video .vc-library__container {

        max-width: 1070px;

    }

    .vc-library__video .swiper {

        margin-top: 15px;

        width: 1225px;

    }

    .vc-library__video .swiper-button-prev,

    .vc-library__video .swiper-button-next {

        right: 120px;

    }

    .vc-library__video .swiper-button-prev {

        right: 120px;

        top: calc(50% - 60px);

    }

    .vc-library__video .swiper-slide {

        width: 375px;

    }

    .vc-library__video .vc-library__ttl {

        font-size: 2.5rem;

        margin-top: 10px;

    }

    .vc-library__video .vc-library__avatar span::before {

        height: 40px;

        width: 40px;

    }

    .vc-library__video-small .swiper {

        margin-top: 15px;

        padding-bottom: 5px;

        padding-top: 10px;

        width: 1225px;

    }

    .vc-library__video-small .swiper::after {

        width: 250px;

    }

    .vc-library__video-small .vc-library__card {

        font-size: 1.7rem;

    }

    .vc-library__video-small .vc-library__card::before {

        height: 35px;

        width: 35px;

    }

}



@media only screen and (max-width: 1365.98px) {

    .vc-library--default .vc-library__container {

        max-width: 960px;

    }

    .vc-library--default .swiper-button-prev,

    .vc-library--default .swiper-button-next {

        height: 40px;

        margin: 0 auto;

        right: inherit;

        width: 40px;

    }

    .vc-library--default .swiper-button-prev img,

    .vc-library--default .swiper-button-next img {

        width: 8px;

    }

    .vc-library--video .vc-library__container {

        max-width: 960px;

    }

    .vc-library__video .swiper {

        width: calc(100vw - (100vw - 960px) / 2);

    }

    .vc-library__video .swiper-button-prev,

    .vc-library__video .swiper-button-next {

        height: 40px;

        width: 40px;

    }

    .vc-library__video .swiper-button-prev img,

    .vc-library__video .swiper-button-next img {

        width: 8px;

    }

    .vc-library__video .swiper-button-prev {

        top: calc(50% - 50px);

    }

    .vc-library__video-small .swiper {

        width: calc(100vw - (100vw - 960px) / 2);

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-library--default {

        align-items: center;

        display: flex;

        height: 100vh;

    }

    .vc-library--default .vc-library__container {

        max-width: 100%;

    }

    .vc-library--default .swiper-slide-active .vc-library__card {

        width: 300px;

    }

    .vc-library--default .swiper-slide-active .vc-library__ttl {

        font-size: 3rem;

        max-width: 190px;

    }

    .vc-library--default .vc-library__card {

        width: 100%;

    }

    .vc-library--video {

        padding-bottom: 50px;

        padding-top: 100px;

    }

    .vc-library--video .vc-library__container {

        max-width: 100%;

    }

    .vc-library__video .swiper {

        width: calc(100vw - 15px);

    }

    .vc-library__video .swiper-button-prev,

    .vc-library__video .swiper-button-next {

        right: 70px;

    }

    .vc-library__video-small .swiper {

        width: calc(100vw - 15px);

    }

}

@media only screen and (max-width: 991.98px) {

    .vc-library--default .swiper {

        height: 475px;

        padding-top: 60px;

    }

    .vc-library--default .swiper-slide-active {

        justify-content: flex-start;

    }

    .vc-library--default .vc-library__card {

        width: 100%;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-library--default {

        height: auto;

        padding-top: 100px;

    }

    .vc-library--default .swiper {

        height: 490px;

        padding-top: 60px;

    }

    .vc-library--default .swiper-button-prev {

        left: -45px;

        right: 0;

    }

    .vc-library--default .swiper-button-next {

        left: 0;

        right: -45px;

    }

    .vc-library--default .swiper-slide-active {

        justify-content: center;

    }

    .vc-library--default .swiper-slide-active .vc-library__ttl {

        display: block;

        font-size: 2.5rem;

        margin-top: 10px;

        max-width: 100%;

        position: relative;

        transform: inherit;

        text-align: center;

    }

    .vc-library__video .swiper {

        padding-top: 50px;

    }

    .vc-library__video .swiper-slide {

        width: 275px;

    }

    .vc-library__video .swiper-button-prev,

    .vc-library__video .swiper-button-next {

        border-color: #a49692;

        left: 0;

        right: 0;

        margin: 0 auto;

        transform: inherit;

        top: 0;

    }

    .vc-library__video .swiper-button-prev img,

    .vc-library__video .swiper-button-next img {

        filter: brightness(1);

    }

    .vc-library__video .swiper-button-prev {

        left: -45px;

        right: 0;

    }

    .vc-library__video .swiper-button-next {

        left: 0;

        right: -45px;

    }

    .vc-library__video .vc-library__ttl {

        font-size: 2rem;

    }

    .vc-library__video .vc-library__avatar span {

        bottom: 10px;

        font-size: 1.4rem;

        left: 10px;

    }

    .vc-library__video .vc-library__avatar span::before {

        background: url(../img/icons/i-play-white.png) no-repeat center center/5px;

        height: 30px;

        margin-right: 5px;

        width: 30px;

    }

    .vc-library__video-small .vc-library__card {

        font-size: 1.5rem;

    }

    .vc-library__video-small .vc-library__card::before {

        background: url(../img/icons/i-play.png) no-repeat center center/5px;

        height: 30px;

        margin-right: 5px;

        width: 30px;

    }

}

.vp-about--partner {

    background: url(../../upload/svg/doitac.svg) no-repeat right 0 center/cover;

}

.vp-about--partner .vp-about__row {

    display: flex;

    margin-bottom: 100px;

    margin-top: 50px;

}

.vp-about--partner .vp-about__card {

    border-right: 1px solid #a79a96;

    display: block;

    padding-right: 15px;

    width: 25%;

}

.vp-about--partner .vp-about__card:last-child {

    border-right-width: 0;

    padding-right: 0;

}

.vp-about--partner .vp-about__card:not(:first-child) {

    padding-left: 15px;

}

.vp-about--partner .vp-about__ttl {

    color: #473620;

    display: block;

    font-family: "SVN-Moneta";

    font-style: normal;

    font-size: 1.8rem;

    line-height: 1.2;

    margin-bottom: 10px;

    text-transform: uppercase;

}

.vp-about--partner .vp-about__txt {

    color: #473620;

    font-size: 1.6rem;

}

.vp-about--partner .vp-about__txt p {

    font-size: 1.6rem;

    margin: 0 0 10px;

}

.vp-about--partner .vp-about__txt p:last-child {

    margin-bottom: 0;

}

.vp-about--partner .vp-about__logo {

    align-items: center;

    display: flex;

    height: 100px;

    margin-bottom: 10px;

    width: 100px;

}

.vp-about--partner .vp-about__logo img {

    -o-object-fit: contain;

    object-fit: contain;

}

.vp-about--card {

    padding-top: 50px;

}

.vp-about--card .vp-about__carousel {

    width: 1400px;

}

.vp-about--card .vc-headline--primary span,

.vp-about--card .vc-headline--white span,

.vp-about--card .vc-headline--article span,

.vp-about--card .vc-headline--sidebar span {

    display: block;

    font-size: 3rem;

}

.vp-about--card .swiper {

    position: relative;

}

.vp-about--card .swiper-wrapper {

    min-height: 620px;

}

.vp-about--card .swiper-button-prev,

.vp-about--card .swiper-button-next {

    align-items: center;

    background-color: rgba(0, 0, 0, 0);

    border: 1px solid #a49692;

    border-radius: 50%;

    display: inline-flex;

    height: 50px;

    justify-content: center;

    left: 0;

    margin: 0;

    padding: 0;

    position: absolute;

    top: 0;

    transition: background-color 0.25s;

    width: 50px;

}

.vp-about--card .swiper-button-prev:hover,

.vp-about--card .swiper-button-next:hover {

    background-color: #fff;

    cursor: pointer;

}

.vp-about--card .swiper-button-prev img,

.vp-about--card .swiper-button-next img {

    width: 12px;

}

.vp-about--card .swiper-button-next {

    left: 65px;

}

.vp-about--card .swiper-slide {

    display: flex;

    height: auto;

    justify-content: flex-end;

    transition: width 0.25s;

}

.vp-about--card .swiper-slide-next {

    justify-content: center;

    padding-top: 50px;

}

.vp-about--card .swiper-slide-next .vp-about__item {

    width: 380px;

}

.vp-about--card .swiper-slide-next .vp-about__avatar {

    padding-top: 131.0991957105%;

}

.vp-about--card .swiper-slide-next .vp-about__avatar img {

    border-radius: 250px 250px 0 0;

}

.vp-about--card .swiper-slide-next .vp-about__avatar::before {

    display: block;

}

.vp-about--card .swiper-slide-active {

    align-items: center;

    justify-content: flex-start;

}

.vp-about--card .swiper-slide-active .vp-about__item {

    width: 400px;

}

.vp-about--card .swiper-slide-active .vp-about__avatar {

    padding-top: 68.3098591549%;

}

.vp-about--card .vp-about__item {

    display: block;

    position: relative;

    transition: width 0.25s;

    width: 330px;

}

.vp-about--card .vp-about__item.hidden {

    display: none;

}

.vp-about--card .vp-about__ttl {

    color: #473620;

    display: inline-block;

    font-size: 1.8rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    margin-top: 30px;

    padding-left: 20px;

    text-transform: uppercase;

    transition: color 0.25s;

    z-index: 1;

}

.vp-about--card .vp-about__ttl:hover {

    color: #473620;

    text-decoration: underline;

}

.vp-about--card .vp-about__avatar {

    position: relative;

    padding-top: 70.6948640483%;

    width: 100%;

}

.vp-about--card .vp-about__avatar::before {

    border: 1px solid rgba(162, 148, 144, 0.5);

    border-radius: 250px 250px 0 0;

    content: "";

    display: none;

    right: 0;

    height: 75%;

    position: absolute;

    transform: translate(40px, 90px);

    top: 0;

    width: 80%;

    z-index: 0;

}

.vp-about--card .vp-about__avatar span {

    bottom: 0;

    color: #473620;

    font-size: 5rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    left: 20px;

    position: absolute;

    transform: translateY(50%);

}

.vp-about--card .vp-about__avatar img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    z-index: 0;

    width: 100%;

}

@media only screen and (max-width: 1699.98px) {

    .vp-about--partner {

        padding-top: 50px;

    }

    .vp-about--partner .vp-about__row {

        margin-bottom: 35px;

        margin-top: 15px;

    }

    .vp-about--card .vp-about__carousel {

        width: 100%;

    }

    .vp-about--card .vc-headline--primary span,

    .vp-about--card .vc-headline--white span,

    .vp-about--card .vc-headline--article span,

    .vp-about--card .vc-headline--sidebar span {

        font-size: 2rem;

    }

    .vp-about--card .swiper-wrapper {

        min-height: 460px;

    }

    .vp-about--card .swiper-slide-next {

        padding-top: 50px;

    }

    .vp-about--card .swiper-slide-next .vp-about__item {

        width: 275px;

    }

    .vp-about--card .swiper-slide-active .vp-about__item {

        width: 275px;

    }

    .vp-about--card .vp-about__item {

        width: 275px;

    }

    .vp-about--card .vp-about__ttl {

        font-size: 1.6rem;

        margin-top: 20px;

        padding-left: 10px;

    }

    .vp-about--card .vp-about__avatar::before {

        transform: translate(15px, 100px);

    }

    .vp-about--card .vp-about__avatar span {

        font-size: 4rem;

        left: 15px;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vp-about--partner .vp-about__row {

        margin-top: 10px;

    }

    .vp-about--partner .vp-about__card {

        padding-right: 10px;

    }

    .vp-about--partner .vp-about__card:not(:first-child) {

        padding-left: 10px;

    }

    .vp-about--partner .vp-about__ttl {

        font-size: 1.6rem;

    }

    .vp-about--partner .vp-about__txt {

        font-size: 1.4rem;

    }

    .vp-about--partner .vp-about__txt p {

        font-size: 1.4rem;

        margin-bottom: 5px;

    }

    .vp-about--partner .vp-about__txt p:last-child {

        margin-bottom: 0;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vp-about--partner {

        padding-bottom: 50px;

    }

    .vp-about--partner .vp-about__logo {

        height: 75px;

        margin-bottom: 10px;

        width: 75px;

    }

    .vp-about--card {

        padding-bottom: 30px;

    }

    .vp-about--card .swiper-wrapper {

        min-height: 380px;

    }

    .vp-about--card .swiper-button-prev,

    .vp-about--card .swiper-button-next {

        height: 40px;

        width: 40px;

    }

    .vp-about--card .swiper-button-prev img,

    .vp-about--card .swiper-button-next img {

        width: 8px;

    }

    .vp-about--card .swiper-button-next {

        left: 45px;

    }

    .vp-about--card .swiper-slide {

        margin-right: 50px;

        width: 300px;

    }

    .vp-about--card .swiper-slide-next {

        padding-top: 0;

    }

    .vp-about--card .swiper-slide-next .vp-about__item {

        width: 100%;

    }

    .vp-about--card .swiper-slide-active .vp-about__item {

        width: 100%;

    }

    .vp-about--card .vp-about__item {

        width: 100%;

    }

    .vp-about--card .vp-about__avatar::before {

        transform: translate(10px, 105px);

    }

}

@media only screen and (max-width: 991.98px) {

    .vp-about--partner .vp-about__row {

        flex-wrap: wrap;

    }

    .vp-about--partner .vp-about__card {

        margin-bottom: 30px;

        padding-right: 10px;

        width: 50%;

    }

    .vp-about--partner .vp-about__card:nth-child(2) {

        border-right-width: 0;

    }

}

@media only screen and (max-width: 767.98px) {

    .vp-about--partner {

        text-align: center;

    }

    .vp-about--partner .vp-about__card {

        border-right-width: 0;

        margin-bottom: 20px;

        padding-left: 0;

        width: 100%;

    }

    .vp-about--partner .vp-about__logo {

        margin-left: auto;

        margin-right: auto;

    }

    .vp-about--card .swiper-slide {

        margin-right: 20px;

        width: 250px;

    }

}

.vc-article--about {

    background: url(../img/common/bg-20.svg) no-repeat 0 center/cover;

}

.vc-article--about .vc-headline--white {

    margin-top: -70px;

}

.vc-article--about .vc-article__content {

    color: #fff;

    font-size: 1.6rem;

    max-width: 630px;

    margin-left: auto;

    margin-right: auto;

}

.vc-article--about .vc-article__content p {

    font-size: 1.6rem;

}

.vc-article--about .vc-article__avatar {

    border-radius: 250px 250px 0 0;

    display: inline-block;

    position: relative;

    width: 489px;

}

.vc-article--about .vc-article__avatar img {

    border-radius: 250px 250px 0 0;

    width: 100%;

}

.vc-article--about1 {

    background: url(../../upload/svg/chudautu.svg) no-repeat 0 center/cover;

}

.vc-article--about1 .vc-article__container {

    align-items: flex-end;

    display: flex;

}

.vc-article--about1 .vc-article__box {

    flex: 1;

    max-width: 575px;

    padding-left: 100px;

}

.vc-article--about1 .vc-article__logo {

    margin-bottom: 30px;

}

.vc-article--about1 .vc-article__content {

    color: #fff;

    font-size: 1.6rem;

    margin-top: 30px;

}

.vc-article--about1 .vc-article__content p {

    font-size: 1.6rem;

}

.vc-article--about1 .vc-article__ttl {

    color: #fff;

    font-style: normal;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    font-weight: normal;

    text-transform: uppercase;

    font-size: 3rem;

    margin: 0;

}

.vc-article--about1 .vc-article__avatar {

    display: inline-block;

    position: relative;

    width: 489px;

}

.vc-article--about1 .vc-article__avatar::before {

    border: 1px solid rgba(255, 255, 255, 0.5);

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: 90%;

    position: absolute;

    transform: translate(79px, 30px);

    width: 90%;

    z-index: 0;

}

.vc-article--about1 .vc-article__avatar img {

    border-radius: 250px 250px 0 0;

    position: relative;

    z-index: 1;

    width: 100%;

}

@media only screen and (max-width: 1699.98px) {

    .vc-article--about {

        padding-top: 50px;

    }

    .vc-article--about .vc-headline--white {

        margin-top: -70px;

    }

    .vc-article--about .vc-article__content {

        font-size: 1.5rem;

    }

    .vc-article--about .vc-article__content p {

        font-size: 1.5rem;

    }

    .vc-article--about .vc-article__avatar {

        width: 320px;

    }

    .vc-article--about1 {

        padding-top: 50px;

    }

    .vc-article--about1 .vc-article__box {

        max-width: inherit;

        padding-left: 45px;

    }

    .vc-article--about1 .vc-article__logo {

        margin-bottom: 15px;

    }

    .vc-article--about1 .vc-article__logo img {

        max-height: 60px;

    }

    .vc-article--about1 .vc-article__content {

        font-size: 1.5rem;

        margin-top: 15px;

    }

    .vc-article--about1 .vc-article__content p {

        font-size: 1.5rem;

    }

    .vc-article--about1 .vc-article__ttl {

        font-size: 2.5rem;

    }

    .vc-article--about1 .vc-article__avatar {

        width: 320px;

    }

    .vc-article--about1 .vc-article__avatar::before {

        transform: translate(45px, 10px);

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-article--about1,

    .vc-article--about {

        padding-bottom: 50px;

    }

}

@media only screen and (max-width: 991.98px) {

    .vc-article--about1 .vc-article__container {

        align-items: center;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-article--about .vc-headline--white {

        margin-top: -30px;

        font-size: 3rem;

    }

    .vc-article--about .vc-headline--white span {

        font-size: 1.5rem;

    }

    .vc-article--about .vc-article__content {

        font-size: 1.4rem;

    }

    .vc-article--about .vc-article__content p {

        font-size: 1.4rem;

    }

    .vc-article--about .vc-article__avatar {

        width: 285px;

    }

    .vc-article--about1 .vc-article__container {

        display: block;

        text-align: center;

    }

    .vc-article--about1 .vc-article__box {

        padding-left: 0;

        margin-top: 30px;

    }

    .vc-article--about1 .vc-article__logo {

        margin-bottom: 10px;

    }

    .vc-article--about1 .vc-article__content {

        margin-top: 10px;

        text-align: left;

        font-size: 1.4rem;

    }

    .vc-article--about1 .vc-article__content p {

        font-size: 1.4rem;

    }

    .vc-article--about1 .vc-article__ttl {

        font-size: 2rem;

    }

    .vc-article--about1 .vc-article__avatar {

        width: 280px;

    }

    .vc-article--about1 .vc-article__avatar::before {

        transform: translate(40px, 10px);

    }

}

.vp-contact {

    background: url(../../upload/svg/Lien-he.svg) no-repeat right 0 center/cover;

    text-align: center;

}

.vp-contact__container {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    max-width: 1160px;

    text-align: left;

}

.vp-contact__address {

    color: #a29490;

    font-family: "SVN-Moneta";

    font-weight: normal;

    font-size: 4.5rem;

    line-height: 1.2;

    margin: 0 0 30px;

    text-transform: uppercase;

}

.vp-contact__box {

    width: 570px;

}

.vp-contact__avatar {

    display: inline-block;

    position: relative;

    width: 430px;

}

.vp-contact__avatar::before {

    border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: 70%;

    position: absolute;

    transform: translate(-50px, -70px);

    width: 100%;

    z-index: 0;

}

.vp-contact__avatar img {

    border-radius: 250px 250px 0 0;

    position: relative;

    z-index: 1;

    width: 100%;

}

.vp-contact__avatar span {

    bottom: 0;

    color: #a29490;

    font-family: "SVN-Moneta";

    font-size: 8rem;

    line-height: 1;

    font-weight: normal;

    left: 0;

    position: absolute;

    transform: translate(-55px, 70%);

    text-transform: uppercase;

    z-index: 1;

}

.vp-contact__avatar span em {

    color: #fff;

    display: block;

    font-style: normal;

}

@media only screen and (max-width: 1699.98px) {

    .vp-contact {

        background: #eeeae7 url(../../upload/svg/Lien-he.svg) no-repeat right 7vh top -7vh / cover;

    }

    .vp-contact__container {

        justify-content: flex-start;

        max-width: 970px;

    }

    .vp-contact__address {

        font-size: 4.5rem;

        margin: 0 0 30px;

    }

    .vp-contact__box {

        flex: 1;

        padding-left: 100px;

        max-width: 550px;

    }

    .vp-contact__avatar {

        width: 310px;

    }

    .vp-contact__avatar::before {

        height: 75%;

        transform: translate(-30px, -55px);

    }

    .vp-contact__avatar span {

        font-size: 5rem;

        transform: translate(-40px, 70%);

    }

}

@media only screen and (max-width: 1365.98px) {

    .vp-contact__container {

        max-width: 850px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vp-contact {

        display: block;

        padding-bottom: 100px;

        padding-top: 100px;

    }

}

@media only screen and (max-width: 991.98px) {

    .vp-contact__container {

        display: block;

        text-align: center;

    }

    .vp-contact__box {

        max-width: 450px;

        padding-left: 0;

        margin: 100px auto 0;

    }

}

@media only screen and (max-width: 767.98px) {

    .vp-contact {

        padding-bottom: 50px;

    }

    .vp-contact__box {

        margin-top: 70px;

        max-width: 100%;

    }

    .vp-contact__address {

        font-size: 2.5rem;

        margin-bottom: 15px;

    }

    .vp-contact__avatar {

        width: 250px;

    }

    .vp-contact__avatar::before {

        height: 80%;

        transform: translate(-15px, -40px);

    }

    .vp-contact__avatar span {

        font-size: 4rem;

    }

}

.vp-error {

    background: url(../img/404/bg-404.svg) no-repeat right 0 center/cover;

    text-align: center;

}

.vp-error__ttl {

    color: #a29490;

    font-family: "SVN-Moneta";

    font-weight: normal;

    font-size: 42rem;

    left: 0;

    line-height: 0.5;

    margin: 0 auto;

    position: absolute;

    right: 0;

    transform: translate(-40px, -80%);

    z-index: 1;

}

.vp-error__ttl span {

    color: #fff;

    font-size: 42rem;

}

.vp-error__wrap {

    margin-top: 100px;

    position: relative;

    z-index: 2;

}

.vp-error__avatar {

    display: inline-block;

    position: relative;

    width: 360px;

}

.vp-error__avatar::before {

    border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: 80%;

    position: absolute;

    transform: translate(-50px, -30px);

    width: 100%;

    z-index: 0;

}

.vp-error__avatar img {

    border-radius: 250px 250px 0 0;

    position: relative;

    z-index: 1;

    width: 100%;

}

@media only screen and (max-width: 1699.98px) {

    .vp-error {

        align-items: flex-end;

        padding-bottom: 25px;

    }

    .vp-error__ttl {

        font-size: 25rem;

        left: 0;

        right: 0;

        transform: translate(-40px, -80%);

    }

    .vp-error__ttl span {

        font-size: 25rem;

    }

    .vp-error__wrap {

        margin-top: 60px;

    }

    .vp-error__avatar {

        width: 230px;

    }

    .vp-error__avatar::before {

        transform: translate(-20px, 0px);

    }

}

@media only screen and (max-width: 1365.98px) {

    .vp-error {

        padding-bottom: 50px;

        padding-top: 100px;

    }

}

@media only screen and (max-width: 767.98px) {

    .vp-error__ttl {

        font-size: 20rem;

        transform: translate(-20px, -80%);

    }

    .vp-error__ttl span {

        font-size: 20rem;

    }

}

.vc-article--home {

    align-items: center;

    background: url(../img/common/bg-2.svg) no-repeat 0 0 / cover;

    text-align: right;

    background-color: #a19392;

}



.vc-article--home svg .st2 {

    stroke: #fff;

}

.vc-article--home .vc-article__container {

    align-items: flex-end;

    display: flex;

    flex-direction: column;

}

.vc-article--home .vc-headline--white {

    max-width: 640px;

}

.vc-article--home .vc-article__content {

    color: #fff;

}

.vc-article--home .vc-article__content p {

    display: inline-block;

    max-width: 370px;

}

.vc-article--home .vc-article__avatar {

    display: inline-block;

    position: relative;

    width: 280px;

}

.vc-article--home .vc-article__avatar::before {

    border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: calc(100% - 30px);

    position: absolute;

    transform: translate(30px, 30px);

    width: 100%;

    z-index: 0;

}

.vc-article--home .vc-article__avatar img {

    border-radius: 250px 250px 0 0;

    aspect-ratio: 280/347;

    -o-object-fit: cover;

    object-fit: cover;

    position: relative;

    width: 100%;

    z-index: 1;

}

@media only screen and (max-width: 1699.98px) {

    .vc-article--home {

        padding-top: 75px;

    }

    .vc-article--home .vc-headline--white {

        font-size: 3.5rem;

        max-width: 400px;

    }

    .vc-article--home .vc-article__avatar {

        width: 190px;

    }

    .vc-article--home .vc-article__avatar::before {

        height: calc(100% - 30px);

        transform: translate(15px, 15px);

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-article--home {

        align-items: center;

        background: url(../img/common/bg-02.svg) no-repeat 0 top 0 / cover;

        display: flex;

        height: 100vh;

        padding-top: 0;

    }

    .vc-article--home .vc-article__container {

        padding-right: 200px;

    }

    .vc-article--home .vc-article__avatar {

        width: 280px;

    }

}

@media only screen and (max-width: 991.98px) {

    .vc-article--home {

        background: url(../img/common/bg-02.svg) no-repeat right -420px top 0 / cover;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-article--home {

        background: url(../img/common/bg-02.svg) no-repeat right 40% top 0 / cover;

        display: block;

        height: auto;

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .vc-article--home .vc-article__container {

        align-items: center;

        padding-right: 15px;

        text-align: center;

    }

    .vc-article--home .vc-article__avatar::before {

        height: calc(100% - 30px);

        transform: translate(15px, 15px);

    }

    .vc-article--home .vc-headline--white {

        max-width: 100%;

    }

}

.vc-article--home1 {

    /* background: url(../img/common/bg-03.jpg) no-repeat right center/cover; */

    position: relative;

    background-color: #ecebe9;

}

.vc-article--home1 .vc-article__container {

    align-items: center;

    display: flex;

    max-width: 1200px;

}

.vc-article--home1 .vc-headline--primary,

.vc-article--home1 .vc-headline--white,

.vc-article--home1 .vc-headline--article,

.vc-article--home1 .vc-headline--sidebar {

    font-size: 6rem;

}



.vc-article--home1 .vc-headline--primary {

    max-width: 450px;

}



.vc-article--home1 .vc-article__box {

    flex: 1;

    /* padding-left: 95px; */

    position: relative;

}

.vc-article--home1 .vc-article__box .hoa-animation {

    position: absolute;

    top: -100px;

}

.vc-article--home1 > .hoa-animation {

    position: absolute;

    bottom: 53px;

    right: 50%;

}

.vc-article--home1 > .hoa-animation.ani2 > svg {

    width: 130px;

    height: 130px;

}

.ani1,

.ani2,

.ani3 {

    transition: opacity 0.3s ease-in-out;

    -webkit-transition: opacity 0.3s ease-in-out;

    opacity: 0;

}

.hoa-animation.ani3 {

    position: absolute;

    top: 50%;

    right: -400px;

    transform: translate(0, -50%);

    width: 800px;

    bottom: auto;

    left: auto;

    overflow: hidden;

}

body:not(.home) .loading {

    display: none !important;

}

.loading {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    z-index: 999999;

    background: #ecebe9;

}

.body.home header,

.body.home .vl-nav,

.body.home .onepage-wrapper {

    opacity: 0;

}

.loading1 {

    position: fixed;

    z-index: 2;

}

.loading1 span {

    transition: all 1s;

}

.loading1.active span:first-child {

    transform: translateX(-100%);

}

.loading1.active span:last-child {

    transform: translateX(100%);

}

.loading2 {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

    z-index: 1;

}

.hoa-animation.ani3.active {

    opacity: 1;

}

.ani1.active {

    transition: opacity 0.3s ease-in-out;

    -webkit-transition: opacity 0.3s ease-in-out;

    opacity: 1;

}

.ani2.active {

    transition: opacity 0.3s ease-in-out;

    -webkit-transition: opacity 0.3s ease-in-out;

    opacity: 0.8;

}

.vc-article--home1 .vc-article__content {

    color: #666;

    flex: 1;

}

.vc-article--home1 .vc-article__content p {

    display: inline-block;

    max-width: 400px;

}

.vc-article--home1 .vc-article__avatar {

    display: inline-block;

    position: relative;

    width: 500px;

}

.vc-article--home1 .vc-article__avatar::before {

  content: "";

    /* border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: 80%;

    position: absolute;

    transform: translate(-40px, -15%);

    width: 90%;

    z-index: 0; */

}

.vc-article--home1 .vc-article__avatar span {

  color: #a29490;

  font-style: normal;

  font-family: "SVN-Moneta";

  font-size: 8rem;

  line-height: 1;

  z-index: 2;

  text-align: right;

  position: absolute;

  /* bottom: 250px;

  right: -149px; */

  bottom: 13vmax;

  /* right: -1.6vmax; */

  right: -9.5rem;

  transform: translateY(70%);

}

.vc-article--home1 .vc-article__avatar span em {

    color: #fff;

    display: block;

    font-style: normal;

}

.vc-article--home1 .vc-article__avatar img {

    /* aspect-ratio: 500/619; */

    -o-object-fit: contain;

    object-fit: contain;

    max-height: 40.95vmax;

    position: relative;

    /* width: 100%; */

    z-index: 1;

}



.vc-article--home2 .hoa-animation svg * {

    fill: #fff;

}



.vc-article--home2 .hoa-animation.ani1 {

    position: absolute;

    top: 110px;

    left: 200px;

}



.vc-article--home2 .hoa-animation.ani2 {

    position: absolute;

    left: 135px;

    bottom: -47px;

}



.vc-article--home2 .hoa-animation.ani2 svg {

    height: 150px;

    width: 150px;

}

.vc-article--home2 .hoa-animation.ani3 {

    left: 42%;

    top: 56%;



    right: auto;

}

.vc-article--home2 .hoa-animation.ani2.active svg,

.vc-article--home2 .hoa-animation.ani3.active svg {

    opacity: 0.5;

    animation: none !important;

}



/* .loading1 .span1 {

    background-position: 50% 0 !important;

    width: 50% !important;

    height: 100vh !important;

}.loading1 .span2 {

    left: 50% !important;

    background-position: -50% 0 !important;

    width: 50% !important;

    height: 100vh !important;

} */



@media (min-width: 1441px) {

    .vc-article--home2 .hoa-animation.ani2 {

        left: 200px;

    }

}



@media (max-width: 1440px) {

    .vc-article--home1 .ani2 {

        opacity: 0 !important;

    }

    .map-animation .map-img {

        height: 100vh;

        object-fit: contain;

        object-position: right;

    }

    .map-animation svg {

        height: 100vh;

        width: auto;

    }

}



@media only screen and (max-width: 1699.98px) {

    /* .vc-article--home1 {

      background: #eeeae7 url(../img/common/bg-03.jpg) no-repeat right top -22vh /

         cover;

   } */

    .vc-article--home1 .vc-article__container {

        max-width: 1000px;

    }

    .vc-article--home1 .vc-headline--primary,

    .vc-article--home1 .vc-headline--white,

    .vc-article--home1 .vc-headline--article,

    .vc-article--home1 .vc-headline--sidebar {

        font-size: 5rem;

    }

    .vc-article--home1 .vc-headline--primary {

        max-width: 380px;

    }

    .vc-article--home1 .vc-article__box {

        padding-left: 55px;

        max-width: 500px;

    }

    .vc-article--home1 .vc-article__avatar {

        width: 360px;

    }

    .vc-article--home1 .vc-article__avatar span {

        font-size: 5rem;

        right: -6.5rem;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vc-article--home1 .vc-article__container {

        max-width: 900px;

    }

    .vc-article--home1 .vc-headline--primary,

    .vc-article--home1 .vc-headline--white,

    .vc-article--home1 .vc-headline--article,

    .vc-article--home1 .vc-headline--sidebar {

        font-size: 4.5rem;

    }

    .vc-article--home1 .vc-headline--primary {

        max-width: 350px;

        margin: auto;

    }

    .vc-article--home1 .vc-article__box {

        max-width: 375px;

        padding-left: 0;

    }

    .vc-article--home1 .vc-article__avatar::before {

        transform: translate(-25px, -15%);

    }

    .vc-article--home1 .vc-article__avatar span {

        font-size: 4.5rem;

        /* left: -30px; */

    }



    .vc-library--default .swiper-slide-prev .vc-library__ttl {

        padding-left: 20px;

    }



    .vc-library--default .swiper-slide-next .vc-library__ttl {

        width: 230px;

    }



    .vc-library--default .swiper-slide-active .vc-library__ttl {

        max-width: 230px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-article--home1 {

        align-items: center;

        display: flex;

        height: 100vh;

    }

    .vc-article--home1 .vc-article__content {

        max-width: inherit;

    }

}

@media only screen and (max-width: 991.98px) {

    .vc-article--home1 {

        display: block;

        height: auto;

        padding-bottom: 50px;

        padding-top: 50px;

        text-align: center;

    }

    .vc-article--home1 .vc-article__container {

        display: block;

        display: flex;

        flex-direction: column-reverse;

    }

    .vc-article--home1 .vc-article__avatar {

        margin-bottom: 100px;

    }

    .vc-article--home1 .vc-article__box {

        max-width: inherit;

    }

    .vc-article--home1 .vc-article__content p {

        max-width: 600px;

    }



    .section-product-category .hoa-animation {

      display: none;

    }



    .section-product-category .vc-product__card:nth-child(1) .vc-product__avatar {

      flex-direction: column-reverse;

    }



    .section-product-category .vc-product--default .vc-product__card .vc-product__avatar img {

      width: initial;

    }



    .section-product-category .vc-product--default .vc-headline--primary {

      position: initial;

      display: flex;

      align-items: center;

    }



    .section-product-category .vc-product--default .vc-product__card:nth-child(3) .vc-product__avatar img {

      width: initial;

      margin-bottom: 0;

    }



    .section-product-category .vc-product--default .vc-product__card:nth-child(2) .vc-product__avatar img {

      width: 30vmax;

      margin-bottom: 0;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-article--home1 .vc-headline--primary,

    .vc-article--home1 .vc-headline--white,

    .vc-article--home1 .vc-headline--article,

    .vc-article--home1 .vc-headline--sidebar {

        font-size: 3rem;

    }

    .vc-article--home1 .vc-article__avatar {

        margin-bottom: 60px;

        width: calc(100% - 50px);

    }

    .vc-article--home1 .vc-article__avatar span {

        font-size: 3rem;

    }

}

.vc-article--home2 {

    /* background: url(../img/common/bg-04.jpg) no-repeat right center/cover; */

    background-color: #a19392;

    position: relative;

}



.map-animation {

    position: absolute;

    top: 0;

    right: 0;

    width: calc(100% / 1.68);

    height: 100vh;

    overflow: hidden;

}



.map-animation .map-img {

    position: absolute;

    top: 0;

    right: 0;

    width: 1260px;

    height: 1000px;

    object-fit: contain;

}



.map-animation svg {

    position: absolute;

    top: 0;

    right: 0;

    height: 1000px;

}



@media (min-width: 1441px) {

    .map-animation svg {

        width: 100%;

    }

}

.loading.out {

    opacity: 0;

    visibility: hidden;

}

.map-viewer {

    width: 1260px;

    height: 1000px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -500px 0 0 -630px;

}



.st-line {

    fill: none;

    stroke-width: 0;

    stroke-dasharray: 0;

    stroke-miterlimit: 10;

    stroke-dashoffset: 0;

    stroke: #fff;

}



.st-line {

    stroke-dasharray: 10;

    stroke-width: 1px;

    animation: StrokeLine1 7s infinite linear;

}

.logo-map {

    position: absolute;

    top: 46%;

    width: 90px;

    z-index: 1;

    right: 36%;



    -webkit-animation: slide-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;

    animation: slide-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;

}



@-webkit-keyframes slide-bottom {

    0% {

        -webkit-transform: translateY(10px);

        transform: translateY(10px);

    }

    100% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px);

    }

}

@keyframes slide-bottom {

    0% {

        -webkit-transform: translateY(10px);

        transform: translateY(10px);

    }

    100% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px);

    }

}





@keyframes StrokeLine {

    0% {

        stroke-dashoffset: 0;

    }



    100% {

        stroke-dashoffset: -200;

    }

}



@keyframes StrokeLine1 {

    0% {

        stroke-dashoffset: 0;

    }



    100% {

        stroke-dashoffset: 300;

    }

}



.hoa-animation.ani3.active svg {

    animation: rotate 16s infinite linear;

}

.fb-utility .fancybox-content > .fancybox-image:nth-child(1) {

    display: none !important;

}

@keyframes rotate {

    0% {transform: rotate(0deg) scale(1);}

    10% {transform: rotate(36deg) scale(0.99);}

    20% {transform: rotate(72deg) scale(0.98);}

    30% {transform: rotate(108deg) scale(0.97);}

    40% {transform: rotate(144deg) scale(0.996);}

    50% {transform: rotate(180deg) scale(0.95);}

    60% {transform: rotate(216deg) scale(0.96);}

    70% {transform: rotate(252deg) scale(0.97);}

    80% {transform: rotate(288deg) scale(0.98);}

    90% {transform: rotate(324deg) scale(0.99);}

    100% {transform: rotate(360deg) scale(1);}

}



.vc-article--home2 .vc-headline--white {

    background: url(../img/common/bg-05.svg) no-repeat 0 0/100%;

    display: inline-block;

    padding: 40px 70px 0;

    transform: translateX(-70px);

    max-width: 550px;

}

.vc-article--home2 .vc-article__container {

    max-width: 1345px;

}

.vc-article--home2 .vc-article__content {

    color: #fff;

    padding-left: 70px;

}

.vc-article--home2 .vc-article__content p {

    display: inline-block;

    max-width: 300px;

}

@media only screen and (max-width: 1699.98px) {

    .vc-article--home2 .vc-article__container {

        max-width: 1000px;

    }

    .vc-article--home2 .vc-headline--white {

        max-width: 450px;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vc-article--home2 .vc-article__container {

        max-width: 900px;

        z-index: 9;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-article--home2 {

        align-items: center;

        /* background: url(../img/common/bg-04.jpg) no-repeat right 0 center/cover; */

        display: flex;

        height: 100vh;

    }

    .vc-article--home2 .vc-headline--white {

        max-width: 400px;

    }



    .section-product-category .hoa-animation {

      display: none;

    }

}

@media only screen and (max-width: 991.98px) {

    /* .vc-article--home2 {

      background: url(../img/common/bg-04.jpg) no-repeat right -290px center/cover;

   } */



    .map-viewer {

        margin: -500px 0 0 -720px;

    }

}

@media only screen and (max-width: 767.98px) {

    .map-animation {

        width: 100%;

        height: 45vh;

        overflow: hidden;

        top: auto;

        bottom: 50px;

    }

    .vc-article--home2 {

        /* background: #a19390 url(../img/common/bg-04.jpg) no-repeat right -190px top

         175px / cover; */

        display: block;

        height: auto;

        min-height: 100vh;

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .vc-article--home2 .vc-headline--white {

        font-size: 4rem;

        padding: 30px 50px 0;

        max-width: 350px;

    }

    .vc-article--home2 .vc-article__content {

        padding-left: 0;

    }

    .vc-article--home2 .vc-article__content p {

        max-width: inherit;

    }



    .map-animation .map-img {

        position: absolute;

        top: 0;

        right: 0;

        width: 100%;

        height: 45vh;

    }



    .map-viewer {

        width: 100%;

        height: 45vh;

        position: absolute;

        left: 50%;

        top: 0;

        margin: 0;

        transform: translate(-70%, 0);

    }



    .map-animation svg {

        height: 45vh;

    }

    .logo-map {

        width: 50px;

        right: 25%;

        top: 38%;

    }

}

.vc-product__container {

    max-width: 1400px;

    position: relative;

}



.vc-product__container .jsUtilityPopup.hidden {

    display: none;

}



@media only screen and (max-width: 1699.98px) {

    .vc-product__container {

        /* max-width: 1030px; */

        max-width: calc(100% - 300px);

    }

}

@media only screen and (max-width: 1365.98px) {

    .vc-product__container {

        max-width: 930px;

    }

}

.vc-product--default {

    background-color: #f6f4f4;

}

.vc-product--default .vc-product__card,

.vc-product--default .vc-product__card--top,

.vc-product--default .vc-product__card--right {

    align-items: flex-end;

    display: flex;

}

.vc-product--default .vc-product__card--right {

    bottom: 0;

    right: 0;

    position: absolute;

}

.vc-product--default .vc-product__card--right .vc-product__ttl {

    font-size: 3.4rem;

    max-width: 200px;

}

.vc-product--default .vc-product__card--right .vc-product__avatar {

    width: 330px;

}

.vc-product--default .vc-product__card--right .vc-product__avatar::before {

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 50%;

    height: calc(100% + 80px);

    transform: translate(-50%, 30px);

    width: 65%;

    z-index: 2;

}

.vc-product--default .vc-product__card--right .vc-product__avatar img {

    aspect-ratio: 330/195;

    border-radius: 0;

}

.vc-product--default .vc-product__card--top {

    top: 0;

    right: 350px;

    position: absolute;

}

.vc-product--default .vc-product__card--top .vc-product__ttl {

    font-size: 3.4rem;

}

.vc-product--default .vc-product__card--top .vc-product__avatar {

    width: 240px;

}

.vc-product--default .vc-product__card--top .vc-product__avatar::before {

    height: 100%;

    transform: translate(-30px, 30px);

}

.vc-product--default .vc-product__card--top .vc-product__avatar img {

    aspect-ratio: 240/318;

    border-radius: 0;

}

.vc-product--default .vc-product__ttl {

    color: #a29490;

    display: inline-block;

    font-size: 4.5rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    text-transform: uppercase;

    text-align: right;

    transition: color 0.25s;

    max-width: 120px;

}

.vc-product--default .vc-product__ttl:hover {

    color: #473620;

    text-decoration: underline;

}

.vc-product--default .vc-product__avatar {

    margin-left: 40px;

    position: relative;

    /* width: 400px; */

}

.vc-product--default .vc-product__avatar::before {

    /* border: 1px solid rgba(162, 148, 144, 0.5);

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0; */

    content: "";

    /* height: calc(100% - 50px);

    position: absolute;

    transform: translate(50px, 50px);

    width: 100%;

    z-index: 2; */

}



.section-product-category .hoa-animation {

  top: 30%;

}



.section-product-category .flower-icon {

  position: absolute;

  bottom: -22%;

  left: 65%;

  display: none;

}



.section-product-category .flower-icon svg {

  max-width: 7vmax;

}



.section-product-category .vc-headline--primary {

  position: absolute;

  /* top: 0; */

  display: flex;

  flex-direction: column;

  left: 100px;

  top: 4vmax;

}



.section-product-category .vc-headline--primary svg {

  margin-bottom: 2.5vmax;

  width: 4.3vmax;

}



.section-product-category .vc-product--default {

  /* align-items: flex-end; */

}

.section-product-category .vc-product__container {

  /* padding-bottom: 122px;

  padding-bottom: 6.4vmax; */

}



.section-product-category .vc-product__row {

  display: flex;

}

.section-product-category .vc-product--default .vc-product__avatar img {

  aspect-ratio: initial;

  border-radius: initial;

}



.section-product-category .vc-product__card:nth-child(1) .vc-product__ttl {

  margin-right: 50px;

}



.section-product-category .vc-product__card:nth-child(1) .vc-product__avatar {

  display: flex;

  align-items: center;

  margin-left: 0;

}



.section-product-category .vc-product__card:nth-child(2) .vc-product__avatar {

  display: flex;

  flex-direction: column-reverse;

  margin-left: 80px;

}



.section-product-category .vc-product__card:nth-child(2) .vc-product__avatar .vc-product__ttl {

  max-width: 100%;

  text-align: center;

}



.section-product-category .vc-product__card .vc-product__avatar img {

  /* width: 265px; */

  width: 13.75vmax;

}



.section-product-category .vc-product__card:nth-child(2) .vc-product__avatar img {

  /* width: 409px; */



  width: 21.33vmax;

  margin-bottom: 2.65vmax;

  /* margin-bottom: 50px; */

}



.section-product-category .vc-product__card:nth-child(3) .vc-product__avatar {

  display: flex;

  flex-direction: column-reverse;

  padding-bottom: 266px;

  padding-bottom: 13.7vmax;

  margin-left: 6.8vmax;

}



.section-product-category .vc-product__card:nth-child(3) .vc-product__avatar .vc-product__ttl {

  max-width: 100%;

  text-align: left;

}



.section-product-category .vc-product__card:nth-child(3) .vc-product__avatar img {

  /* width: 363px; */

  width: 19vmax;

  margin-bottom: 40px;

}



.section-product-category .vc-product--default .vc-product__avatar {

  width: initial;

}



.vc-product--default .vc-product__avatar img {

    aspect-ratio: 400/530;

    border-radius: 250px 250px 0 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: relative;

    z-index: 1;

    width: 100%;

}



@media (min-width: 1200px) and (max-width: 1439px) {

  .section-product-category .vc-product__container {

    /* padding-bottom: 1.4vmax; */

  }

  .section-product-category .vc-product__card:nth-child(2) .vc-product__avatar img {

    margin-bottom: 15px;

  }



  .section-product-category .flower-icon {

    bottom: -30%;

  }

}

@media only screen and (max-width: 1699.98px) {

    .vc-product--default .vc-product__card--right .vc-product__ttl {

        font-size: 3rem;

    }

    .vc-product--default .vc-product__card--right .vc-product__avatar {

        width: 250px;

    }

    .vc-product--default .vc-product__card--right .vc-product__avatar::before {

        height: calc(100% + 60px);

    }

    .vc-product--default .vc-product__card--top {

        right: 310px;

    }

    .vc-product--default .vc-product__card--top .vc-product__ttl {

        font-size: 3rem;

        max-width: 100px;

    }

    .vc-product--default .vc-product__card--top .vc-product__avatar {

        width: 190px;

    }

    .vc-product--default .vc-product__card--top .vc-product__avatar::before {

        transform: translate(-15px, 15px);

    }

    .vc-product--default .vc-product__ttl {

        font-size: 3rem;

        max-width: 85px;

    }

    .vc-product--default .vc-product__avatar {

        margin-left: 20px;

        width: 260px;

    }

    .vc-product--default .vc-product__avatar::before {

        transform: translate(15px, 15px);

    }

}

@media only screen and (max-width: 1365.98px) {

    .vc-product--default .vc-product__card--right {

        right: -35px;

    }

    .vc-product--default .vc-product__card--top {

        right: 230px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-product--default {

        padding-bottom: 100px;

        padding-top: 100px;

    }

    .vc-product--default .vc-product__card--right {

        right: 0;

    }

    .vc-product--default .vc-product__card--right .vc-product__ttl {

        font-size: 2.5rem;

    }

    .vc-product--default .vc-product__card--right .vc-product__avatar {

        width: 210px;

    }

    .vc-product--default .vc-product__card--top {

        right: 265px;

    }

    .vc-product--default .vc-product__card--top .vc-product__ttl {

        font-size: 2.5rem;

    }

    .vc-product--default .vc-product__card--top .vc-product__avatar {

        width: 170px;

    }

    .vc-product--default .vc-product__ttl {

        font-size: 2.5rem;

    }

    .vc-product--default .vc-product__avatar {

        width: 220px;

    }

}



@media (min-width: 1200px) and (max-width: 1535px) {

  .vc-article--home1 .vc-article__container {

    padding-top: 120px;

  }



  .vc-article--home1 .vc-article__avatar img {

    max-height: 33vmax;

  }

}

@media only screen and (max-width: 991.98px) {

    .vc-product--default .vc-product__row {

        align-items: center;

        display: flex;

        flex-direction: column;

        justify-content: center;

    }

    .vc-product--default .vc-product__card,

    .vc-product--default .vc-product__card--right,

    .vc-product--default .vc-product__card--top {

        margin-bottom: 75px;

    }

    .vc-product--default .vc-product__card--right {

        position: relative;

    }

    .vc-product--default .vc-product__card--right .vc-product__ttl {

        font-size: 3rem;

        max-width: 155px;

    }

    .vc-product--default .vc-product__card--right .vc-product__avatar {

        width: 350px;

    }

    .vc-product--default .vc-product__card--top {

        right: 0;

        position: relative;

    }

    .vc-product--default .vc-product__card--top .vc-product__ttl {

        font-size: 3rem;

        max-width: 155px;

    }

    .vc-product--default .vc-product__card--top .vc-product__avatar {

        width: 350px;

    }

    .vc-product--default .vc-product__ttl {

        font-size: 3rem;

        max-width: 155px;

    }

    .vc-product--default .vc-product__avatar {

        margin-left: 20px;

        padding-bottom: 0;

        width: 350px;

    }



    .section-product-category .vc-product__container {

      padding-bottom: 0;

    }



    .section-product-category .vc-product__card:nth-child(3) .vc-product__avatar {

      padding-bottom: 0;

      margin-left: 0;

    }



    .section-product-category .vc-product--default .vc-product__card .vc-product__avatar .vc-product__ttl {

      text-align: center;

      max-width: 100%;

      margin-right: 0;

    }



    .section-product-category .flower-icon {

      display: none;

    }



    .section-product-category .vc-product__card:nth-child(2) .vc-product__avatar {

      margin-left: 0;

    }



    .vc-article--home1 .vc-article__avatar span {

      right: -1.6vmax;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-product--default {

        padding-bottom: 0;

    }

    .vc-product--default .vc-headline--primary,

    .vc-product--default .vc-headline--white,

    .vc-product--default .vc-headline--article,

    .vc-product--default .vc-headline--sidebar {

        text-align: center;

    }

    .vc-product--default .vc-product__card,

    .vc-product--default .vc-product__card--right,

    .vc-product--default .vc-product__card--top {

        align-items: center;

        flex-direction: column-reverse;

        margin-bottom: 30px;

        max-width: 300px;

        width: 100%;

    }

    .vc-product--default .vc-product__card--right {

        margin-top: 20px;

    }

    .vc-product--default .vc-product__card--right .vc-product__ttl {

        font-size: 2.1rem;

        max-width: 100%;

        margin-top: 30px;

    }

    .vc-product--default .vc-product__card--right .vc-product__avatar {

        width: 100%;

    }

    .vc-product--default .vc-product__card--right .vc-product__avatar::before {

        height: calc(100% + 40px);

        transform: translate(-50%, 20px);

    }

    .vc-product--default .vc-product__card--top .vc-product__ttl {

        font-size: 2.1rem;

        max-width: 100%;

    }

    .vc-product--default .vc-product__card--top .vc-product__avatar {

        width: 100%;

    }

    .vc-product--default .vc-product__ttl {

        font-size: 2.1rem;

        max-width: inherit;

        margin-top: 20px;

    }

    .vc-product--default .vc-product__avatar {

        margin-left: 0;

        width: 100%;

    }



    .map-animation {

        right: 0;

        position: relative;

        bottom: 0;

        margin: 20px auto;

    }

}

.vc-product--home1 {

    text-align: center;

}

.vc-product--home1 .vc-btn--primary,

.vc-product--home1 .vc-btn--back,

.vc-product--home1 .vc-btn--back-white,

.vc-product--home1 .vc-btn--white,

.vc-product--home1 .vc-btn--download {

    z-index: 1;

}

.vc-product--home1 .vc-headline--primary {

    max-width: 650px;

    margin-left: auto;

    margin-right: auto;

}

.vc-product--home1 .vc-headline--white,

.vc-product--home1 .vc-headline--article,

.vc-product--home1 .vc-headline--sidebar {

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;

}

.vc-product--home1 .vc-product__note {

    color: #666;

    font-size: 1.6rem;

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

}

.vc-product--home1 .vc-product__card,

.vc-product--home1 .vc-product__card--top,

.vc-product--home1 .vc-product__card--right {

    margin-top: -7vw;

    text-align: left;

}

.vc-product--home1 .vc-product__card--right {

    bottom: -7vw;

    margin-top: 0;

    right: 16vw;

    position: absolute;

}

.vc-product--home1 .vc-product__card--right .vc-product__ttl {

    padding-left: 30px;

    max-width: 270px;

}

.vc-product--home1 .vc-product__card--right .vc-product__avatar {

    width: 410px;

}

.vc-product--home1 .vc-product__card--right .vc-product__avatar span {

    left: 30px;

}

.vc-product--home1 .vc-product__card--right .vc-product__avatar img {

    aspect-ratio: 410/248;

}

.vc-product--home1 .vc-product__card--top {

    margin-top: 0;

    position: absolute;

    right: 0;

    top: 5vw;

}

.vc-product--home1 .vc-product__card--top .vc-product__ttl {

    padding-left: 100px;

    max-width: 240px;

}

.vc-product--home1 .vc-product__card--top .vc-product__avatar {

    width: 330px;

}

.vc-product--home1 .vc-product__card--top .vc-product__avatar img {

    aspect-ratio: 330/233;

}

.vc-product--home1 .vc-product__card--top .vc-product__avatar span {

    left: 100px;

}

.vc-product--home1 .vc-product__ttl {

    color: #473620;

    display: inline-block;

    font-size: 1.8rem;

    font-family: "SVN-Moneta";

    text-transform: uppercase;

    transition: color 0.25s;

    max-width: 160px;

}

.vc-product--home1 .vc-product__ttl:hover {

    color: #473620;

    text-decoration: underline;

}

.vc-product--home1 .vc-product__avatar {

    margin-bottom: 30px;

    position: relative;

    width: 405px;

}

.vc-product--home1 .vc-product__avatar span {

    bottom: -25px;

    color: #473620;

    font-family: "SVN-Moneta";

    font-size: 5rem;

    left: -15px;

    line-height: 1;

    position: absolute;

}

.vc-product--home1 .vc-product__avatar img {

    aspect-ratio: 405/261;

    -o-object-fit: cover;

    object-fit: cover;

    position: relative;

    width: 100%;

    z-index: 0;

}

@media only screen and (max-width: 1699.98px) {

    .vc-product--home1 .vc-headline--primary {

        max-width: 500px;

    }



    .vc-product--home1 .vc-product__note {

        max-width: 620px;

    }

    .vc-product--home1 .vc-product__card,

    .vc-product--home1 .vc-product__card--right,

    .vc-product--home1 .vc-product__card--top {

        margin-top: -7vw;

    }

    .vc-product--home1 .vc-product__card--right {

        bottom: -7.5vw;

    }

    .vc-product--home1 .vc-product__card--right .vc-product__avatar {

        width: 310px;

    }

    .vc-product--home1 .vc-product__card--right .vc-product__avatar img {

        aspect-ratio: 310/188;

    }

    .vc-product--home1 .vc-product__card--top {

        right: -7vw;

        top: 15vw;

    }

    .vc-product--home1 .vc-product__card--top .vc-product__ttl {

        padding-left: 30px;

        max-width: 260px;

    }

    .vc-product--home1 .vc-product__card--top .vc-product__avatar {

        width: 250px;

    }

    .vc-product--home1 .vc-product__card--top .vc-product__avatar img {

        aspect-ratio: 250/177;

    }

    .vc-product--home1 .vc-product__card--top .vc-product__avatar span {

        left: 30px;

    }

    .vc-product--home1 .vc-product__ttl {

        max-width: 250px;

    }

    .vc-product--home1 .vc-product__avatar {

        margin-bottom: 30px;

        width: 280px;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vc-product--home1 .vc-product__card--top {

        top: 20vw;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-product--home1 {

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .vc-product--home1 .vc-product__row {

        display: flex;

        justify-content: space-between;

        margin-top: 15px;

    }

    .vc-product--home1 .vc-product__card,

    .vc-product--home1 .vc-product__card--right,

    .vc-product--home1 .vc-product__card--top {

        margin-top: 0;

        width: calc((100% - 30px) / 3);

    }

    .vc-product--home1 .vc-product__card--right {

        bottom: 0;

        right: 0;

        position: relative;

    }

    .vc-product--home1 .vc-product__card--right .vc-product__ttl {

        padding-left: 20px;

        max-width: 100%;

    }

    .vc-product--home1 .vc-product__card--right .vc-product__avatar {

        width: 100%;

    }

    .vc-product--home1 .vc-product__card--right .vc-product__avatar span {

        left: 20px;

    }

    .vc-product--home1 .vc-product__card--top {

        position: relative;

        right: 0;

        top: 0;

    }

    .vc-product--home1 .vc-product__card--top .vc-product__ttl {

        padding-left: 20px;

        max-width: 100%;

    }

    .vc-product--home1 .vc-product__card--top .vc-product__avatar {

        width: 100%;

    }

    .vc-product--home1 .vc-product__card--top .vc-product__avatar span {

        left: 20px;

    }

    .vc-product--home1 .vc-product__ttl {

        padding-left: 20px;

        max-width: 100%;

    }

    .vc-product--home1 .vc-product__avatar {

        margin-bottom: 30px;

        padding-top: 63.7931034483%;

        position: relative;

        width: 100%;

    }

    .vc-product--home1 .vc-product__avatar span {

        left: 10px;

    }

    .vc-product--home1 .vc-product__avatar img {

        height: 100%;

        left: 0;

        -o-object-fit: cover;

        object-fit: cover;

        position: absolute;

        top: 0;

        width: 100%;

    }

}

.loading {

    background: #a29491;

}

#loading1 {

    z-index: 2;

    position: relative;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: top;

}

.loading2 {

    opacity: 0;

}

@media (max-width: 1369px) {

    .loading1 {

        height: 100vh !important;

    }

    .loading1 span {

        height: 100vh !important;

    }

    .loading1 .span1 {

        background-position: 50% 0;

    }

    .loading1 .span2 {

        background-position: -50% 0;

    }

}

@media (max-width: 1199px) {

    #loading1 {

        /*display: none !important;*/

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: top;

    }

}

@media only screen and (max-width: 991.98px) {

    .vc-product--home1 .vc-product__row {

        flex-wrap: wrap;

    }

    .vc-product--home1 .vc-product__card,

    .vc-product--home1 .vc-product__card--right,

    .vc-product--home1 .vc-product__card--top {

        margin-bottom: 15px;

        width: 100%;

    }

    .vc-product--home1 .vc-product__ttl {

        font-size: 2.5rem;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-product--home1 .vc-product__ttl {

        font-size: 2rem;

    }

}

.vc-product--card1 {

    align-items: flex-end;

    padding-bottom: 50px;

}

.vc-product--card1 .vc-product__container {

    background: url(../img/icons/i-flower1.png) no-repeat top 0 right 0/87px;

}

.vc-product--card1 .vc-product__note {

    color: #333;

    font-size: 1.6rem;

    max-width: 600px;

}

.vc-product--card1 .vc-product__row {

    display: flex;

}

.vc-product--card1 .vc-product__item,

.vc-product--card1 .vc-product--card3 .vc-product__item--top,

.vc-product--card3 .vc-product--card1 .vc-product__item--top,

.vc-product--card1 .vc-product__item--right,

.vc-product--card1 .vc-product__item--center {

    display: inline-block;

    margin-right: 50px;

    margin-top: 100px;

    width: 390px;

}

.vc-product--card1 .vc-product__item--center {

    margin-top: 50px;

}

.vc-product--card1 .vc-product__item--right {

    margin-top: 0;

}

.vc-product--card1 .vc-product__item:hover .vc-product__ttl,

.vc-product--card1

.vc-product--card3

.vc-product__item--top:hover

.vc-product__ttl,

.vc-product--card3

.vc-product--card1

.vc-product__item--top:hover

.vc-product__ttl,

.vc-product--card1 .vc-product__item--center:hover .vc-product__ttl,

.vc-product--card1 .vc-product__item--right:hover .vc-product__ttl {

    color: #473620;

    text-decoration: underline;

}

.vc-product--card1 .vc-product__item:hover .vc-product__ribbon,

.vc-product--card1

.vc-product--card3

.vc-product__item--top:hover

.vc-product__ribbon,

.vc-product--card3

.vc-product--card1

.vc-product__item--top:hover

.vc-product__ribbon,

.vc-product--card1 .vc-product__item--center:hover .vc-product__ribbon,

.vc-product--card1 .vc-product__item--right:hover .vc-product__ribbon {

    opacity: 1;

}

.vc-product--card1 .vc-product__ttl {

    color: #a29490;

    display: inline-block;

    font-size: 2.6rem;

    font-family: "SVN-Moneta";

    text-transform: uppercase;

    transition: color 0.25s;

}

.vc-product--card1 .vc-product__ribbon, .vc-product--card2 .vc-product__ribbon {

    align-items: center;

    background-color: rgba(162, 148, 144, 0.23);

    border-radius: 50%;

    color: #fff;

    display: inline-flex;

    font-family: "SVN-Moneta";

    font-size: 2.4rem;

    height: 190px;

    justify-content: center;

    line-height: 1;

    right: -50px;

    opacity: 0;

    padding: 30px;

    position: absolute;

    top: 210px;

    transition: opacity 0.25s;

    width: 190px;

    z-index: 1;

}

.vc-product--card1 .vc-product__ribbon span, .vc-product--card2 .vc-product__ribbon span {

    font-size: 2.4rem;

}

.vc-product--card1 .vc-product__ribbon::before, .vc-product--card2 .vc-product__ribbon::before {

    background-color: #a29490;

    border-radius: 50%;

    content: "";

    display: inline-block;

    height: 150px;

    left: 20px;

    position: absolute;

    top: 20px;

    width: 150px;

    z-index: -1;

}

.vc-product--card1 .vc-product__avatar {

    margin-bottom: 30px;

    padding-top: 94.8717948718%;

    position: relative;

    width: 100%;

}

.vc-product--card1 .vc-product__avatar img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    z-index: 0;

    width: 100%;

}

.vc-product--card2 {

    background: url(../img/common/bg-14.svg) no-repeat 0 0 / cover;

}

.vc-product--card2 .vc-product__note {

    color: #333;

    font-size: 1.6rem;

    max-width: 600px;

    margin-left: auto;

    margin-right: auto;

}

.vc-product--card2 .vc-product__row {

    align-items: flex-start;

    display: flex;

    justify-content: center;

    margin-top: 100px;

}

.vc-product--card2 .vc-product__item,

.vc-product--card2 .vc-product--card3 .vc-product__item--top,

.vc-product--card3 .vc-product--card2 .vc-product__item--top,

.vc-product--card2 .vc-product--card3 .vc-product__item--right,

.vc-product--card3 .vc-product--card2 .vc-product__item--right,

.vc-product--card2 .vc-product--card3 .vc-product__item--center,

.vc-product--card3 .vc-product--card2 .vc-product__item--center,

.vc-product--card2 .vc-product--card1 .vc-product__item--center,

.vc-product--card1 .vc-product--card2 .vc-product__item--center,

.vc-product--card2 .vc-product--card1 .vc-product__item--right,

.vc-product--card1 .vc-product--card2 .vc-product__item--right {

    display: inline-block;

    margin-left: 50px;

    margin-right: 50px;

    position: relative;

}

.vc-product--card2 .vc-product__item:hover .vc-product__ttl,

.vc-product--card2

.vc-product--card3

.vc-product__item--top:hover

.vc-product__ttl,

.vc-product--card3

.vc-product--card2

.vc-product__item--top:hover

.vc-product__ttl,

.vc-product--card2

.vc-product--card3

.vc-product__item--right:hover

.vc-product__ttl,

.vc-product--card3

.vc-product--card2

.vc-product__item--right:hover

.vc-product__ttl,

.vc-product--card2

.vc-product--card3

.vc-product__item--center:hover

.vc-product__ttl,

.vc-product--card3

.vc-product--card2

.vc-product__item--center:hover

.vc-product__ttl,

.vc-product--card2

.vc-product--card1

.vc-product__item--center:hover

.vc-product__ttl,

.vc-product--card1

.vc-product--card2

.vc-product__item--center:hover

.vc-product__ttl,

.vc-product--card2

.vc-product--card1

.vc-product__item--right:hover

.vc-product__ttl,

.vc-product--card1

.vc-product--card2

.vc-product__item--right:hover

.vc-product__ttl {

    color: #473620;

    text-decoration: underline;

}

.vc-product--card2 .vc-product__item:last-child .vc-product__ttl,

.vc-product--card2

.vc-product--card3

.vc-product__item--top:last-child

.vc-product__ttl,

.vc-product--card3

.vc-product--card2

.vc-product__item--top:last-child

.vc-product__ttl,

.vc-product--card2

.vc-product--card3

.vc-product__item--right:last-child

.vc-product__ttl,

.vc-product--card3

.vc-product--card2

.vc-product__item--right:last-child

.vc-product__ttl,

.vc-product--card2

.vc-product--card3

.vc-product__item--center:last-child

.vc-product__ttl,

.vc-product--card3

.vc-product--card2

.vc-product__item--center:last-child

.vc-product__ttl,

.vc-product--card2

.vc-product--card1

.vc-product__item--center:last-child

.vc-product__ttl,

.vc-product--card1

.vc-product--card2

.vc-product__item--center:last-child

.vc-product__ttl,

.vc-product--card2

.vc-product--card1

.vc-product__item--right:last-child

.vc-product__ttl,

.vc-product--card1

.vc-product--card2

.vc-product__item--right:last-child

.vc-product__ttl {

    bottom: inherit;

    left: inherit;

    text-align: right;

    right: 0;

    transform: translate(40%, 100px);

    top: 0;

}

.vc-product--card2 .vc-product__item:last-child .vc-product__avatar,

.vc-product--card2

.vc-product--card3

.vc-product__item--top:last-child

.vc-product__avatar,

.vc-product--card3

.vc-product--card2

.vc-product__item--top:last-child

.vc-product__avatar,

.vc-product--card2

.vc-product--card3

.vc-product__item--right:last-child

.vc-product__avatar,

.vc-product--card3

.vc-product--card2

.vc-product__item--right:last-child

.vc-product__avatar,

.vc-product--card2

.vc-product--card3

.vc-product__item--center:last-child

.vc-product__avatar,

.vc-product--card3

.vc-product--card2

.vc-product__item--center:last-child

.vc-product__avatar,

.vc-product--card2

.vc-product--card1

.vc-product__item--center:last-child

.vc-product__avatar,

.vc-product--card1

.vc-product--card2

.vc-product__item--center:last-child

.vc-product__avatar,

.vc-product--card2

.vc-product--card1

.vc-product__item--right:last-child

.vc-product__avatar,

.vc-product--card1

.vc-product--card2

.vc-product__item--right:last-child

.vc-product__avatar {

    position: relative;

    width: 350px;

}

.vc-product--card2 .vc-product__item:last-child .vc-product__avatar::before,

.vc-product--card2

.vc-product--card3

.vc-product__item--top:last-child

.vc-product__avatar::before,

.vc-product--card3

.vc-product--card2

.vc-product__item--top:last-child

.vc-product__avatar::before,

.vc-product--card2

.vc-product--card3

.vc-product__item--right:last-child

.vc-product__avatar::before,

.vc-product--card3

.vc-product--card2

.vc-product__item--right:last-child

.vc-product__avatar::before,

.vc-product--card2

.vc-product--card3

.vc-product__item--center:last-child

.vc-product__avatar::before,

.vc-product--card3

.vc-product--card2

.vc-product__item--center:last-child

.vc-product__avatar::before,

.vc-product--card2

.vc-product--card1

.vc-product__item--center:last-child

.vc-product__avatar::before,

.vc-product--card1

.vc-product--card2

.vc-product__item--center:last-child

.vc-product__avatar::before,

.vc-product--card2

.vc-product--card1

.vc-product__item--right:last-child

.vc-product__avatar::before,

.vc-product--card1

.vc-product--card2

.vc-product__item--right:last-child

.vc-product__avatar::before {

    left: 0;

    height: 75%;

    transform: translate(-40px, 40px);

    width: 80%;

}

.vc-product--card2 .vc-product__item:last-child .vc-product__avatar img,

.vc-product--card2

.vc-product--card3

.vc-product__item--top:last-child

.vc-product__avatar

img,

.vc-product--card3

.vc-product--card2

.vc-product__item--top:last-child

.vc-product__avatar

img,

.vc-product--card2

.vc-product--card3

.vc-product__item--right:last-child

.vc-product__avatar

img,

.vc-product--card3

.vc-product--card2

.vc-product__item--right:last-child

.vc-product__avatar

img,

.vc-product--card2

.vc-product--card3

.vc-product__item--center:last-child

.vc-product__avatar

img,

.vc-product--card3

.vc-product--card2

.vc-product__item--center:last-child

.vc-product__avatar

img,

.vc-product--card2

.vc-product--card1

.vc-product__item--center:last-child

.vc-product__avatar

img,

.vc-product--card1

.vc-product--card2

.vc-product__item--center:last-child

.vc-product__avatar

img,

.vc-product--card2

.vc-product--card1

.vc-product__item--right:last-child

.vc-product__avatar

img,

.vc-product--card1

.vc-product--card2

.vc-product__item--right:last-child

.vc-product__avatar

img {

    border-radius: 250px 250px 0 0;

    width: 100%;

}

.vc-product--card2 .vc-product__ttl {

    bottom: 30px;

    color: #a29490;

    display: inline-block;

    font-size: 4rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    left: 0;

    position: absolute;

    text-align: left;

    text-transform: uppercase;

    transition: color 0.25s;

    transform: translateX(-50%);

    width: 250px;

    z-index: 1;

}

.vc-product--card2 .vc-product__avatar {

    position: relative;

    width: 450px;

}

.vc-product--card2 .vc-product__avatar::before {

    border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 30%;

    content: "";

    height: calc(100% + 100px);

    position: absolute;

    transform: translateY(40px);

    width: 60%;

}

.vc-product--card2 .vc-product__avatar img {

    width: 100%;

}

.vc-product--card3 {

    align-items: flex-end;

    background: url(../img/common/bg-16.svg) no-repeat right 0 center/cover;

    padding-bottom: 50px;

}

.vc-product--card3 .vc-product__note {

    color: #333;

    font-size: 1.6rem;

    max-width: 600px;



    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    line-clamp: 4;

    -webkit-box-orient: vertical;

}

.vc-product--card3 .vc-product__row {

    display: flex;

}

.vc-product--card3 .vc-product__item,

.vc-product--card3 .vc-product__item--top,

.vc-product--card3 .vc-product__item--right,

.vc-product--card3 .vc-product__item--center {

    margin-right: 100px;

    margin-top: 50px;

    width: 406px;

}

.vc-product--card3 .vc-product__item--center {

    margin-top: 250px;

    width: 360px;

}

.vc-product--card3 .vc-product__item--center .vc-product__avatar {

    padding-top: 60.5555555556%;

}

.vc-product--card3 .vc-product__item--right {

    margin-top: 150px;

    width: 286px;

}

.vc-product--card3 .vc-product__item--right .vc-product__avatar {

    padding-top: 129.7202797203%;

}

.vc-product--card3 .vc-product__item--top {

    margin-top: 0;

    position: absolute;

    right: 240px;

    top: 0;

    width: 331px;

}

.vc-product--card3 .vc-product__item--top .vc-product__avatar {

    padding-top: 70.6948640483%;

}

.vc-product--card3 .vc-product__item:hover .vc-product__ttl,

.vc-product--card3 .vc-product__item--center:hover .vc-product__ttl,

.vc-product--card3 .vc-product__item--right:hover .vc-product__ttl,

.vc-product--card3 .vc-product__item--top:hover .vc-product__ttl {

    color: #473620;

    text-decoration: underline;

}

.vc-product--card3 .vc-product__ttl {

    bottom: 0;

    color: #473620;

    display: inline-block;

    font-size: 4.5rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    left: 0;

    position: absolute;

    text-transform: uppercase;

    transform: translate(-50px, 50%);

    transition: color 0.25s;

    font-weight: 500;

}

.vc-product--card3 .vc-product__avatar {

    padding-top: 64.5320197044%;

    position: relative;

    width: 100%;

}

.vc-product--card3 .vc-product__avatar img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    z-index: 0;

    width: 100%;

}

.vc-product--library .vc-product__box {

    align-items: flex-end;

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

}

.vc-product--library .vc-headline--primary,

.vc-product--library .vc-headline--white,

.vc-product--library .vc-headline--article,

.vc-product--library .vc-headline--sidebar {

    margin-bottom: 0;

}

.vc-product--library .vc-product__nav {

    margin-bottom: 10px;

}

.vc-product--library .vc-product__nav a {

    color: #a29490;

    font-size: 1.8rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    margin-left: 10px;

    padding-bottom: 5px;

    position: relative;

    text-transform: uppercase;

    transition: color 0.25s;

}

.vc-product--library .vc-product__nav a::before {

    background-color: #483721;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    right: 0;

    transition: left 0.25s, width 0.25s;

    width: 0;

}

.vc-product--library .vc-product__nav a:hover,

.vc-product--library .vc-product__nav a.current {

    color: #483721;

}

.vc-product--library .vc-product__nav a:hover::before,

.vc-product--library .vc-product__nav a.current::before {

    left: 0;

    width: 100%;

}

.vc-product--library .vc-product__carousel {

    padding-left: 75px;

    padding-right: 75px;

    margin-left: -75px;

    margin-right: -75px;

    position: relative;

    width: calc(100% + 150px);

}

.vc-product--library .swiper-button-prev,

.vc-product--library .swiper-button-next {

    align-items: center;

    background-color: rgba(0, 0, 0, 0);

    border: 1px solid #a49692;

    border-radius: 50%;

    display: inline-flex;

    height: 50px;

    justify-content: center;

    left: 0;

    margin: 0;

    padding: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    transition: background-color 0.25s;

    width: 50px;

}

.vc-product--library .swiper-button-prev:hover,

.vc-product--library .swiper-button-next:hover {

    background-color: #473620;

    cursor: pointer;

}

.vc-product--library .swiper-button-prev:hover img,

.vc-product--library .swiper-button-next:hover img {

    filter: brightness(10);

}

.vc-product--library .swiper-button-prev img,

.vc-product--library .swiper-button-next img {

    width: 12px;

}

.vc-product--library .swiper-button-next {

    left: inherit;

    right: 0;

}

.vc-product--library .vc-product__item,

.vc-product--library .vc-product--card1 .vc-product__item--center,

.vc-product--card1 .vc-product--library .vc-product__item--center,

.vc-product--library .vc-product--card1 .vc-product__item--right,

.vc-product--card1 .vc-product--library .vc-product__item--right,

.vc-product--library .vc-product--card3 .vc-product__item--center,

.vc-product--card3 .vc-product--library .vc-product__item--center,

.vc-product--library .vc-product--card3 .vc-product__item--right,

.vc-product--card3 .vc-product--library .vc-product__item--right,

.vc-product--library .vc-product--card3 .vc-product__item--top,

.vc-product--card3 .vc-product--library .vc-product__item--top {

    position: relative;

    padding-top: 51.25%;

    width: 100%;

}

.vc-product--library .vc-product__item img,

.vc-product--library .vc-product--card1 .vc-product__item--center img,

.vc-product--card1 .vc-product--library .vc-product__item--center img,

.vc-product--library .vc-product--card1 .vc-product__item--right img,

.vc-product--card1 .vc-product--library .vc-product__item--right img,

.vc-product--library .vc-product--card3 .vc-product__item--center img,

.vc-product--card3 .vc-product--library .vc-product__item--center img,

.vc-product--library .vc-product--card3 .vc-product__item--right img,

.vc-product--card3 .vc-product--library .vc-product__item--right img,

.vc-product--library .vc-product--card3 .vc-product__item--top img,

.vc-product--card3 .vc-product--library .vc-product__item--top img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    z-index: 0;

    width: 100%;

}

@media only screen and (max-width: 1699.98px) {

    .vc-product--card1 {

        align-items: center;

        padding-top: 80px;

    }

    .vc-product--card1 .vc-product__row {

        display: flex;

    }

    .vc-product--card1 .vc-product__item,

    .vc-product--card1 .vc-product__item--center,

    .vc-product--card1 .vc-product__item--right,

    .vc-product--card1 .vc-product--card3 .vc-product__item--top,

    .vc-product--card3 .vc-product--card1 .vc-product__item--top {

        margin-right: 80px;

        margin-top: 40px;

        width: 260px;

    }

    .vc-product--card1 .vc-product__item--center {

        margin-top: 20px;

    }

    .vc-product--card1 .vc-product__item--right {

        margin-top: 0;

    }

    .vc-product--card1 .vc-product__avatar {

        margin-bottom: 5px;

    }

    .vc-product--card1 .vc-product__ttl {

        font-size: 2rem;

    }

    .vc-product--card1 .vc-product__ribbon, .vc-product--card2 .vc-product__ribbon {

        height: 140px;

        right: -35px;

        padding: 30px;

        top: 120px;

        width: 140px;

    }

    .vc-product--card1 .vc-product__ribbon span, .vc-product--card2 .vc-product__ribbon span {

        font-size: 1.7rem;

    }

    .vc-product--card1 .vc-product__ribbon::before, .vc-product--card2 .vc-product__ribbon::before {

        height: 120px;

        left: 10px;

        top: 10px;

        width: 120px;

    }

    .vc-product--card2 {

        padding-top: 60px;

    }

    .vc-product--card2 .vc-product__row {

        margin-top: 30px;

    }

    .vc-product--card2 .vc-product__item,

    .vc-product--card2 .vc-product--card1 .vc-product__item--center,

    .vc-product--card1 .vc-product--card2 .vc-product__item--center,

    .vc-product--card2 .vc-product--card1 .vc-product__item--right,

    .vc-product--card1 .vc-product--card2 .vc-product__item--right,

    .vc-product--card2 .vc-product--card3 .vc-product__item--center,

    .vc-product--card3 .vc-product--card2 .vc-product__item--center,

    .vc-product--card2 .vc-product--card3 .vc-product__item--right,

    .vc-product--card3 .vc-product--card2 .vc-product__item--right,

    .vc-product--card2 .vc-product--card3 .vc-product__item--top,

    .vc-product--card3 .vc-product--card2 .vc-product__item--top {

        margin-left: 50px;

        margin-right: 50px;

    }

    .vc-product--card2 .vc-product__item:last-child .vc-product__ttl,

    .vc-product--card2

    .vc-product--card1

    .vc-product__item--center:last-child

    .vc-product__ttl,

    .vc-product--card1

    .vc-product--card2

    .vc-product__item--center:last-child

    .vc-product__ttl,

    .vc-product--card2

    .vc-product--card1

    .vc-product__item--right:last-child

    .vc-product__ttl,

    .vc-product--card1

    .vc-product--card2

    .vc-product__item--right:last-child

    .vc-product__ttl,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--center:last-child

    .vc-product__ttl,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--center:last-child

    .vc-product__ttl,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--right:last-child

    .vc-product__ttl,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--right:last-child

    .vc-product__ttl,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--top:last-child

    .vc-product__ttl,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--top:last-child

    .vc-product__ttl {

        transform: translate(40%, 100px);

    }

    .vc-product--card2 .vc-product__item:last-child .vc-product__avatar,

    .vc-product--card2

    .vc-product--card1

    .vc-product__item--center:last-child

    .vc-product__avatar,

    .vc-product--card1

    .vc-product--card2

    .vc-product__item--center:last-child

    .vc-product__avatar,

    .vc-product--card2

    .vc-product--card1

    .vc-product__item--right:last-child

    .vc-product__avatar,

    .vc-product--card1

    .vc-product--card2

    .vc-product__item--right:last-child

    .vc-product__avatar,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--center:last-child

    .vc-product__avatar,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--center:last-child

    .vc-product__avatar,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--right:last-child

    .vc-product__avatar,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--right:last-child

    .vc-product__avatar,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--top:last-child

    .vc-product__avatar,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--top:last-child

    .vc-product__avatar {

        width: 275px;

    }

    .vc-product--card2 .vc-product__item:last-child .vc-product__avatar::before,

    .vc-product--card2

    .vc-product--card1

    .vc-product__item--center:last-child

    .vc-product__avatar::before,

    .vc-product--card1

    .vc-product--card2

    .vc-product__item--center:last-child

    .vc-product__avatar::before,

    .vc-product--card2

    .vc-product--card1

    .vc-product__item--right:last-child

    .vc-product__avatar::before,

    .vc-product--card1

    .vc-product--card2

    .vc-product__item--right:last-child

    .vc-product__avatar::before,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--center:last-child

    .vc-product__avatar::before,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--center:last-child

    .vc-product__avatar::before,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--right:last-child

    .vc-product__avatar::before,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--right:last-child

    .vc-product__avatar::before,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--top:last-child

    .vc-product__avatar::before,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--top:last-child

    .vc-product__avatar::before {

        transform: translate(-20px, 15px);

    }

    .vc-product--card2 .vc-product__ttl {

        font-size: 3rem;

        width: 180px;

    }

    .vc-product--card2 .vc-product__avatar {

        width: 275px;

    }

    .vc-product--card2 .vc-product__avatar::before {

        height: calc(100% + 40px);

        transform: translateY(20px);

    }

    .vc-product--library .vc-product__carousel {

        margin-left: auto;

        margin-right: auto;

        width: 900px;

    }

    .vc-product--card3 .vc-product__row {

        justify-content: space-between;

    }

    .vc-product--card3 .vc-headline--primary,

    .vc-product--card3 .vc-headline--white,

    .vc-product--card3 .vc-headline--article,

    .vc-product--card3 .vc-headline--sidebar {

        margin-bottom: 5px;

    }

    .vc-product--card3 .vc-product__note {

        font-size: 1.5rem;

        max-width: 500px;

    }

    .vc-product--card3 .vc-product__item,

    .vc-product--card3 .vc-product__item--center,

    .vc-product--card3 .vc-product__item--right,

    .vc-product--card3 .vc-product__item--top {

        margin-right: 0;

        margin-top: 50px;

        width: 260px;

    }

    .vc-product--card3 .vc-product__item--center {

        margin-top: 190px;

        width: 270px;

    }

    .vc-product--card3 .vc-product__item--right {

        margin-right: 0;

        margin-top: 150px;

        width: 180px;

    }

    .vc-product--card3 .vc-product__item--top {

        margin-top: 0;

        right: 5vw;

        width: 270px;

    }

    .vc-product--card3 .vc-product__ttl {

        font-size: 3.5rem;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-product--library {

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .vc-product--card2 {

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .vc-product--card2 .vc-product__row {

        margin-top: 50px;

    }

    .vc-product--card3 {

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .vc-product--card3 .vc-product__note {

        font-size: 1.5rem;

        max-width: 500px;

    }

    .vc-product--card3 .vc-product__item,

    .vc-product--card3 .vc-product__item--center,

    .vc-product--card3 .vc-product__item--right,

    .vc-product--card3 .vc-product__item--top {

        margin-right: 0;

        margin-top: 50px;

        width: 260px;

    }

    .vc-product--card3 .vc-product__item--center {

        margin-top: 190px;

        width: 270px;

    }

    .vc-product--card3 .vc-product__item--right {

        margin-right: 0;

        margin-top: 150px;

        width: 180px;

    }

    .vc-product--card3 .vc-product__item--top {

        margin-top: 0;

        right: 5vw;

        width: 270px;

    }

    .vc-product--card3 .vc-product__ttl {

        font-size: 3.5rem;

    }

}

@media only screen and (max-width: 991.98px) {

    .vc-product--library .vc-product__carousel {

        width: 100%;

    }

    .vc-product--card1 {

        display: block;

        height: auto;

        padding-bottom: 20px;

        padding-top: 50px;

    }

    .vc-product--card1 .vc-product__row {

        flex-wrap: wrap;

        justify-content: center;

        margin-top: 30px;

        text-align: center;

    }

    .vc-product--card1 .vc-product__item,

    .vc-product--card1 .vc-product__item--center,

    .vc-product--card1 .vc-product__item--right,

    .vc-product--card1 .vc-product--card3 .vc-product__item--top,

    .vc-product--card3 .vc-product--card1 .vc-product__item--top {

        margin: 0 15px 30px;

        width: 280px;

    }

    .vc-product--card1 .vc-product__item--center {

        margin-top: 0;

    }

    .vc-product--card1 .vc-product__avatar {

        margin-bottom: 5px;

    }

    .vc-product--card1 .vc-product__ttl {

        font-size: 2rem;

    }

    .vc-product--card1 .vc-product__ribbon, .vc-product--card2 .vc-product__ribbon {

        height: 140px;

        right: -35px;

        padding: 30px;

        top: 120px;

        width: 140px;

    }

    .vc-product--card1 .vc-product__ribbon span, .vc-product--card2 .vc-product__ribbon span {

        font-size: 1.7rem;

    }

    .vc-product--card1 .vc-product__ribbon::before, .vc-product--card2 .vc-product__ribbon::before {

        height: 120px;

        left: 10px;

        top: 10px;

        width: 120px;

    }

    .vc-product--card2 .vc-product__row {

        display: block;

        text-align: center;

    }

    .vc-product--card2 .vc-product__item,

    .vc-product--card2 .vc-product--card1 .vc-product__item--center,

    .vc-product--card1 .vc-product--card2 .vc-product__item--center,

    .vc-product--card2 .vc-product--card1 .vc-product__item--right,

    .vc-product--card1 .vc-product--card2 .vc-product__item--right,

    .vc-product--card2 .vc-product--card3 .vc-product__item--center,

    .vc-product--card3 .vc-product--card2 .vc-product__item--center,

    .vc-product--card2 .vc-product--card3 .vc-product__item--right,

    .vc-product--card3 .vc-product--card2 .vc-product__item--right,

    .vc-product--card2 .vc-product--card3 .vc-product__item--top,

    .vc-product--card3 .vc-product--card2 .vc-product__item--top {

        margin-bottom: 50px;

    }

    .vc-product--card2 .vc-product__item:last-child,

    .vc-product--card2 .vc-product--card1 .vc-product__item--center:last-child,

    .vc-product--card1 .vc-product--card2 .vc-product__item--center:last-child,

    .vc-product--card2 .vc-product--card1 .vc-product__item--right:last-child,

    .vc-product--card1 .vc-product--card2 .vc-product__item--right:last-child,

    .vc-product--card2 .vc-product--card3 .vc-product__item--center:last-child,

    .vc-product--card3 .vc-product--card2 .vc-product__item--center:last-child,

    .vc-product--card2 .vc-product--card3 .vc-product__item--right:last-child,

    .vc-product--card3 .vc-product--card2 .vc-product__item--right:last-child,

    .vc-product--card2 .vc-product--card3 .vc-product__item--top:last-child,

    .vc-product--card3 .vc-product--card2 .vc-product__item--top:last-child {

        margin-bottom: 0;

    }

    .vc-product--card2 .vc-product__item:last-child .vc-product__avatar,

    .vc-product--card2

    .vc-product--card1

    .vc-product__item--center:last-child

    .vc-product__avatar,

    .vc-product--card1

    .vc-product--card2

    .vc-product__item--center:last-child

    .vc-product__avatar,

    .vc-product--card2

    .vc-product--card1

    .vc-product__item--right:last-child

    .vc-product__avatar,

    .vc-product--card1

    .vc-product--card2

    .vc-product__item--right:last-child

    .vc-product__avatar,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--center:last-child

    .vc-product__avatar,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--center:last-child

    .vc-product__avatar,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--right:last-child

    .vc-product__avatar,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--right:last-child

    .vc-product__avatar,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--top:last-child

    .vc-product__avatar,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--top:last-child

    .vc-product__avatar {

        width: 285px;

    }

    .vc-product--card2 .vc-product__avatar {

        width: 285px;

    }

    .vc-product--card3 .vc-product__row {

        flex-wrap: wrap;

    }

    .vc-product--card3 .vc-product__item,

    .vc-product--card3 .vc-product__item--center,

    .vc-product--card3 .vc-product__item--right,

    .vc-product--card3 .vc-product__item--top {

        margin-top: 30px;

        width: calc(50% - 15px);

    }

    .vc-product--card3 .vc-product__item--center {

        width: calc(50% - 15px);

    }

    .vc-product--card3 .vc-product__item--right {

        width: calc(50% - 15px);

    }

    .vc-product--card3 .vc-product__item--top {

        position: relative;

        right: 0;

        width: calc(50% - 15px);

    }

    .vc-product--card3 .vc-product__ttl {

        transform: translate(-10px, 50%);

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-product--library .vc-product__box {

        display: block;

    }

    .vc-product--library .vc-headline--primary,

    .vc-product--library .vc-headline--white,

    .vc-product--library .vc-headline--article,

    .vc-product--library .vc-headline--sidebar {

        font-size: 3rem;

    }

    .vc-product--library .vc-product__nav {

        text-align: center;

    }

    .vc-product--library .vc-product__nav a {

        font-size: 1.6rem;

        margin-left: 5px;

        margin-right: 5px;

    }

    .vc-product--library .vc-product__carousel {

        padding-left: 0;

        padding-right: 0;

    }

    .vc-product--library .swiper-button-prev,

    .vc-product--library .swiper-button-next {

        height: 35px;

        left: 10px;

        width: 35px;

    }

    .vc-product--library .swiper-button-prev img,

    .vc-product--library .swiper-button-next img {

        width: 8px;

    }

    .vc-product--library .swiper-button-next {

        left: inherit;

        right: 10px;

    }

    .vc-product--card2 .vc-product__ttl {

        font-size: 2.5rem;

        margin-top: 50px;

        position: relative;

        transform: inherit;

        text-align: center;

        width: 100%;

    }

    .vc-product--card2 .vc-product__item,

    .vc-product--card2 .vc-product--card1 .vc-product__item--center,

    .vc-product--card1 .vc-product--card2 .vc-product__item--center,

    .vc-product--card2 .vc-product--card1 .vc-product__item--right,

    .vc-product--card1 .vc-product--card2 .vc-product__item--right,

    .vc-product--card2 .vc-product--card3 .vc-product__item--center,

    .vc-product--card3 .vc-product--card2 .vc-product__item--center,

    .vc-product--card2 .vc-product--card3 .vc-product__item--right,

    .vc-product--card3 .vc-product--card2 .vc-product__item--right,

    .vc-product--card2 .vc-product--card3 .vc-product__item--top,

    .vc-product--card3 .vc-product--card2 .vc-product__item--top {

        margin-bottom: 0;

    }

    .vc-product--card2 .vc-product__item:last-child .vc-product__ttl,

    .vc-product--card2

    .vc-product--card1

    .vc-product__item--center:last-child

    .vc-product__ttl,

    .vc-product--card1

    .vc-product--card2

    .vc-product__item--center:last-child

    .vc-product__ttl,

    .vc-product--card2

    .vc-product--card1

    .vc-product__item--right:last-child

    .vc-product__ttl,

    .vc-product--card1

    .vc-product--card2

    .vc-product__item--right:last-child

    .vc-product__ttl,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--center:last-child

    .vc-product__ttl,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--center:last-child

    .vc-product__ttl,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--right:last-child

    .vc-product__ttl,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--right:last-child

    .vc-product__ttl,

    .vc-product--card2

    .vc-product--card3

    .vc-product__item--top:last-child

    .vc-product__ttl,

    .vc-product--card3

    .vc-product--card2

    .vc-product__item--top:last-child

    .vc-product__ttl {

        margin-top: 30px;

        transform: inherit;

        text-align: center;

    }

    .vc-product--card3 .vc-product__row {

        justify-content: center;

    }

    .vc-product--card3 .vc-product__item,

    .vc-product--card3 .vc-product__item--center,

    .vc-product--card3 .vc-product__item--right,

    .vc-product--card3 .vc-product__item--top {

        margin-top: 30px;

        width: 350px;

        max-width: 90%;

    }

}

.vc-article--product1 {

    background: url(../../upload/svg/Biet-thu-rome.svg) no-repeat right 0 center/cover;

}

.vc-article--product1 .vc-article__container {

    /* align-items: flex-end; */

    align-items: center;

    display: flex;

    position: relative;

}

.vc-article--product1 .vc-article__box {

    flex: 1;

    padding-left: 110px;

    padding-top: 200px;

}

.vc-article--product1 .vc-article__content {

    color: #666;

}

.vc-article--product1 .vc-article__content p {

    display: inline-block;

    max-width: 400px;

}

.vc-article--product1 .vc-article__avatar {

    display: inline-block;

    position: relative;

    width: 500px;

}

.vc-article--product1 .vc-article__avatar::before {

    border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: 90%;

    position: absolute;

    transform: translate(80px, 35px);

    width: 90%;

    z-index: 0;

    display: none;

}

.vc-article--product1 .vc-article__avatar img {

    /* aspect-ratio: 500/619;

    border-radius: 250px 250px 0 0; */

    -o-object-fit: cover;

    object-fit: cover;

    position: relative;

    width: 100%;

    z-index: 1;

    width: 21.3vmax;

}

.vc-article--product1 .vc-article__img,

.vc-article--product1 .vc-article--product2 .vc-article__img--bottom,

.vc-article--product2 .vc-article--product1 .vc-article__img--bottom {

    display: inline-block;

    right: 0;

    padding-top: 183px;

    position: absolute;

    top: 0;

    width: 180px;

}

.vc-article--product1 .vc-article__img img,

.vc-article--product1 .vc-article--product2 .vc-article__img--bottom img,

.vc-article--product2 .vc-article--product1 .vc-article__img--bottom img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    width: 100%;
      border-radius: 250px 250px 0 0;

}

.vc-article--product2 {

    background: url(../img/common/bg-15.svg) no-repeat 0 center/cover;

}

.vc-article--product2 .vc-article__container {

    align-items: flex-end;

    display: flex;

    padding-left: 270px;

    position: relative;

}

.vc-article--product2 .vc-article__box {

    margin-left: 100px;

    padding-top: 200px;

}

.vc-article--product2 .vc-article__content {

    color: #666;

}

.vc-article--product2 .vc-article__content p {

    display: inline-block;

    max-width: 400px;

}

.vc-article--product2 .vc-article__avatar {

    display: inline-block;

    position: relative;

    width: 408px;

}

.vc-article--product2 .vc-article__avatar .vc-headline--primary,

.vc-article--product2 .vc-article__avatar .vc-headline--white,

.vc-article--product2 .vc-article__avatar .vc-headline--article,

.vc-article--product2 .vc-article__avatar .vc-headline--sidebar {

    color: #a29490;

    font-weight: normal;

    left: 0;

    margin: 0;

    position: absolute;

    transform: translate(-65%, -20%);

    width: 300px;

    top: 50%;

    display: inline-block;

}

.vc-article--product2 .vc-article__avatar::before {

    border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: 90%;

    position: absolute;

    transform: translate(80px, 35px);

    width: 90%;

    z-index: 1;

}

.vc-article--product2 .vc-article__avatar img {

    border-radius: 250px 250px 0 0;

    width: 100%;

}

.vc-article--product2 .vc-article__img,

.vc-article--product2 .vc-article__img--bottom {

    display: inline-block;

    left: 80px;

    overflow: hidden;

    padding-top: 168px;

    position: absolute;

    top: 70px;

    width: 163px;

}

.vc-article--product2 .vc-article__img img,

.vc-article--product2 .vc-article__img--bottom img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    width: 100%;
    
    border-radius: 250px 250px 0 0;

}

.vc-article--product2 .vc-article__img--bottom {

    border-radius: 250px 250px 0 0;

    bottom: -100px;

    left: 0;

    padding-top: 210px;

    top: inherit;

}

.vc-article--product2 .vc-article__img--bottom img {

    border-radius: 250px 250px 0 0;

}

.vc-article--product2 .vc-article__box {

    color: #a29490;

}

.vc-article--product2 .vc-article__box dt {

    font-size: 1.8rem;

}

.vc-article--product2 .vc-article__box dd {

    border-bottom: 1px solid #a29490;

    font-size: 3.6rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    margin-left: 0;

    margin-bottom: 15px;

    padding-bottom: 15px;

}

.vc-article--product2 .vc-article__box dd:last-child {

    border-bottom-width: 0;

    margin-bottom: 0;

    padding-bottom: 0;

}

@media only screen and (max-width: 1699.98px) {

    .vc-article--product2 .vc-article__avatar .vc-headline--primary {

        width: 250px;

    }

    .vc-article--product1 {

        padding-top: 80px;

    }

    .vc-article--product1 .vc-article__box {

        padding-left: 80px;

        padding-top: 150px;

    }

    .vc-article--product1 .vc-article__content p {

        max-width: 450px;

    }

    .vc-article--product1 .vc-article__avatar {

        width: 400px;

    }

    .vc-article--product1 .vc-article__avatar::before {

        transform: translate(60px, 20px);

    }

    .vc-article--product1 .vc-article__img,

    .vc-article--product1 .vc-article--product2 .vc-article__img--bottom,

    .vc-article--product2 .vc-article--product1 .vc-article__img--bottom {

        padding-top: 140px;

        width: 140px;

    }

    .vc-article--product2 .vc-article__container {

        padding-left: 270px;

    }

    .vc-article--product2 .vc-article__box {

        margin-left: 100px;

        padding-top: 200px;

    }

    .vc-article--product2 .vc-article__content p {

        max-width: 400px;

    }

    .vc-article--product2 .vc-article__avatar {

        width: 330px;

    }

    .vc-article--product2 .vc-article__avatar::before {

        transform: translate(50px, 20px);

    }

    .vc-article--product2 .vc-article__img,

    .vc-article--product2 .vc-article__img--bottom {

        left: 0;

        padding-top: 103px;

        width: 100px;

    }

    .vc-article--product2 .vc-article__img--bottom {

        bottom: 10px;

        padding-top: 129px;

        top: inherit;

    }

    .vc-article--product2 .vc-article__box {

        margin-left: 50px;

        padding-top: 0;

    }

    .vc-article--product2 .vc-article__box dt {

        font-size: 1.6rem;

    }

    .vc-article--product2 .vc-article__box dd {

        font-size: 3rem;

        margin-bottom: 10px;

        padding-bottom: 10px;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vc-article--product1 {

        align-items: center;

        display: flex;

        min-height: 100vh;

        padding-top: 80px;

    }

    .vc-article--product1 .vc-article__img,

    .vc-article--product1 .vc-article--product2 .vc-article__img--bottom,

    .vc-article--product2 .vc-article--product1 .vc-article__img--bottom {

        right: 15px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-article--product1 {

        display: block;

        min-height: inherit;

        padding-bottom: 50px;

        padding-top: 80px;

    }

    .vc-article--product1 .vc-article__container {

        display: block;

        text-align: center;

    }

    .vc-article--product1 .vc-article__box {

        padding-left: 0;

        padding-top: 50px;

    }

    .vc-article--product1 .vc-article__content p {

        max-width: 600px;

    }

    .vc-article--product2 {

        align-items: center;

        display: flex;

        height: 100vh;

    }

    .vc-article--product2 .vc-article__container {

        padding-left: 270px;

    }

    .vc-article--product2 .vc-article__avatar .vc-headline--primary,

    .vc-article--product2 .vc-article__avatar .vc-headline--white,

    .vc-article--product2 .vc-article__avatar .vc-headline--article,

    .vc-article--product2 .vc-article__avatar .vc-headline--sidebar {

        width: 220px;

    }

    .vc-article--product2 .vc-article__img,

    .vc-article--product2 .vc-article__img--bottom {

        left: 15px;

        top: -50px;

    }

    .vc-article--product2 .vc-article__img--bottom {

        bottom: -50px;

        padding-top: 129px;

        top: inherit;

    }

}

@media only screen and (max-width: 991.98px) {

    .vc-article--product2 .vc-article__container {

        display: block;

        padding-left: 15px;

        text-align: center;

    }

    .vc-article--product2 .vc-article__avatar {

        margin-bottom: 30px;

    }

    .vc-article--product2 .vc-article__box {

        margin-left: auto;

        margin-right: auto;

        max-width: 400px;

        padding-left: 0;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-article--product1 .vc-article__avatar {

        margin-top: 50px;

        width: 285px;

    }

    .vc-article--product1 .vc-article__avatar::before {

        transform: translate(40px, 15px);

    }

    .vc-article--product1 .vc-article__img,

    .vc-article--product1 .vc-article--product2 .vc-article__img--bottom,

    .vc-article--product2 .vc-article--product1 .vc-article__img--bottom {

        padding-top: 70px;

        width: 70px;

    }

    .vc-article--product2 {

        height: auto;

        padding-bottom: 50px;

        padding-top: 80px;

    }

    .vc-article--product2 .vc-article__box {

        max-width: 80%;

        padding-top: 50px;

    }

    .vc-article--product2 .vc-article__avatar {

        width: 285px;

    }

    .vc-article--product2 .vc-article__avatar::before {

        transform: translate(40px, 15px);

    }

    .vc-article--product2 .vc-article__avatar .vc-headline--primary,

    .vc-article--product2 .vc-article__avatar .vc-headline--white,

    .vc-article--product2 .vc-article__avatar .vc-headline--article,

    .vc-article--product2 .vc-article__avatar .vc-headline--sidebar {

        font-size: 3rem;

        left: 0;

        transform: translateY(20px);

        width: 100%;

        top: 100%;

    }

    .vc-article--product2 .vc-article__img,

    .vc-article--product2 .vc-article__img--bottom {

        padding-top: 50px;

        top: -25px;

        width: 50px;

    }

    .vc-article--product2 .vc-article__img--bottom {

        bottom: -25px;

        padding-top: 64px;

        top: inherit;

    }

}

.vp-post--progress {

    background-color: #eceae9;

    padding-top: 100px;

}

.vp-post--progress .vp-post__container {

    max-width: 800px;

}

.vp-post--head {

    background: url(../img/common/bg-10.svg) no-repeat right 0 center/cover;

    min-height: 100vh;

}

.vp-post__box {

    align-items: flex-end;

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

}

.vp-post__box .vc-headline--primary,

.vp-post__box .vc-headline--white,

.vp-post__box .vc-headline--article,

.vp-post__box .vc-headline--sidebar {

    margin-bottom: 0;

}

.vp-post__nav {

    margin-bottom: 10px;

}

.vp-post__nav a {

    color: #a29490;

    font-size: 1.8rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    margin-left: 10px;

    padding-bottom: 5px;

    position: relative;

    text-transform: uppercase;

    transition: color 0.25s;

    font-weight: 700;

}

.vp-post__nav a::before {

    background-color: #483721;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    right: 0;

    transition: left 0.25s, width 0.25s;

    width: 0;

}

.vp-post__nav a:hover,

.vp-post__nav a.current {

    color: #483721;

}

.vp-post__nav a:hover::before,

.vp-post__nav a.current::before {

    left: 0;

    width: 100%;

}

.vp-post__head {

    color: #473620;

    font-size: 3.7rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    font-weight: normal;

    margin: 0;

    text-transform: uppercase;

}

.vp-post__select select {

    background: url(../img/icons/i-arrow-down.png) no-repeat right 10px

    center/11px;

    border: 1px solid #a29490;

    color: #473620;

    font-size: 1.8rem;

    font-weight: 300;

    padding: 10px 30px 10px 15px;

    -webkit-appearance: none;

}

.vp-post--card {

    align-items: flex-end;

    padding: 30px 0px;

}

.vp-post--card .vp-post__box {

    border-bottom: 1px solid #e1e1e1;

    margin-bottom: 15px;

    padding-bottom: 15px;

}

.vp-post--card .vp-post__box.center {

    justify-content: center;

}

.vp-post--default {

    align-items: center;

    background: url(../../upload/svg/tintuc.svg) no-repeat right 0 center/cover;

    display: flex;

    min-height: 100vh;

}

.vp-post--default .vp-post__carousel {

    position: relative;

}

.vp-post--default .swiper {

    height: 630px;

}

.vp-post--default .swiper-button-prev,

.vp-post--default .swiper-button-next {

    align-items: center;

    background-color: rgba(0, 0, 0, 0);

    border: 0;

    border-radius: 50%;

    display: inline-flex;

    height: 50px;

    justify-content: center;

    left: 95px;

    margin: 0;

    padding: 0;

    position: absolute;

    top: calc(50% + 20px);

    transition: background-color 0.25s;

    width: 50px;

}

.vp-post--default .swiper-button-prev:hover,

.vp-post--default .swiper-button-next:hover {

    background-color: #c1b8b5;

    cursor: pointer;

}

.vp-post--default .swiper-button-prev img,

.vp-post--default .swiper-button-next img {

    filter: brightness(10);

    width: 12px;

}

.vp-post--default .swiper-button-next {

    left: inherit;

    right: 130px;

    top: calc(50% + 115px);

}

.vp-post--default .swiper-slide {

    align-items: flex-end;

    display: flex;

    height: auto;

    justify-content: flex-end;

    transition: width 0.25s;

    width: calc((100% - 600px) / 2);

}

.vp-post--default .swiper-slide-next {

    justify-content: center;

    width: 600px;

    z-index: 999;

}

.vp-post--default .swiper-slide-next .vp-post__card {

    margin-left: -120px;

    width: 450px;

}

.vp-post--default .swiper-slide-next .vp-post__avatar {

    padding-top: 139.4366197183%;

}

.vp-post--default .swiper-slide-next .vp-post__avatar::before {

    display: none;

}

.vp-post--default .swiper-slide-next .vp-post__ttl {

    display: block;

    font-family: "SVN-Moneta";

    font-size: 3rem;

    text-transform: uppercase;

    font-weight: 700;

}

.vp-post--default .swiper-slide-next .vp-post__info {

    margin-top: 0;

    max-width: 390px;

    position: absolute;

    right: 0;

    top: 0;

    transform: translate(75%, 20px);

}

.vp-post--default .swiper-slide-next .vp-post__date {

    display: none;

}

.vp-post--default .swiper-slide-next .vp-post__date-active {

    align-content: center;

    align-items: center;

    background-color: #c1b8b5;

    border-radius: 50%;

    color: #473620;

    display: inline-flex;

    flex-wrap: wrap;

    font-size: 1.5rem;

    height: 85px;

    justify-content: center;

    line-height: 1;

    margin-bottom: 10px;

    margin-left: 50px;

    width: 85px;

    z-index: 2;

}

.vp-post--default .swiper-slide-next .vp-post__date-active em {

    display: block;

    font-style: normal;

    font-family: "SVN-Moneta";

    font-size: 3.5rem;

    line-height: 1;

    text-align: center;

    width: 100%;

}

.vp-post--default .swiper-slide-next .vc-btn--primary,

.vp-post--default .swiper-slide-next .vc-btn--back,

.vp-post--default .swiper-slide-next .vc-btn--back-white,

.vp-post--default .swiper-slide-next .vc-btn--white,

.vp-post--default .swiper-slide-next .vc-btn--download {

    display: inline-block;

    transform: translateX(55%);

}

.vp-post--default .swiper-slide-active {

    justify-content: flex-start;

}

.vp-post--default .swiper-slide-active .vp-post__card {

    width: 245px;

}

.vp-post--default .swiper-slide-active .vp-post__avatar {

    padding-top: 142.8571428571%;

}

.vp-post--default .vc-btn--primary,

.vp-post--default .vc-btn--back,

.vp-post--default .vc-btn--back-white,

.vp-post--default .vc-btn--white,

.vp-post--default .vc-btn--download {

    display: none;

}

.vp-post--default .vp-post__info {

    margin-top: 15px;

}

.vp-post--default .vp-post__date {

    color: #473620;

    font-size: 1.4rem;

}

.vp-post--default .vp-post__date em {

    font-style: normal;

}

.vp-post--default .vp-post__date-active {

    display: none;

}

.vp-post--default .vp-post__card {

    display: block;

    position: relative;

    transition: width 0.25s;

    width: 325px;

}

.vp-post--default .vp-post__card.hidden {

    display: none;

}

.vp-post--default .vp-post__ttl {

    color: #473620;

    display: inline-block;

    font-size: 1.8rem;

    line-height: 1.2;

    transition: color 0.25s;

    z-index: 1;

}

.vp-post--default .vp-post__ttl:hover {

    color: #473620;

    text-decoration: underline;

}

.vp-post--default .vp-post__avatar {

    position: relative;

    padding-top: 63.0434782609%;

    width: 100%;

}

.vp-post--default .vp-post__avatar::before {

    background-color: rgba(0, 0, 0, 0.5);

    content: "";

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

}

.vp-post--default .vp-post__avatar img {

    height: 100%;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    z-index: 0;

    width: 100%;

}

@media only screen and (max-width: 1699.98px) {

    .vp-post--card {

        align-items: center;

    }

    .vp-post--card .vp-post__box {

        margin-bottom: 10px;

        padding-bottom: 10px;

    }

    .vp-post--default {

        padding-bottom: 50px;

        padding-top: 100px;

    }

    .vp-post--default .swiper {

        height: 420px;

    }

    .vp-post--default .swiper-button-prev,

    .vp-post--default .swiper-button-next {

        left: 85px;

        top: calc(50% - 45px);

    }

    .vp-post--default .swiper-button-next {

        left: inherit;

        right: 115px;

        top: calc(50% + 25px);

    }

    .vp-post--default .swiper-slide {

        width: calc((100% - 600px) / 2);

    }

    .vp-post--default .swiper-slide-next {

        width: 600px;

    }

    .vp-post--default .swiper-slide-next .vp-post__card {

        margin-left: -254px;

        width: 300px;

    }

    .vp-post--default .swiper-slide-next .vp-post__ttl {

        font-size: 2.5rem;

    }

    .vp-post--default .swiper-slide-next .vp-post__info {

        transform: translate(65%, 20px);

    }

    .vp-post--default .swiper-slide-next .vp-post__date-active {

        font-size: 1.2rem;

        height: 70px;

        margin-bottom: 10px;

        margin-left: 70px;

        width: 70px;

    }

    .vp-post--default .swiper-slide-next .vp-post__date-active em {

        font-size: 2.5rem;

    }

    .vp-post--default .swiper-slide-active .vp-post__card {

        width: 210px;

    }

    .vp-post--default .vp-post__info {

        margin-top: 5px;

    }

    .vp-post--default .vp-post__date {

        font-size: 1.2rem;

    }

    .vp-post--default .vp-post__card {

        width: 300px;

    }

    .vp-post--default .vp-post__ttl {

        font-size: 1.6rem;

    }



    .vp-post--default .vc-btn--back,

    .vp-post--default .vc-btn--back-white,

    .vp-post--default .vc-btn--white,

    .vp-post--default .vc-btn--download {

        margin-top: 5px;

    }

    .vp-post--head {

        background: #ede9e8 url(../img/common/bg-10.svg) no-repeat right 0 top -22vh /

         cover;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vp-post--default .swiper {

        width: calc(100vw - (100vw - 930px) / 2);

    }

    .vp-post--default .swiper-button-prev,

    .vp-post--default .swiper-button-next {

        left: 85px;

        top: calc(50% - 65px);

    }

    .vp-post--default .swiper-button-next {

        left: 90px;

        right: inherit;

        top: calc(50% - 20px);

    }

    .vp-post--default .swiper-slide {

        margin-right: 100px;

        width: 225px;

    }

    .vp-post--default .swiper-slide-next {

        width: 300px;

    }

    .vp-post--default .swiper-slide-next .vp-post__card {

        margin-left: 0;

        width: 100%;

    }

    .vp-post--default .swiper-slide-next .vp-post__ttl {

        font-size: 2rem;

    }

    .vp-post--default .swiper-slide-active .vp-post__card {

        width: 100%;

    }

    .vp-post--default .vp-post__card {

        width: 100%;

    }

    .vp-post--default .vp-post__ttl {

        font-size: 1.5rem;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vp-post--head {

        align-items: center;

        display: flex;

        min-height: 100vh;

    }

    .vp-post--default .swiper {

        width: calc(100vw - 15px);

    }

    .vp-post--default .swiper-slide-next .vc-btn--primary,

    .vp-post--default .swiper-slide-next .vc-btn--back,

    .vp-post--default .swiper-slide-next .vc-btn--back-white,

    .vp-post--default .swiper-slide-next .vc-btn--white,

    .vp-post--default .swiper-slide-next .vc-btn--download {

        margin-top: 40px;

        transform: translateX(15%);

    }

}

@media only screen and (max-width: 991.98px) {

    .vp-post--default {

        display: block;

        min-height: auto;

    }

    .vp-post--default .swiper-slide {

        margin-right: 30px;

    }

    .vp-post--default .swiper-slide-next {

        margin-right: 100px;

    }

    .vp-post--default .swiper-slide-active {

        margin-right: 30px;

    }

}

@media only screen and (max-width: 767.98px) {

    .vp-post--head {

        display: block;

        padding-bottom: 50px;

        padding-top: 100px;

    }

    .vp-post__head {

        font-size: 2.5rem;

        margin-bottom: 10px;

    }

    .vp-post--card .vp-post__box {

        display: block;

    }

    .vp-post__select select {

        font-size: 1.5rem;

        padding: 5px 30px 5px 15px;

    }

    .vp-post--default .swiper {

        height: auto;

    }

    .vp-post--default .swiper-button-prev,

    .vp-post--default .swiper-button-next {

        left: 65px;

        top: calc(50% - 90px);

    }

    .vp-post--default .swiper-button-next {

        left: 65px;

        top: calc(50% - 50px);

    }

    .vp-post--default .swiper-slide {

        align-items: flex-start;

        width: 175px;

    }

    .vp-post--default .swiper-slide-next {

        width: 175px;

    }

    .vp-post--default .swiper-slide-next .vp-post__date {

        display: block;

    }

    .vp-post--default .swiper-slide-next .vp-post__date-active {

        display: none;

    }

    .vp-post--default .swiper-slide-next .vp-post__avatar {

        padding-top: 142.8571428571%;

    }

    .vp-post--default .swiper-slide-next .vp-post__info {

        transform: inherit;

        margin-top: 5px;

        max-width: 100%;

        position: relative;

    }

    .vp-post--default .swiper-slide-next .vp-post__ttl {

        font-size: 1.5rem;

        font-family: "SVN-Gotham";

        text-transform: inherit;

    }

    .vp-post--default .swiper-slide-next .vc-btn--primary,

    .vp-post--default .swiper-slide-next .vc-btn--back,

    .vp-post--default .swiper-slide-next .vc-btn--back-white,

    .vp-post--default .swiper-slide-next .vc-btn--white,

    .vp-post--default .swiper-slide-next .vc-btn--download {

        display: none;

    }

}

.vc-article--post {

    display: flex;

    align-items: flex-end;

}

.vc-article--post .vc-article__box {

    padding-left: 150px;

}

.vc-article--post .vc-article__ttl {

    color: #473620;

    display: block;

    font-size: 1.8rem;

    font-style: normal;

    font-weight: 300;

}

.vc-article--post .vc-article__ttl span {

    display: block;

    font-family: "SVN-Moneta";

    font-size: 4rem;

    line-height: 1.2;

    text-transform: uppercase;

    font-weight: 500;

}

.vc-article--post .vc-article__content {

    color: #473620;

}

.vc-article--post .vc-article__content p {

    display: inline-block;

    max-width: 500px;

}

.vc-article--post .vc-article__avatar {

    display: inline-block;

    position: relative;

    width: 730px;

}

.vc-article--post .vc-article__avatar::before {

    border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: 80%;

    position: absolute;

    transform: translate(-40px, -75px);

    width: 90%;

    z-index: 0;

}

.vc-article--post .vc-article__avatar span {

    align-content: center;

    align-items: center;

    background-color: #c1b8b5;

    border-radius: 50%;

    color: #473620;

    display: inline-flex;

    flex-wrap: wrap;

    font-size: 1.5rem;

    height: 100px;

    justify-content: center;

    line-height: 1;

    position: absolute;

    right: 0;

    transform: translateX(50%);

    top: 20%;

    width: 100px;

    z-index: 2;

}

.vc-article--post .vc-article__avatar span em {

    display: block;

    font-style: normal;

    font-family: "SVN-Moneta";

    font-size: 4rem;

    line-height: 1;

}

.vc-article--post .vc-article__avatar img {

    border-radius: 250px 250px 0 0;

    aspect-ratio: 465/645;

    -o-object-fit: cover;

    object-fit: cover;

    position: relative;

    width: 100%;

    z-index: 1;

}

@media only screen and (max-width: 1699.98px) {

    .vc-article--post .vc-article__box {

        flex: 1;

        padding-left: 100px;

    }

    .vc-article--post .vc-article__ttl {

        font-size: 1.6rem;

        max-width: 500px;

    }

    .vc-article--post .vc-article__ttl span {

        font-size: 3rem;

    }

    .vc-article--post .vc-article__content p {

        max-width: 500px;

    }

    .vc-article--post .vc-article__avatar {

        width: 285px;

    }

    .vc-article--post .vc-article__avatar::before {

        transform: translate(-20px, -40px);

    }

    .vc-article--post .vc-article__avatar span {

        font-size: 1.3rem;

        height: 90px;

        top: 15%;

        width: 90px;

    }

    .vc-article--post .vc-article__avatar span em {

        font-size: 3rem;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-article--post .vc-article__avatar::before {

        transform: translate(-10px, -40px);

    }

}



@media (max-width: 1199px) and (min-width: 1024px) {

    .map-viewer {

        margin: -500px 0 0 -730px;

    }

    .map-animation .map-img,

    .map-animation svg {

        height: 960px;

    }

}

@media only screen and (max-width: 991.98px) {

    .vc-article--post {

        display: block;

        text-align: center;

    }

    .vc-article--post .vc-article__box {

        padding-left: 0;

        width: 100%;

    }

    .vc-article--post .vc-article__ttl {

        margin-left: auto;

        margin-right: auto;

        max-width: 75%;

    }

    .vc-article--post .vc-article__content p {

        max-width: 100%;

    }

    .vc-article--post .vc-article__avatar {

        margin-bottom: 30px;

        width: 285px;

    }

    .vc-article--post .vc-article__avatar span {

        transform: translateX(30%);

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-article--post .vc-article__ttl {

        max-width: 100%;

    }

}

.vp-thanks {

    background: url(../img/common/bg-09.svg) no-repeat 0 center/cover;

}

.vp-thanks .vc-headline--primary,

.vp-thanks .vc-headline--white,

.vp-thanks .vc-headline--article,

.vp-thanks .vc-headline--sidebar {

    margin-top: 100px;

    max-width: 550px;

}

.vp-thanks__txt {

    color: #666;

    font-size: 1.6rem;

    line-height: 1;

}

.vp-thanks__txt p {

    font-size: 1.6rem;

}

.vp-thanks__txt strong {

    font-weight: 700;

}

.vp-thanks__row {

    align-items: center;

    display: flex;

    justify-content: space-between;

}

.vp-thanks__avatar {

    display: inline-block;

    position: relative;

    width: 360px;

}

.vp-thanks__avatar::before {

    border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: 75%;

    position: absolute;

    transform: translate(-50px, -70px);

    width: 100%;

    z-index: 0;

}

.vp-thanks__avatar img {

    border-radius: 250px 250px 0 0;

    position: relative;

    z-index: 1;

    width: 100%;

}

.vp-thanks__avatar span {

    bottom: 0;

    color: #a29490;

    font-family: "SVN-Moneta";

    font-size: 8rem;

    line-height: 1;

    font-weight: normal;

    left: 0;

    position: absolute;

    text-transform: uppercase;

    transform: translate(-55px, 70%);

    z-index: 1;

}

.vp-thanks__avatar span em {

    color: #fff;

    display: block;

    font-style: normal;

}

@media only screen and (max-width: 1699.98px) {

    .vp-thanks .vc-headline--primary,

    .vp-thanks .vc-headline--white,

    .vp-thanks .vc-headline--article,

    .vp-thanks .vc-headline--sidebar {

        max-width: 650px;

    }

    .vp-thanks__txt {

        font-size: 1.5rem;

    }

    .vp-thanks__txt p {

        font-size: 1.5rem;

    }

    .vp-thanks__avatar {

        width: 285px;

    }

    .vp-thanks__avatar::before {

        height: 80%;

        transform: translate(-20px, -55px);

    }

    .vp-thanks__avatar span {

        font-size: 5rem;

        transform: translate(-55px, 70%);

    }

}

@media only screen and (max-width: 1199.98px) {

    .vp-thanks {

        padding-bottom: 100px;

        padding-top: 80px;

    }

    .vp-thanks__col:first-child {

        padding-right: 150px;

        flex: 1;

    }

    .vp-thanks__col:last-child {

        width: 285px;

    }

    .vp-thanks .vc-headline--primary,

    .vp-thanks .vc-headline--white,

    .vp-thanks .vc-headline--article,

    .vp-thanks .vc-headline--sidebar {

        max-width: inherit;

    }

    .vp-thanks__txt {

        font-size: 1.4rem;

    }

    .vp-thanks__txt p {

        font-size: 1.4rem;

    }

}

@media only screen and (max-width: 991.98px) {

    .vp-thanks__col:first-child {

        padding-right: 30px;

    }

}

@media only screen and (max-width: 767.98px) {

    .vp-thanks__row {

        flex-direction: column-reverse;

        justify-content: center;

        text-align: center;

    }

    .vp-thanks__col:first-child {

        padding-right: 0;

        width: 100%;

    }

    .vp-thanks__col:last-child {

        width: 100%;

    }

    .vp-thanks__avatar span {

        transform: translate(-30px, 70%);

    }

}

.vp-blog {

    background-color: #eceae9;

    padding-top: 100px;

    overflow: hidden;

    min-height: 100vh;

}

.vp-blog .vc-headline--article {

    background-image: none;

    padding-bottom: 0;

}

.vp-blog__row {

    display: flex;

    justify-content: space-between;

}

.vp-blog__col {

    width: calc(100% - 450px);

}

.vp-blog__col:last-child {

    width: 350px;

}

@media only screen and (max-width: 1699.98px) {

    .vp-blog__col {

        width: calc(100% - 380px);

    }

}

@media only screen and (max-width: 1365.98px) {

    .vp-blog__col {

        width: calc(100% - 330px);

    }

    .vp-blog__col:last-child {

        width: 300px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vp-blog__row {

        flex-wrap: wrap;

    }

    .vp-blog__col {

        width: 100%;

    }

    .vp-blog__col:last-child {

        margin-top: 30px;

        width: 100%;

    }

}

.vc-card--sidebar .vc-card__item {

    align-items: center;

    display: flex;

    margin-bottom: 30px;

    width: 100%;

}

.vc-card--sidebar .vc-card__item:last-child {

    border-bottom-width: 0;

    padding-bottom: 0;

}

.vc-card--sidebar .vc-card__item:hover .vc-card__avatar {

    opacity: 0.75;

}

.vc-card--sidebar .vc-card__item:hover .vc-card__ttl {

    text-decoration: underline;

}

.vc-card--sidebar .vc-card__avatar {

    overflow: hidden;

    padding-top: 90px;

    position: relative;

    transition: opacity 0.25s;

    width: 145px;

}

.vc-card--sidebar .vc-card__avatar img {

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    top: 0;

    width: 100%;

}

.vc-card--sidebar .vc-card__info {

    margin-left: 15px;

    width: calc(100% - 160px);

}

.vc-card--sidebar .vc-card__date {

    color: #666;

    font-size: 1.2rem;

    display: block;

}

.vc-card--sidebar .vc-card__ttl {

    color: #333;

    font-size: 1.4rem;

    font-weight: 700;

    line-height: 1.2;

}

.vp-location {

    background: url(../img/common/bg-12.svg) no-repeat left bottom;

    background-color: #F6F4F5;

}

.vp-location__note {

    color: #333;

    font-size: 1.6rem;

}

.vp-location__note p {

    font-size: 1.6rem;

}

.vp-location__container {

    align-items: center;

    display: flex;

    justify-content: space-between;

}

.vp-location__col:first-child {

    width: 350px;

}

.vp-location__col:last-child {

    width: calc(100% - 400px);

}

.vp-location__carousel {

    position: relative;

    width: calc(100vw - 400px - (100vw - 1200px) / 2);

}

.vp-location__carousel::before {

    background-color: #a29490;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    top: 64px;

    width: 100%;

}

.vp-location__carousel .swiper-button-prev,

.vp-location__carousel .swiper-button-next {

    align-items: center;

    background-color: rgba(0, 0, 0, 0);

    border: 1px solid #fff;

    border-radius: 50%;

    display: inline-flex;

    height: 50px;

    justify-content: center;

    margin: 0;

    padding: 0;

    right: 40px;

    position: absolute;

    top: 185px;

    transition: background-color 0.25s;

    width: 50px;

}

.vp-location__carousel .swiper-button-prev:hover,

.vp-location__carousel .swiper-button-next:hover {

    background-color: #999;

    cursor: pointer;

}

.vp-location__carousel .swiper-button-prev img,

.vp-location__carousel .swiper-button-next img {

    filter: brightness(10);

    width: 12px;

}

.vp-location__carousel .swiper-button-prev {

    left: inherit;

    top: 125px;

}

.vp-location__carousel .swiper-slide {

    height: auto;

    width: 330px;

}

.vp-location__time {

    color: #473620;

    display: block;

    font-size: 2.5rem;

    margin-bottom: 10px;

    padding-bottom: 10px;

    position: relative;

}

.vp-location__time::before {

    background-color: #a29490;

    border-radius: 50%;

    bottom: 0;

    content: "";

    height: 11px;

    left: 0;

    position: absolute;

    width: 11px;

}

.vp-location__time em {

    font-size: 5rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    font-style: normal;

}

.vp-location__card {

    display: block;

    width: 290px;

}

.vp-location__txt {

    color: #333;

    display: inline-block;

    font-size: 1.6rem;

    list-style: none;

    margin: 10px 0 15px;

    padding: 0;

}

.vp-location__txt li {

    color: #333;

    font-size: 1.6rem;

    padding-left: 13px;

    position: relative;

}

.vp-location__txt li::before {

    background-color: #999;

    border-radius: 50%;

    content: "";

    height: 7px;

    left: 0;

    position: absolute;

    top: 9px;

    width: 7px;

}

.vp-location__avatar {

    position: relative;

    width: 100%;

}

.vp-location__avatar img {

    width: 100%;

}

@media only screen and (max-width: 1699.98px) {

    .vp-location {

        padding-top: 80px;

    }

    .vp-location__col:first-child {

        width: 300px;

    }

    .vp-location__col:last-child {

        width: calc(100% - 350px);

    }

    .vp-location__carousel {

        width: calc(100vw - 500px);

    }

    .vp-location__carousel::before {

        top: 52px;

    }

    .vp-location__carousel .swiper-button-prev,

    .vp-location__carousel .swiper-button-next {

        right: 60px;

    }

    .vp-location__carousel .swiper-slide {

        width: 280px;

    }

    .vp-location__time {

        font-size: 2rem;

    }

    .vp-location__time em {

        font-size: 4rem;

    }

    .vp-location__card {

        width: 265px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vp-location {

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .vp-location__container {

        display: block;

    }

    .vp-location__col:first-child {

        width: 100%;

    }

    .vp-location__col:last-child {

        width: 100%;

    }

    .vp-location__carousel {

        width: calc(100vw - 15px);

    }

}

@media only screen and (max-width: 767.98px) {

    .vp-location {

        background-position: left -100px bottom;

    }

    .vp-location .swiper-button-prev {

        top: 135px;

    }

    .vp-location .swiper-button-prev,

    .vp-location .swiper-button-next {

        height: 40px;

        right: 20px;

        width: 40px;

    }

    .vp-location .swiper-button-prev img,

    .vp-location .swiper-button-next img {

        width: 5px;

    }

}

.vc-article--location {

    background: url(../img/common/bg-04.svg) no-repeat 0 center/cover;

}

.vc-article--location .vc-article__content {

    color: #fff;

}

.vc-article--location .vc-article__content p {

    display: inline-block;

    max-width: 350px;

}

@media only screen and (max-width: 1699.98px) {

    /*.vc-article .vc-article__content p,*/

    .vc-article--surface .vc-article__content p,

        /*.vc-article--about .vc-article__content p,*/

    .vc-article--about1 .vc-article__content p,

    .vc-article--home .vc-article__content p,

    .vc-article--home1 .vc-article__content p,

    .vc-article--home2 .vc-article__content p,

    .vc-article--product1 .vc-article__content p,

    .vc-article--product2 .vc-article__content p,

    .vc-article--post .vc-article__content p,

    .vc-article--location .vc-article__content p {

        max-width: 450px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-article--location {

        background: url(../img/common/bg-04.svg) no-repeat right 0 center/cover;

        padding-bottom: 100px;

        padding-top: 100px;

    }

    .vc-article--location .vc-article__content p {

        max-width: 350px;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-article--location {

        background: #a19390 url(../img/common/bg-04.svg) no-repeat right -20vw top

        40vw / cover;

        padding-bottom: 200px;

        padding-top: 50px;

    }

}

.vp-surface--library {

    background: url(../img/common/bg-19.svg) no-repeat 0 center/cover;

    padding-top: 50px;

}

.vp-surface--library .vp-surface__carousel {

    text-align: center;

    position: relative;

}

.vp-surface--library .swiper-button-prev,

.vp-surface--library .swiper-button-next {

    align-items: center;

    background-color: rgba(0, 0, 0, 0);

    border: 1px solid #fff;

    border-radius: 50%;

    display: inline-flex;

    height: 50px;

    justify-content: center;

    margin: 15px 15px 0;

    padding: 0;

    position: relative;

    transition: background-color 0.25s;

    width: 50px;

}

.vp-surface--library .swiper-button-prev:hover,

.vp-surface--library .swiper-button-next:hover {

    background-color: #473620;

    cursor: pointer;

}

.vp-surface--library .swiper-button-prev img,

.vp-surface--library .swiper-button-next img {

    filter: brightness(10);

    width: 12px;

}

.vp-surface--library .vp-surface__item,

.vp-surface--library .vp-surface--map1 .vp-surface__item--15,

.vp-surface--map1 .vp-surface--library .vp-surface__item--15,

.vp-surface--library .vp-surface--map1 .vp-surface__item--14,

.vp-surface--map1 .vp-surface--library .vp-surface__item--14,

.vp-surface--library .vp-surface--map1 .vp-surface__item--13,

.vp-surface--map1 .vp-surface--library .vp-surface__item--13,

.vp-surface--library .vp-surface--map1 .vp-surface__item--12,

.vp-surface--map1 .vp-surface--library .vp-surface__item--12,

.vp-surface--library .vp-surface--map1 .vp-surface__item--11,

.vp-surface--map1 .vp-surface--library .vp-surface__item--11,

.vp-surface--library .vp-surface--map1 .vp-surface__item--10,

.vp-surface--map1 .vp-surface--library .vp-surface__item--10,

.vp-surface--library .vp-surface--map1 .vp-surface__item--09,

.vp-surface--map1 .vp-surface--library .vp-surface__item--09,

.vp-surface--library .vp-surface--map1 .vp-surface__item--08,

.vp-surface--map1 .vp-surface--library .vp-surface__item--08,

.vp-surface--library .vp-surface--map1 .vp-surface__item--07,

.vp-surface--map1 .vp-surface--library .vp-surface__item--07,

.vp-surface--library .vp-surface--map1 .vp-surface__item--06,

.vp-surface--map1 .vp-surface--library .vp-surface__item--06,

.vp-surface--library .vp-surface--map1 .vp-surface__item--05,

.vp-surface--map1 .vp-surface--library .vp-surface__item--05,

.vp-surface--library .vp-surface--map1 .vp-surface__item--04,

.vp-surface--map1 .vp-surface--library .vp-surface__item--04,

.vp-surface--library .vp-surface--map1 .vp-surface__item--03,

.vp-surface--map1 .vp-surface--library .vp-surface__item--03,

.vp-surface--library .vp-surface--map1 .vp-surface__item--02,

.vp-surface--map1 .vp-surface--library .vp-surface__item--02,

.vp-surface--library .vp-surface--map1 .vp-surface__item--01,

.vp-surface--map1 .vp-surface--library .vp-surface__item--01,

.vp-surface--library .vp-surface--card .vp-surface__item--right,

.vp-surface--card .vp-surface--library .vp-surface__item--right,

.vp-surface--library .vp-surface--card .vp-surface__item--center,

.vp-surface--card .vp-surface--library .vp-surface__item--center {

    margin: 0 auto;

    position: relative;

    width: 100%;

}

.vp-surface--library .vp-surface__item img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--15 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--15 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--14 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--14 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--13 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--13 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--12 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--12 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--11 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--11 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--10 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--10 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--09 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--09 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--08 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--08 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--07 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--07 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--06 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--06 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--05 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--05 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--04 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--04 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--03 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--03 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--02 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--02 img,

.vp-surface--library .vp-surface--map1 .vp-surface__item--01 img,

.vp-surface--map1 .vp-surface--library .vp-surface__item--01 img,

.vp-surface--library .vp-surface--card .vp-surface__item--right img,

.vp-surface--card .vp-surface--library .vp-surface__item--right img,

.vp-surface--library .vp-surface--card .vp-surface__item--center img,

.vp-surface--card .vp-surface--library .vp-surface__item--center img {

    -o-object-fit: contain;

    object-fit: contain;

}

.vp-surface--library .vp-surface__item figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--15 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--15 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--14 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--14 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--13 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--13 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--12 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--12 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--11 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--11 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--10 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--10 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--09 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--09 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--08 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--08 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--07 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--07 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--06 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--06 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--05 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--05 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--04 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--04 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--03 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--03 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--02 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--02 figcaption,

.vp-surface--library .vp-surface--map1 .vp-surface__item--01 figcaption,

.vp-surface--map1 .vp-surface--library .vp-surface__item--01 figcaption,

.vp-surface--library .vp-surface--card .vp-surface__item--right figcaption,

.vp-surface--card .vp-surface--library .vp-surface__item--right figcaption,

.vp-surface--library .vp-surface--card .vp-surface__item--center figcaption,

.vp-surface--card .vp-surface--library .vp-surface__item--center figcaption {

    color: #fff;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    font-size: 2.6rem;

    margin-top: 10px;

}

.vp-surface--card {

    background: url(../img/common/bg-18.svg) no-repeat right 0 center/cover;

    padding-top: 50px;

}

.vp-surface--card .vp-surface__row {

    align-items: flex-start;

    display: flex;

    justify-content: space-between;

}

.vp-surface--card .vp-surface__item,

.vp-surface--card .vp-surface--map1 .vp-surface__item--15,

.vp-surface--map1 .vp-surface--card .vp-surface__item--15,

.vp-surface--card .vp-surface--map1 .vp-surface__item--14,

.vp-surface--map1 .vp-surface--card .vp-surface__item--14,

.vp-surface--card .vp-surface--map1 .vp-surface__item--13,

.vp-surface--map1 .vp-surface--card .vp-surface__item--13,

.vp-surface--card .vp-surface--map1 .vp-surface__item--12,

.vp-surface--map1 .vp-surface--card .vp-surface__item--12,

.vp-surface--card .vp-surface--map1 .vp-surface__item--11,

.vp-surface--map1 .vp-surface--card .vp-surface__item--11,

.vp-surface--card .vp-surface--map1 .vp-surface__item--10,

.vp-surface--map1 .vp-surface--card .vp-surface__item--10,

.vp-surface--card .vp-surface--map1 .vp-surface__item--09,

.vp-surface--map1 .vp-surface--card .vp-surface__item--09,

.vp-surface--card .vp-surface--map1 .vp-surface__item--08,

.vp-surface--map1 .vp-surface--card .vp-surface__item--08,

.vp-surface--card .vp-surface--map1 .vp-surface__item--07,

.vp-surface--map1 .vp-surface--card .vp-surface__item--07,

.vp-surface--card .vp-surface--map1 .vp-surface__item--06,

.vp-surface--map1 .vp-surface--card .vp-surface__item--06,

.vp-surface--card .vp-surface--map1 .vp-surface__item--05,

.vp-surface--map1 .vp-surface--card .vp-surface__item--05,

.vp-surface--card .vp-surface--map1 .vp-surface__item--04,

.vp-surface--map1 .vp-surface--card .vp-surface__item--04,

.vp-surface--card .vp-surface--map1 .vp-surface__item--03,

.vp-surface--map1 .vp-surface--card .vp-surface__item--03,

.vp-surface--card .vp-surface--map1 .vp-surface__item--02,

.vp-surface--map1 .vp-surface--card .vp-surface__item--02,

.vp-surface--card .vp-surface--map1 .vp-surface__item--01,

.vp-surface--map1 .vp-surface--card .vp-surface__item--01,

.vp-surface--card .vp-surface__item--right,

.vp-surface--card .vp-surface__item--center {

    margin-top: 50px;

    width: 300px;

}

.vp-surface--card .vp-surface__item--center {

    margin-top: 0;

    width: 375px;

}

.vp-surface--card .vp-surface__item--right {

    margin-top: 100px;

    width: 350px;

}

.vp-surface--card .vp-surface__item:hover .vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--15:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--15:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--14:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--14:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--13:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--13:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--12:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--12:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--11:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--11:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--10:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--10:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--09:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--09:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--08:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--08:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--07:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--07:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--06:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--06:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--05:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--05:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--04:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--04:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--03:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--03:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--02:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--02:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--01:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--01:hover

.vp-surface__ttl,

.vp-surface--card .vp-surface__item--center:hover .vp-surface__ttl,

.vp-surface--card .vp-surface__item--right:hover .vp-surface__ttl {

    color: #473620;

    text-decoration: underline;

}

.vp-surface--card .vp-surface__ttl {

    bottom: 0;

    color: #a29490;

    display: inline-block;

    font-size: 4.5rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    margin-top: 15px;

    text-transform: uppercase;

    transition: color 0.25s;

}

.vp-surface--card .vp-surface__avatar {

    width: 100%;

}

.vp-surface--card .vp-surface__avatar img {

    -o-object-fit: contain;

    object-fit: contain;

    z-index: 0;

    width: 100%;

}

.vp-surface--map {

    background: url(../img/common/bg-23.svg) no-repeat 0 center/cover;

}

.vp-surface--map .vp-surface__note {

    color: #fff;

    font-size: 1.6rem;

}

.vp-surface--map .vp-surface__note p {

    font-size: 1.6rem;
    text-align: justify;

}

.vp-surface--map .vp-surface__container {

    align-items: center;

    display: flex;

    justify-content: space-between;

    max-width: 1400px;

}

.vp-surface--map .vp-surface__col:first-child {

    width: 350px;

}

.vp-surface--map .vp-surface__col:last-child {

    width: calc(100% - 400px);

}

.vp-surface--map .vp-surface__content {

    position: relative;

}

.vp-surface--map .vp-surface__bg {

    display: block;

    position: relative;

    z-index: 0;

}

.vp-surface--map .vp-surface__bg img {

    width: 100%;

}

.vp-surface--map .vp-surface__group,

.vp-surface--map .vp-surface__group--03,

.vp-surface--map .vp-surface__group--02,

.vp-surface--map .vp-surface__group--01 {

    left: 0;

    position: absolute;

    top: 0;

}

.vp-surface--map .vp-surface__group:hover,

.vp-surface--map .vp-surface__group--03:hover,

.vp-surface--map .vp-surface__group--02:hover,

.vp-surface--map .vp-surface__group--01:hover {

    cursor: pointer;

}

.vp-surface--map .vp-surface__group:hover img,

.vp-surface--map .vp-surface__group--03:hover img,

.vp-surface--map .vp-surface__group--02:hover img,

.vp-surface--map .vp-surface__group--01:hover img {

    filter: brightness(0.5);

}

.vp-surface--map .vp-surface__group:hover ~ .vp-surface__detail,

.vp-surface--map .vp-surface__group--03:hover ~ .vp-surface__detail,

.vp-surface--map .vp-surface__group--02:hover ~ .vp-surface__detail,

.vp-surface--map .vp-surface__group--01:hover ~ .vp-surface__detail {

    opacity: 1;

    visibility: visible;

}

.vp-surface--map .vp-surface__group img,

.vp-surface--map .vp-surface__group--03 img,

.vp-surface--map .vp-surface__group--02 img,

.vp-surface--map .vp-surface__group--01 img {

    width: 100%;

}

.vp-surface--map .vp-surface__group--01 {

    left: 89.0995260664px;

    top: 220.8530805687px;

    width: 69.1943127962px;

}

.vp-surface--map .vp-surface__group--02 {

    left: 194.3127962085px;

    top: 206.63507109px;

    width: 317.5355450237px;

}

.vp-surface--map .vp-surface__group--03 {

    left: 195.2606635071px;

    top: 448.3412322275px;

    width: 317.5355450237px;

}

.vp-surface--map .vp-surface__detail {

    border: 2px solid #fff;

    border-radius: 50%;

    height: 241.7061611374px;

    left: 492.8909952607px;

    overflow: hidden;

    opacity: 0;

    position: absolute;

    transition: opacity 0.25s;

    top: 236.9668246445px;

    visibility: hidden;

    width: 241.7061611374px;

}

.vp-surface--map .vp-surface__detail span {

    background-image: linear-gradient(

        to bottom,

        rgb(254, 203, 134) 0%,

        rgb(152, 112, 61) 99%

    );

    bottom: 0;

    color: #fff;

    display: block;

    font-size: 1.4rem;

    line-height: 1.2;

    left: 0;

    padding: 10px 20px 20px;

    position: absolute;

    width: 100%;

}

.vp-surface--map .vp-surface__detail img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%;

}

.vp-surface--map .vp-surface__detail.current {

    opacity: 1;

    visibility: visible;

}

.vp-surface--map1 {

    background: url(../img/common/bg-24.svg) no-repeat left bottom;

    background-color: #6F6667;

}

.vp-surface--map1 .vp-surface__container {

    align-items: center;

    display: flex;

    justify-content: space-between;

    max-width: 1400px;

}

.vp-surface--map1 .vp-surface__col:first-child {

    width: 350px;

}

.vp-surface--map1 .vp-surface__col:last-child {

    width: calc(100% - 400px);

}

.vp-surface--map1 .vp-surface__content {

    position: relative;

}

.vp-surface--map1 .vp-surface__bg {

    display: block;

    position: relative;

    z-index: 0;

}

.vp-surface--map1 .vp-surface__bg::before {

    background: url(../img/icons/i-flower2.png) no-repeat 0 0/100%;

    bottom: 0;

    content: "";

    height: 99px;

    position: absolute;

    right: 0;

    transform: translate(40px, 35px);

    width: 98px;

    z-index: 1;

}

.vp-surface--map1 .vp-surface__bg img {

    width: 100%;

}

.vp-surface--map1 .vp-surface__item,

.vp-surface--map1 .vp-surface__item--15,

.vp-surface--map1 .vp-surface__item--14,

.vp-surface--map1 .vp-surface__item--13,

.vp-surface--map1 .vp-surface__item--12,

.vp-surface--map1 .vp-surface__item--11,

.vp-surface--map1 .vp-surface__item--10,

.vp-surface--map1 .vp-surface__item--09,

.vp-surface--map1 .vp-surface__item--08,

.vp-surface--map1 .vp-surface__item--07,

.vp-surface--map1 .vp-surface__item--06,

.vp-surface--map1 .vp-surface__item--05,

.vp-surface--map1 .vp-surface__item--04,

.vp-surface--map1 .vp-surface__item--03,

.vp-surface--map1 .vp-surface__item--02,

.vp-surface--map1 .vp-surface__item--01,

.vp-surface--map1 .vp-surface--card .vp-surface__item--center,

.vp-surface--card .vp-surface--map1 .vp-surface__item--center,

.vp-surface--map1 .vp-surface--card .vp-surface__item--right,

.vp-surface--card .vp-surface--map1 .vp-surface__item--right {

    border: 1px solid rgba(0, 0, 0, 0);

    display: block;

    left: 0;

    position: absolute;

    top: 0;

    transition: background-color 0.25s;

}

.vp-surface--map1 .vp-surface__item:hover,

.vp-surface--map1 .vp-surface__item--15:hover,

.vp-surface--map1 .vp-surface__item--14:hover,

.vp-surface--map1 .vp-surface__item--13:hover,

.vp-surface--map1 .vp-surface__item--12:hover,

.vp-surface--map1 .vp-surface__item--11:hover,

.vp-surface--map1 .vp-surface__item--10:hover,

.vp-surface--map1 .vp-surface__item--09:hover,

.vp-surface--map1 .vp-surface__item--08:hover,

.vp-surface--map1 .vp-surface__item--07:hover,

.vp-surface--map1 .vp-surface__item--06:hover,

.vp-surface--map1 .vp-surface__item--05:hover,

.vp-surface--map1 .vp-surface__item--04:hover,

.vp-surface--map1 .vp-surface__item--03:hover,

.vp-surface--map1 .vp-surface__item--02:hover,

.vp-surface--map1 .vp-surface__item--01:hover,

.vp-surface--map1 .vp-surface--card .vp-surface__item--center:hover,

.vp-surface--card .vp-surface--map1 .vp-surface__item--center:hover,

.vp-surface--map1 .vp-surface--card .vp-surface__item--right:hover,

.vp-surface--card .vp-surface--map1 .vp-surface__item--right:hover {

    background-color: rgba(71, 54, 32, 0.66);

    border-color: rgba(169, 127, 73, 0.66);

    cursor: pointer;

    z-index: 1;

}

.vp-surface--map1 .vp-surface__item:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--15:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--14:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--13:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--12:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--11:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--10:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--09:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--08:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--07:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--06:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--05:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--04:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--03:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--02:hover .vp-surface__ttl,

.vp-surface--map1 .vp-surface__item--01:hover .vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--center:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--center:hover

.vp-surface__ttl,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--right:hover

.vp-surface__ttl,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--right:hover

.vp-surface__ttl {

    background-image: linear-gradient(

        to right,

        rgba(254, 203, 134, 0.5) 0%,

        rgba(152, 112, 61, 0.5) 99%

    );

}

.vp-surface--map1 .vp-surface__item:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--15:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--14:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--13:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--12:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--11:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--10:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--09:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--08:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--07:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--06:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--05:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--04:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--03:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--02:hover .vp-surface__ttl::before,

.vp-surface--map1 .vp-surface__item--01:hover .vp-surface__ttl::before,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--center:hover

.vp-surface__ttl::before,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--center:hover

.vp-surface__ttl::before,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--right:hover

.vp-surface__ttl::before,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--right:hover

.vp-surface__ttl::before {

    background-image: linear-gradient(

        to right,

        rgb(254, 203, 134) 0%,

        rgb(152, 112, 61) 99%

    );

}

.vp-surface--map1 .vp-surface__item:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--15:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--14:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--13:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--12:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--11:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--10:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--09:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--08:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--07:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--06:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--05:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--04:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--03:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--02:hover .vp-surface__ribbon,

.vp-surface--map1 .vp-surface__item--01:hover .vp-surface__ribbon,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--center:hover

.vp-surface__ribbon,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--center:hover

.vp-surface__ribbon,

.vp-surface--map1

.vp-surface--card

.vp-surface__item--right:hover

.vp-surface__ribbon,

.vp-surface--card

.vp-surface--map1

.vp-surface__item--right:hover

.vp-surface__ribbon {

    opacity: 1;

    visibility: visible;

}

.vp-surface--map1 .vp-surface__item img,

.vp-surface--map1 .vp-surface__item--15 img,

.vp-surface--map1 .vp-surface__item--14 img,

.vp-surface--map1 .vp-surface__item--13 img,

.vp-surface--map1 .vp-surface__item--12 img,

.vp-surface--map1 .vp-surface__item--11 img,

.vp-surface--map1 .vp-surface__item--10 img,

.vp-surface--map1 .vp-surface__item--09 img,

.vp-surface--map1 .vp-surface__item--08 img,

.vp-surface--map1 .vp-surface__item--07 img,

.vp-surface--map1 .vp-surface__item--06 img,

.vp-surface--map1 .vp-surface__item--05 img,

.vp-surface--map1 .vp-surface__item--04 img,

.vp-surface--map1 .vp-surface__item--03 img,

.vp-surface--map1 .vp-surface__item--02 img,

.vp-surface--map1 .vp-surface__item--01 img,

.vp-surface--map1 .vp-surface--card .vp-surface__item--center img,

.vp-surface--card .vp-surface--map1 .vp-surface__item--center img,

.vp-surface--map1 .vp-surface--card .vp-surface__item--right img,

.vp-surface--card .vp-surface--map1 .vp-surface__item--right img {

    width: 100%;

}

.vp-surface--map1 .vp-surface__item--01 {

    border-radius: 5px 0 0 5px;

    height: 56.8720379147px;

    left: 191.4691943128px;

    top: 208.5308056872px;

    width: 66.3507109005px;

}

.vp-surface--map1 .vp-surface__item--02 {

    height: 56.8720379147px;

    left: 257.8199052133px;

    top: 208.5308056872px;

    width: 66.3507109005px;

}

.vp-surface--map1 .vp-surface__item--03 {

    height: 56.8720379147px;

    left: 322.2748815166px;

    top: 208.5308056872px;

    width: 60.663507109px;

}

.vp-surface--map1 .vp-surface__item--04 {

    height: 56.8720379147px;

    left: 383.8862559242px;

    top: 208.5308056872px;

    width: 62.5592417062px;

}

.vp-surface--map1 .vp-surface__item--05 {

    border-radius: 0 5px 5px 0;

    height: 56.8720379147px;

    left: 446.4454976303px;

    top: 208.5308056872px;

    width: 63.5071090047px;

}

.vp-surface--map1 .vp-surface__item--06 {

    border-radius: 5px 0 0 5px;

    height: 56.8720379147px;

    left: 197.1563981043px;

    top: 449.2890995261px;

    width: 66.3507109005px;

}

.vp-surface--map1 .vp-surface__item--07 {

    height: 56.8720379147px;

    left: 261.6113744076px;

    top: 449.2890995261px;

    width: 66.3507109005px;

}

.vp-surface--map1 .vp-surface__item--08 {

    height: 56.8720379147px;

    left: 325.1184834123px;

    top: 449.2890995261px;

    width: 62.5592417062px;

}

.vp-surface--map1 .vp-surface__item--09 {

    height: 56.8720379147px;

    left: 388.6255924171px;

    top: 449.2890995261px;

    width: 62.5592417062px;

}

.vp-surface--map1 .vp-surface__item--10 {

    border-radius: 0 5px 5px 0;

    height: 56.8720379147px;

    left: 450.2369668246px;

    top: 449.2890995261px;

    width: 63.5071090047px;

}

.vp-surface--map1 .vp-surface__item--11 {

    border-radius: 0 5px 0 0;

    height: 59.7156398104px;

    left: 85.308056872px;

    top: 218.009478673px;

    width: 72.0379146919px;

}

.vp-surface--map1 .vp-surface__item--12 {

    height: 43.6018957346px;

    left: 85.308056872px;

    top: 276.7772511848px;

    width: 72.0379146919px;

}

.vp-surface--map1 .vp-surface__item--13 {

    height: 46.4454976303px;

    left: 85.308056872px;

    top: 312.7962085308px;

    width: 72.0379146919px;

}

.vp-surface--map1 .vp-surface__item--14 {

    height: 43.6018957346px;

    left: 85.308056872px;

    top: 354.5023696682px;

    width: 72.0379146919px;

}

.vp-surface--map1 .vp-surface__item--15 {

    height: 43.6018957346px;

    left: 85.308056872px;

    top: 396.2085308057px;

    width: 72.0379146919px;

}

.vp-surface--map1 .vp-surface__ttl {

    background-color: rgba(71, 54, 32, 0.66);

    border-radius: 25px;

    color: #fff;

    font-size: 1.2rem;

    font-weight: 700;

    padding: 5px 10px;

    position: relative;

    z-index: 1;

}

.vp-surface--map1 .vp-surface__ttl::before {

    background-color: #473620;

    border-radius: 25px;

    content: "";

    display: inline-block;

    height: calc(100% - 8px);

    left: 4px;

    position: absolute;

    top: 4px;

    width: calc(100% - 8px);

    z-index: -1;

}

.vp-surface--map1 .vp-surface__info {

    align-items: center;

    display: flex;

    height: 100%;

    justify-content: center;

    position: relative;

    width: 100%;

    z-index: 0;

}

.vp-surface--map1 .vp-surface__ribbon {

    color: #fff;

    font-size: 1.2rem;

    line-height: 1.2;

    left: 50%;

    overflow: hidden;

    opacity: 0;

    padding-bottom: 5px;

    position: absolute;

    transition: opacity 0.25s;

    top: 0;

    transform: translate(-50%, -100%);

    visibility: hidden;

}

.vp-surface--map1 .vp-surface__ribbon div {

    background-image: linear-gradient(

        to right,

        rgb(254, 203, 134) 0%,

        rgb(152, 112, 61) 99%

    );

    border-radius: 50%;

    align-content: center;

    align-items: center;

    display: inline-flex;

    flex-wrap: wrap;

    height: 123.2227488152px;

    justify-content: center;

    width: 123.2227488152px;

}

.vp-surface--map1 .vp-surface__ribbon span {

    border-bottom: 1px solid #fff;

    display: block;

    font-size: 1.2rem;

    margin-bottom: 5px;

    padding-bottom: 3px;

}

.vp-surface--map1 .vp-surface__ribbon em {

    display: block;

    font-style: normal;

    width: 100%;

}

@media only screen and (max-width: 1699.98px) {

    .vp-surface--card .vp-surface__item,

    .vp-surface--card .vp-surface__item--center,

    .vp-surface--card .vp-surface__item--right,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--01,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--01,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--02,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--02,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--03,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--03,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--04,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--04,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--05,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--05,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--06,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--06,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--07,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--07,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--08,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--08,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--09,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--09,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--10,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--10,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--11,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--11,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--12,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--12,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--13,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--13,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--14,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--14,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--15,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--15 {

        margin-top: 30px;

        width: 250px;

    }

    .vp-surface--card .vp-surface__item--center {

        margin-top: 0;

        width: 300px;

    }

    .vp-surface--card .vp-surface__item--right {

        margin-top: 50px;

        width: 300px;

    }

    .vp-surface--card .vp-surface__ttl {

        font-size: 3rem;

        margin-top: 10px;

    }

    .vp-surface--library .vp-surface__item,

    .vp-surface--library .vp-surface--card .vp-surface__item--center,

    .vp-surface--card .vp-surface--library .vp-surface__item--center,

    .vp-surface--library .vp-surface--card .vp-surface__item--right,

    .vp-surface--card .vp-surface--library .vp-surface__item--right,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--01,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--01,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--02,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--02,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--03,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--03,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--04,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--04,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--05,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--05,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--06,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--06,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--07,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--07,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--08,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--08,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--09,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--09,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--10,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--10,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--11,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--11,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--12,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--12,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--13,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--13,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--14,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--14,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--15,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--15 {

        max-height: 400px;

        max-width: 400px;

        width: 100%;

    }

    .vp-surface--library .vp-surface__item figcaption,

    .vp-surface--library .vp-surface--card .vp-surface__item--center figcaption,

    .vp-surface--card .vp-surface--library .vp-surface__item--center figcaption,

    .vp-surface--library .vp-surface--card .vp-surface__item--right figcaption,

    .vp-surface--card .vp-surface--library .vp-surface__item--right figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--01 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--01 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--02 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--02 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--03 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--03 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--04 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--04 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--05 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--05 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--06 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--06 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--07 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--07 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--08 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--08 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--09 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--09 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--10 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--10 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--11 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--11 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--12 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--12 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--13 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--13 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--14 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--14 figcaption,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--15 figcaption,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--15 figcaption {

        font-size: 2rem;

    }

    .vp-surface--map .vp-surface__note {

        font-size: 1.5rem;

    }

    .vp-surface--map .vp-surface__note p {

        font-size: 1.5rem;

    }

    .vp-surface--map .vp-surface__container {

        max-width: 1100px;

    }

    .vp-surface--map .vp-surface__col:first-child {

        width: 350px;

    }

    .vp-surface--map .vp-surface__col:last-child {

        width: calc(100% - 400px);

    }

    .vp-surface--map .vp-surface__group--01 {

        left: 62.3696682464px;

        top: 154.5971563981px;

        width: 48.4360189573px;

    }

    .vp-surface--map .vp-surface__group--02 {

        left: 136.018957346px;

        top: 144.644549763px;

        width: 222.2748815166px;

    }

    .vp-surface--map .vp-surface__group--03 {

        left: 136.682464455px;

        top: 313.8388625592px;

        width: 222.2748815166px;

    }

    .vp-surface--map .vp-surface__detail {

        border-width: 1px;

        height: 169.1943127962px;

        left: 345.0236966825px;

        top: 165.8767772512px;

        width: 169.1943127962px;

    }

    .vp-surface--map .vp-surface__detail span {

        font-size: 1.4rem;

        padding: 10px 30px 20px;

    }

    .vp-surface--map1 .vp-surface__container {

        max-width: 1100px;

    }

    .vp-surface--map1 .vp-surface__col:first-child {

        width: 300px;

    }

    .vp-surface--map1 .vp-surface__col:last-child {

        width: calc(100% - 350px);

    }

    .vp-surface--map1 .vp-surface__item--01 {

        height: 42.654028436px;

        left: 143.6018957346px;

        top: 156.3981042654px;

        width: 49.7630331754px;

    }

    .vp-surface--map1 .vp-surface__item--02 {

        height: 42.654028436px;

        left: 193.36492891px;

        top: 156.3981042654px;

        width: 49.7630331754px;

    }

    .vp-surface--map1 .vp-surface__item--03 {

        height: 42.654028436px;

        left: 241.7061611374px;

        top: 156.3981042654px;

        width: 45.4976303318px;

    }

    .vp-surface--map1 .vp-surface__item--04 {

        height: 42.654028436px;

        left: 287.9146919431px;

        top: 156.3981042654px;

        width: 46.9194312796px;

    }

    .vp-surface--map1 .vp-surface__item--05 {

        height: 42.654028436px;

        left: 334.8341232227px;

        top: 156.3981042654px;

        width: 47.6303317536px;

    }

    .vp-surface--map1 .vp-surface__item--06 {

        height: 42.654028436px;

        left: 147.8672985782px;

        top: 336.9668246445px;

        width: 49.7630331754px;

    }

    .vp-surface--map1 .vp-surface__item--07 {

        height: 42.654028436px;

        left: 196.2085308057px;

        top: 336.9668246445px;

        width: 49.7630331754px;

    }

    .vp-surface--map1 .vp-surface__item--08 {

        height: 42.654028436px;

        left: 243.8388625592px;

        top: 336.9668246445px;

        width: 46.9194312796px;

    }

    .vp-surface--map1 .vp-surface__item--09 {

        height: 42.654028436px;

        left: 291.4691943128px;

        top: 336.9668246445px;

        width: 46.9194312796px;

    }

    .vp-surface--map1 .vp-surface__item--10 {

        height: 42.654028436px;

        left: 337.6777251185px;

        top: 336.9668246445px;

        width: 47.6303317536px;

    }

    .vp-surface--map1 .vp-surface__item--11 {

        height: 44.7867298578px;

        left: 63.981042654px;

        top: 163.5071090047px;

        width: 54.028436019px;

    }

    .vp-surface--map1 .vp-surface__item--12 {

        height: 32.7014218009px;

        left: 63.981042654px;

        top: 207.5829383886px;

        width: 54.028436019px;

    }

    .vp-surface--map1 .vp-surface__item--13 {

        height: 34.8341232227px;

        left: 63.981042654px;

        top: 234.5971563981px;

        width: 54.028436019px;

    }

    .vp-surface--map1 .vp-surface__item--14 {

        height: 32.7014218009px;

        left: 63.981042654px;

        top: 265.8767772512px;

        width: 54.028436019px;

    }

    .vp-surface--map1 .vp-surface__item--15 {

        height: 32.7014218009px;

        left: 63.981042654px;

        top: 297.1563981043px;

        width: 54.028436019px;

    }

    .vp-surface--map1 .vp-surface__ttl {

        padding: 3px 10px;

    }

    .vp-surface--map1 .vp-surface__ttl::before {

        height: calc(100% - 4px);

        left: 2px;

        top: 2px;

        width: calc(100% - 4px);

    }

    .vp-surface--map1 .vp-surface__ribbon {

        font-size: 1rem;

    }

    .vp-surface--map1 .vp-surface__ribbon div {

        height: 92.4170616114px;

        width: 92.4170616114px;

    }

    .vp-surface--map1 .vp-surface__ribbon span {

        font-size: 1rem;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vp-surface--map .vp-surface__container {

        max-width: 1000px;

    }

    .vp-surface--map .vp-surface__col:first-child {

        width: 350px;

    }

    .vp-surface--map .vp-surface__col:last-child {

        width: calc(100% - 370px);

    }

    .vp-surface--map .vp-surface__group--01 {

        left: 53.4597156398px;

        top: 132.5118483412px;

        width: 41.5165876777px;

    }

    .vp-surface--map .vp-surface__group--02 {

        left: 116.5876777251px;

        top: 123.981042654px;

        width: 190.5213270142px;

    }

    .vp-surface--map .vp-surface__group--03 {

        left: 117.1563981043px;

        top: 269.0047393365px;

        width: 190.5213270142px;

    }

    .vp-surface--map .vp-surface__detail {

        height: 145.0236966825px;

        left: 295.7345971564px;

        top: 142.1800947867px;

        width: 145.0236966825px;

    }

    .vp-surface--map1 .vp-surface__container {

        max-width: 1000px;

    }

    .vp-surface--map1 .vp-surface__col:first-child {

        width: 250px;

    }

    .vp-surface--map1 .vp-surface__col:last-child {

        width: calc(100% - 270px);

    }

    .vp-surface--map1 .vp-surface__item--01 {

        height: 39.8104265403px;

        left: 134.028436019px;

        top: 145.971563981px;

        width: 46.4454976303px;

    }

    .vp-surface--map1 .vp-surface__item--02 {

        height: 39.8104265403px;

        left: 180.4739336493px;

        top: 145.971563981px;

        width: 46.4454976303px;

    }

    .vp-surface--map1 .vp-surface__item--03 {

        height: 39.8104265403px;

        left: 225.5924170616px;

        top: 145.971563981px;

        width: 42.4644549763px;

    }

    .vp-surface--map1 .vp-surface__item--04 {

        height: 39.8104265403px;

        left: 268.7203791469px;

        top: 145.971563981px;

        width: 43.7914691943px;

    }

    .vp-surface--map1 .vp-surface__item--05 {

        height: 39.8104265403px;

        left: 312.5118483412px;

        top: 145.971563981px;

        width: 44.4549763033px;

    }

    .vp-surface--map1 .vp-surface__item--06 {

        height: 39.8104265403px;

        left: 138.009478673px;

        top: 314.5023696682px;

        width: 46.4454976303px;

    }

    .vp-surface--map1 .vp-surface__item--07 {

        height: 39.8104265403px;

        left: 183.1279620853px;

        top: 314.5023696682px;

        width: 46.4454976303px;

    }

    .vp-surface--map1 .vp-surface__item--08 {

        height: 39.8104265403px;

        left: 227.5829383886px;

        top: 314.5023696682px;

        width: 43.7914691943px;

    }

    .vp-surface--map1 .vp-surface__item--09 {

        height: 39.8104265403px;

        left: 272.0379146919px;

        top: 314.5023696682px;

        width: 43.7914691943px;

    }

    .vp-surface--map1 .vp-surface__item--10 {

        height: 39.8104265403px;

        left: 315.1658767773px;

        top: 314.5023696682px;

        width: 44.4549763033px;

    }

    .vp-surface--map1 .vp-surface__item--11 {

        height: 41.8009478673px;

        left: 59.7156398104px;

        top: 152.6066350711px;

        width: 50.4265402844px;

    }

    .vp-surface--map1 .vp-surface__item--12 {

        height: 30.5213270142px;

        left: 59.7156398104px;

        top: 193.7440758294px;

        width: 50.4265402844px;

    }

    .vp-surface--map1 .vp-surface__item--13 {

        height: 32.5118483412px;

        left: 59.7156398104px;

        top: 218.9573459716px;

        width: 50.4265402844px;

    }

    .vp-surface--map1 .vp-surface__item--14 {

        height: 30.5213270142px;

        left: 59.7156398104px;

        top: 248.1516587678px;

        width: 50.4265402844px;

    }

    .vp-surface--map1 .vp-surface__item--15 {

        height: 30.5213270142px;

        left: 59.7156398104px;

        top: 277.345971564px;

        width: 50.4265402844px;

    }

    .vp-surface--map1 .vp-surface__ribbon div {

        height: 86.2559241706px;

        width: 86.2559241706px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vp-surface--library {

        padding-bottom: 50px;

    }

    .vp-surface--card {

        padding-bottom: 50px;

    }

    .vp-surface--map {

        padding-bottom: 50px;

        padding-top: 100px;

    }

    .vp-surface--map .vp-surface__container {

        flex-direction: column-reverse;

        max-width: 100%;

    }

    .vp-surface--map .vp-surface__col:first-child {

        width: 100%;

    }

    .vp-surface--map .vp-surface__col:last-child {

        margin-bottom: 30px;

        width: 100%;

    }

    .vp-surface--map .vp-surface__group--01 {

        left: calc(94 * (100vw - 30px) / 1055);

        top: calc(233 * (100vw - 30px) / 1055);

        width: calc(73 * (100vw - 30px) / 1055);

    }

    .vp-surface--map .vp-surface__group--02 {

        left: calc(205 * (100vw - 30px) / 1055);

        top: calc(218 * (100vw - 30px) / 1055);

        width: calc(335 * (100vw - 30px) / 1055);

    }

    .vp-surface--map .vp-surface__group--03 {

        left: calc(206 * (100vw - 30px) / 1055);

        top: calc(473 * (100vw - 30px) / 1055);

        width: calc(335 * (100vw - 30px) / 1055);

    }

    .vp-surface--map .vp-surface__detail {

        height: calc(255 * (100vw - 30px) / 1055);

        left: calc(520 * (100vw - 30px) / 1055);

        top: calc(250 * (100vw - 30px) / 1055);

        width: calc(255 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 {

        padding-bottom: 50px;

        padding-top: 100px;

    }

    .vp-surface--map1 .vp-surface__container {

        flex-direction: column-reverse;

        max-width: calc(100% - 200px);

    }

    .vp-surface--map1 .vp-surface__col:first-child {

        width: 100%;

    }

    .vp-surface--map1 .vp-surface__col:last-child {

        margin-bottom: 30px;

        width: 100%;

    }

    .vp-surface--map1 .vp-surface__item--01 {

        height: calc(60 * (100vw - 230px) / 1055);

        left: calc(202 * (100vw - 230px) / 1055);

        top: calc(220 * (100vw - 230px) / 1055);

        width: calc(70 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--02 {

        height: calc(60 * (100vw - 230px) / 1055);

        left: calc(272 * (100vw - 230px) / 1055);

        top: calc(220 * (100vw - 230px) / 1055);

        width: calc(70 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--03 {

        height: calc(60 * (100vw - 230px) / 1055);

        left: calc(340 * (100vw - 230px) / 1055);

        top: calc(220 * (100vw - 230px) / 1055);

        width: calc(64 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--04 {

        height: calc(60 * (100vw - 230px) / 1055);

        left: calc(405 * (100vw - 230px) / 1055);

        top: calc(220 * (100vw - 230px) / 1055);

        width: calc(66 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--05 {

        height: calc(60 * (100vw - 230px) / 1055);

        left: calc(471 * (100vw - 230px) / 1055);

        top: calc(220 * (100vw - 230px) / 1055);

        width: calc(67 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--06 {

        height: calc(60 * (100vw - 230px) / 1055);

        left: calc(208 * (100vw - 230px) / 1055);

        top: calc(474 * (100vw - 230px) / 1055);

        width: calc(70 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--07 {

        height: calc(60 * (100vw - 230px) / 1055);

        left: calc(276 * (100vw - 230px) / 1055);

        top: calc(474 * (100vw - 230px) / 1055);

        width: calc(70 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--08 {

        height: calc(60 * (100vw - 230px) / 1055);

        left: calc(343 * (100vw - 230px) / 1055);

        top: calc(474 * (100vw - 230px) / 1055);

        width: calc(66 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--09 {

        height: calc(60 * (100vw - 230px) / 1055);

        left: calc(410 * (100vw - 230px) / 1055);

        top: calc(474 * (100vw - 230px) / 1055);

        width: calc(66 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--10 {

        height: calc(60 * (100vw - 230px) / 1055);

        left: calc(475 * (100vw - 230px) / 1055);

        top: calc(474 * (100vw - 230px) / 1055);

        width: calc(67 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--11 {

        height: calc(63 * (100vw - 230px) / 1055);

        left: calc(90 * (100vw - 230px) / 1055);

        top: calc(230 * (100vw - 230px) / 1055);

        width: calc(76 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--12 {

        height: calc(46 * (100vw - 230px) / 1055);

        left: calc(90 * (100vw - 230px) / 1055);

        top: calc(292 * (100vw - 230px) / 1055);

        width: calc(76 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--13 {

        height: calc(49 * (100vw - 230px) / 1055);

        left: calc(90 * (100vw - 230px) / 1055);

        top: calc(330 * (100vw - 230px) / 1055);

        width: calc(76 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--14 {

        height: calc(46 * (100vw - 230px) / 1055);

        left: calc(90 * (100vw - 230px) / 1055);

        top: calc(374 * (100vw - 230px) / 1055);

        width: calc(76 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--15 {

        height: calc(46 * (100vw - 230px) / 1055);

        left: calc(90 * (100vw - 230px) / 1055);

        top: calc(418 * (100vw - 230px) / 1055);

        width: calc(76 * (100vw - 230px) / 1055);

    }

    .vp-surface--map1 .vp-surface__ribbon div {

        height: calc(130 * (100vw - 230px) / 1055);

        width: calc(130 * (100vw - 230px) / 1055);

    }

}

@media only screen and (max-width: 991.98px) {

    .vp-surface--library .vp-surface__item,

    .vp-surface--library .vp-surface--card .vp-surface__item--center,

    .vp-surface--card .vp-surface--library .vp-surface__item--center,

    .vp-surface--library .vp-surface--card .vp-surface__item--right,

    .vp-surface--card .vp-surface--library .vp-surface__item--right,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--01,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--01,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--02,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--02,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--03,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--03,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--04,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--04,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--05,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--05,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--06,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--06,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--07,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--07,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--08,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--08,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--09,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--09,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--10,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--10,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--11,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--11,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--12,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--12,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--13,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--13,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--14,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--14,

    .vp-surface--library .vp-surface--map1 .vp-surface__item--15,

    .vp-surface--map1 .vp-surface--library .vp-surface__item--15 {

        max-height: 600px;

        max-width: 600px;

    }

    .vp-surface--library .swiper-button-prev,

    .vp-surface--library .swiper-button-next {

        height: 35px;

        margin: 10px 10px 0;

        width: 35px;

    }

    .vp-surface--library .swiper-button-prev img,

    .vp-surface--library .swiper-button-next img {

        width: 8px;

    }

    .vp-surface--card {

        text-align: center;

    }

    .vp-surface--card .vp-surface__row {

        align-items: center;

        flex-wrap: wrap;

        justify-content: center;

    }

    .vp-surface--card .vp-surface__item,

    .vp-surface--card .vp-surface__item--center,

    .vp-surface--card .vp-surface__item--right,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--01,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--01,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--02,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--02,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--03,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--03,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--04,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--04,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--05,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--05,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--06,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--06,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--07,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--07,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--08,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--08,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--09,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--09,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--10,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--10,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--11,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--11,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--12,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--12,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--13,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--13,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--14,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--14,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--15,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--15 {

        margin: 0 15px;

        width: calc(50% - 30px);

    }

    .vp-surface--card .vp-surface__item--right {

        margin-top: 30px;

    }

    .vp-surface--card .vp-surface__ttl {

        display: block;

        font-size: 2.5rem;

        text-align: center;

    }

    .vp-surface--map1 .vp-surface__container {

        max-width: 100%;

    }

    .vp-surface--map1 .vp-surface__item--01 {

        height: calc(60 * (100vw - 30px) / 1055);

        left: calc(202 * (100vw - 30px) / 1055);

        top: calc(220 * (100vw - 30px) / 1055);

        width: calc(70 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--02 {

        height: calc(60 * (100vw - 30px) / 1055);

        left: calc(272 * (100vw - 30px) / 1055);

        top: calc(220 * (100vw - 30px) / 1055);

        width: calc(70 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--03 {

        height: calc(60 * (100vw - 30px) / 1055);

        left: calc(340 * (100vw - 30px) / 1055);

        top: calc(220 * (100vw - 30px) / 1055);

        width: calc(64 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--04 {

        height: calc(60 * (100vw - 30px) / 1055);

        left: calc(405 * (100vw - 30px) / 1055);

        top: calc(220 * (100vw - 30px) / 1055);

        width: calc(66 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--05 {

        height: calc(60 * (100vw - 30px) / 1055);

        left: calc(471 * (100vw - 30px) / 1055);

        top: calc(220 * (100vw - 30px) / 1055);

        width: calc(67 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--06 {

        height: calc(60 * (100vw - 30px) / 1055);

        left: calc(208 * (100vw - 30px) / 1055);

        top: calc(474 * (100vw - 30px) / 1055);

        width: calc(70 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--07 {

        height: calc(60 * (100vw - 30px) / 1055);

        left: calc(276 * (100vw - 30px) / 1055);

        top: calc(474 * (100vw - 30px) / 1055);

        width: calc(70 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--08 {

        height: calc(60 * (100vw - 30px) / 1055);

        left: calc(343 * (100vw - 30px) / 1055);

        top: calc(474 * (100vw - 30px) / 1055);

        width: calc(66 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--09 {

        height: calc(60 * (100vw - 30px) / 1055);

        left: calc(410 * (100vw - 30px) / 1055);

        top: calc(474 * (100vw - 30px) / 1055);

        width: calc(66 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--10 {

        height: calc(60 * (100vw - 30px) / 1055);

        left: calc(475 * (100vw - 30px) / 1055);

        top: calc(474 * (100vw - 30px) / 1055);

        width: calc(67 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--11 {

        height: calc(63 * (100vw - 30px) / 1055);

        left: calc(90 * (100vw - 30px) / 1055);

        top: calc(230 * (100vw - 30px) / 1055);

        width: calc(76 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--12 {

        height: calc(46 * (100vw - 30px) / 1055);

        left: calc(90 * (100vw - 30px) / 1055);

        top: calc(292 * (100vw - 30px) / 1055);

        width: calc(76 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--13 {

        height: calc(49 * (100vw - 30px) / 1055);

        left: calc(90 * (100vw - 30px) / 1055);

        top: calc(330 * (100vw - 30px) / 1055);

        width: calc(76 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--14 {

        height: calc(46 * (100vw - 30px) / 1055);

        left: calc(90 * (100vw - 30px) / 1055);

        top: calc(374 * (100vw - 30px) / 1055);

        width: calc(76 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__item--15 {

        height: calc(46 * (100vw - 30px) / 1055);

        left: calc(90 * (100vw - 30px) / 1055);

        top: calc(418 * (100vw - 30px) / 1055);

        width: calc(76 * (100vw - 30px) / 1055);

    }

    .vp-surface--map1 .vp-surface__ribbon div {

        height: calc(130 * (100vw - 30px) / 1055);

        width: calc(130 * (100vw - 30px) / 1055);

    }

}

@media only screen and (max-width: 767.98px) {

    .vp-surface--map1 {

        background-position: left -100px bottom;

    }

    .vp-surface--card {

        padding-bottom: 0;

        padding-top: 30px;

    }

    .vp-surface--card .vp-surface__row {

        align-items: center;

        flex-wrap: wrap;

        justify-content: center;

    }

    .vp-surface--card .vp-surface__item,

    .vp-surface--card .vp-surface__item--center,

    .vp-surface--card .vp-surface__item--right,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--01,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--01,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--02,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--02,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--03,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--03,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--04,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--04,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--05,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--05,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--06,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--06,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--07,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--07,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--08,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--08,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--09,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--09,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--10,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--10,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--11,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--11,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--12,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--12,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--13,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--13,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--14,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--14,

    .vp-surface--card .vp-surface--map1 .vp-surface__item--15,

    .vp-surface--map1 .vp-surface--card .vp-surface__item--15 {

        margin: 0 0 30px;

        max-width: 80%;

        width: 300px;

    }

    .vp-surface--map .vp-surface__detail {

        height: 120px;

        top: 50%;

        margin-top: 4vw;

        transform: translateY(-50%);

        width: 120px;

    }

    .vp-surface--map .vp-surface__detail span {

        font-size: 1.3rem;

        padding: 5px 20px 10px;

    }

    .vp-surface--map1 .vp-surface__ttl {

        font-size: 0.6rem;

        padding: 2px 5px;

    }

    .vp-surface--map1 .vp-surface__ttl::before {

        height: calc(100% - 2px);

        left: 1px;

        top: 1px;

        width: calc(100% - 2px);

    }

    .vp-surface--map1 .vp-surface__ribbon div {

        height: 90px;

        width: 90px;

    }

}

.vc-article--surface {

    background: url(../../upload/svg/Biet-thu-don-lap-2.svg) no-repeat right 0 center/cover;

    padding-top: 100px;

}

.vc-article--surface .vc-article__row {

    align-items: center;

    display: flex;

    justify-content: space-between;

}

.vc-article--surface .vc-article__col {

    width: 425px;

}

.vc-article--surface .vc-article__col:last-child {

    flex: 1;

}

.vc-article--surface .vc-btn--back-white {

    margin-top: 90px;

}

.vc-article--surface .vc-article__box {

    padding-left: 150px;

    flex: 1;

}

.vc-article--surface .vc-article__avatar {

    display: inline-block;

    position: relative;

    width: 100%;

}

.vc-article--surface .vc-article__avatar::before {

    border: 1px solid #d1cac8;

    border-radius: 250px 250px 0 0;

    bottom: 0;

    left: 0;

    content: "";

    height: 90%;

    position: absolute;

    transform: translate(80px, 35px);

    width: 90%;

    z-index: 1;

}

.vc-article--surface .vc-article__avatar img {

    border-radius: 250px 250px 0 0;

    width: 100%;

}

.vc-article--surface .vc-article__box {

    color: #fff;

}

.vc-article--surface .vc-article__box dt {

    font-size: 1.8rem;

}

.vc-article--surface .vc-article__box dd {

    border-bottom: 1px solid #fff;

    font-size: 3.6rem;

    font-family: "SVN-Moneta";

    line-height: 1.2;

    margin-left: 0;

    margin-bottom: 15px;

    padding-bottom: 15px;

    max-width: 40%;

}

.vc-article--surface .vc-article__box dd:last-child {

    border-bottom-width: 0;

    margin-bottom: 0;

    padding-bottom: 0;

}

@media only screen and (max-width: 1699.98px) {

    .vc-article--surface {

        padding-top: 50px;

    }

    .vc-article--surface .vc-article__box {

        padding-left: 80px;

    }

    .vc-article--surface .vc-btn--back-white {

        margin-top: 60px;

    }

    .vc-article--surface .vc-article__col {

        width: 275px;

    }

    .vc-article--surface .vc-article__avatar::before {

        transform: translate(50px, 15px);

    }

    .vc-article--surface .vc-article__box dt {

        font-size: 1.6rem;

    }

    .vc-article--surface .vc-article__box dd {

        font-size: 3rem;

        margin-bottom: 10px;

        padding-bottom: 10px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vc-article--surface {

        align-items: center;

        display: flex;

        height: 100vh;

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .vc-article--surface .vc-article__box {

        padding-left: 50px;

    }

    .vc-article--surface .vc-article__row {

        justify-content: center;

    }

    .vc-article--surface .vc-article__col:last-child {

        flex: inherit;

        width: 500px;

    }

}

@media only screen and (max-width: 991.98px) {

    .vc-article--surface {

        display: block;

        height: auto;

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .vc-article--surface .vc-article__col {

        margin-left: auto;

        margin-right: auto;

        max-width: 400px;

        width: 100%;

    }

    .vc-article--surface .vc-article__col:last-child {

        margin-top: 30px;

        width: 100%;

    }

    .vc-article--surface .vc-article__box {

        padding-left: 0;

        text-align: center;

    }

    .vc-article--surface .vc-article__box dd {

        margin: 0 auto 10px;

    }

    .vc-article--surface .vc-article__row {

        display: block;

        text-align: center;

    }

}

@media only screen and (max-width: 767.98px) {

    .vc-article--surface {

        display: block;

        height: auto;

    }

    .vc-article--surface .vc-headline--white {

        font-size: 3rem;

    }

    .vc-article--surface .vc-article__avatar {

        max-width: 80%;

        margin-bottom: 30px;

    }

    .vc-article--surface .vc-article__avatar::before {

        transform: translate(40px, 10px);

    }

}

.vp-utility--map {

    background: url(../img/common/bg-25.svg) no-repeat right 0 center/cover;

}

.vp-utility--map .vp-utility__container {

    align-items: center;

    display: flex;

    justify-content: space-between;

    max-width: 1400px;

}

.vp-utility--map .vp-utility__col:first-child {

    width: 350px;

}

.vp-utility--map .vp-utility__col:last-child {

    width: calc(100% - 600px);

}

.vp-utility--map .vp-utility__content {

    position: relative;

}

.vp-utility--map .vp-utility__bg {

    display: block;

    position: relative;

    z-index: 0;

}

.vp-utility--map .vp-utility__bg img {

    width: 100%;

}

.vp-utility--map .vp-utility__nav div {

    align-items: center;

    border-radius: 25px;

    color: #fff;

    display: inline-flex;

    font-size: 1.4rem;

    margin-bottom: 10px;

    padding: 5px 20px 5px 5px;

    min-width: 60%;

}

.vp-utility--map .vp-utility__nav div:last-child {

    margin-bottom: 0;

}

.vp-utility--map .vp-utility__nav div.current,

.vp-utility--map .vp-utility__nav div:hover {

    background-image: linear-gradient(

        to right,

        rgb(254, 203, 134) 0%,

        rgb(152, 112, 61) 99%

    );

    cursor: pointer;

}

.vp-utility--map .vp-utility__nav div.current img,

.vp-utility--map .vp-utility__nav div:hover img {

    opacity: 0;

}

.vp-utility--map .vp-utility__nav div.current img:last-child,

.vp-utility--map .vp-utility__nav div:hover img:last-child {

    opacity: 1;

}

.vp-utility--map .vp-utility__nav span {

    background-color: #e2dedc;

    border-radius: 50%;

    height: 36px;

    margin-right: 5px;

    position: relative;

    width: 36px;

}

.vp-utility--map .vp-utility__nav img {

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    transition: opacity 0.25s;

}

.vp-utility--map .vp-utility__nav img:last-child {

    opacity: 0;

}

.vp-utility--map .vp-utility__item,

.vp-utility--map .vp-utility__item--05,

.vp-utility--map .vp-utility__item--04,

.vp-utility--map .vp-utility__item--03,

.vp-utility--map .vp-utility__item--02,

.vp-utility--map .vp-utility__item--01 {

    left: 0;

    position: absolute;

    top: 0;

    width: 66.6666666667px;

}

.vp-utility--map .vp-utility__item.current,

.vp-utility--map .current.vp-utility__item--05,

.vp-utility--map .current.vp-utility__item--04,

.vp-utility--map .current.vp-utility__item--03,

.vp-utility--map .current.vp-utility__item--02,

.vp-utility--map .current.vp-utility__item--01,

.vp-utility--map .vp-utility__item:hover,

.vp-utility--map .vp-utility__item--05:hover,

.vp-utility--map .vp-utility__item--04:hover,

.vp-utility--map .vp-utility__item--03:hover,

.vp-utility--map .vp-utility__item--02:hover,

.vp-utility--map .vp-utility__item--01:hover {

    cursor: pointer;

    z-index: 100;

}

.vp-utility--map .vp-utility__item.current .vp-utility__ribbon,

.vp-utility--map .current.vp-utility__item--05 .vp-utility__ribbon,

.vp-utility--map .current.vp-utility__item--04 .vp-utility__ribbon,

.vp-utility--map .current.vp-utility__item--03 .vp-utility__ribbon,

.vp-utility--map .current.vp-utility__item--02 .vp-utility__ribbon,

.vp-utility--map .current.vp-utility__item--01 .vp-utility__ribbon,

.vp-utility--map .vp-utility__item:hover .vp-utility__ribbon,

.vp-utility--map .vp-utility__item--05:hover .vp-utility__ribbon,

.vp-utility--map .vp-utility__item--04:hover .vp-utility__ribbon,

.vp-utility--map .vp-utility__item--03:hover .vp-utility__ribbon,

.vp-utility--map .vp-utility__item--02:hover .vp-utility__ribbon,

.vp-utility--map .vp-utility__item--01:hover .vp-utility__ribbon {

    opacity: 1;

    visibility: visible;

}

.vp-utility--map .vp-utility__item.current .vp-utility__icon,

.vp-utility--map .current.vp-utility__item--05 .vp-utility__icon,

.vp-utility--map .current.vp-utility__item--04 .vp-utility__icon,

.vp-utility--map .current.vp-utility__item--03 .vp-utility__icon,

.vp-utility--map .current.vp-utility__item--02 .vp-utility__icon,

.vp-utility--map .current.vp-utility__item--01 .vp-utility__icon,

.vp-utility--map .vp-utility__item:hover .vp-utility__icon,

.vp-utility--map .vp-utility__item--05:hover .vp-utility__icon,

.vp-utility--map .vp-utility__item--04:hover .vp-utility__icon,

.vp-utility--map .vp-utility__item--03:hover .vp-utility__icon,

.vp-utility--map .vp-utility__item--02:hover .vp-utility__icon,

.vp-utility--map .vp-utility__item--01:hover .vp-utility__icon {

    background-image: linear-gradient(

        to right,

        rgba(254, 203, 134, 0.6) 0%,

        rgba(152, 112, 61, 0.6) 99%

    );

}

.vp-utility--map .vp-utility__item.current .vp-utility__icon::before,

.vp-utility--map .current.vp-utility__item--05 .vp-utility__icon::before,

.vp-utility--map .current.vp-utility__item--04 .vp-utility__icon::before,

.vp-utility--map .current.vp-utility__item--03 .vp-utility__icon::before,

.vp-utility--map .current.vp-utility__item--02 .vp-utility__icon::before,

.vp-utility--map .current.vp-utility__item--01 .vp-utility__icon::before,

.vp-utility--map .vp-utility__item:hover .vp-utility__icon::before,

.vp-utility--map .vp-utility__item--05:hover .vp-utility__icon::before,

.vp-utility--map .vp-utility__item--04:hover .vp-utility__icon::before,

.vp-utility--map .vp-utility__item--03:hover .vp-utility__icon::before,

.vp-utility--map .vp-utility__item--02:hover .vp-utility__icon::before,

.vp-utility--map .vp-utility__item--01:hover .vp-utility__icon::before {

    border-color: #fff;

    background-image: linear-gradient(

        to right,

        rgb(254, 203, 134) 0%,

        rgb(152, 112, 61) 99%

    );

}

.vp-utility--map .vp-utility__item--01 {

    left: 280.9523809524px;

    top: 290.4761904762px;

}

.vp-utility--map .vp-utility__item--02 {

    left: 404.7619047619px;

    top: 280.9523809524px;

}

.vp-utility--map .vp-utility__item--03 {

    left: 395.2380952381px;

    top: 371.4285714286px;

}

.vp-utility--map .vp-utility__item--04 {

    left: 466.6666666667px;

    top: 471.4285714286px;

}

.vp-utility--map .vp-utility__item--05 {

    left: 438.0952380952px;

    top: 571.4285714286px;

}

.vp-utility--map .vp-utility__icon {

    align-items: center;

    background-color: rgba(71, 54, 32, 0.66);

    border-radius: 50%;

    display: inline-flex;

    height: 66.6666666667px;

    justify-content: center;

    position: relative;

    width: 66.6666666667px;

    z-index: 1;

}

.vp-utility--map .vp-utility__icon::before {

    background-color: #473620;

    border: 1px solid rgba(0, 0, 0, 0);

    border-radius: 50%;

    content: "";

    display: inline-block;

    height: 76%;

    left: calc(12% - 1px);

    position: absolute;

    top: calc(12% - 1px);

    width: 76%;

    z-index: -1;

}

.vp-utility--map .vp-utility__icon img {

    max-height: 50%;

    max-width: 50%;

}

.vp-utility--map .vp-utility__ribbon {

    border: 2px solid #fff;

    border-radius: 50%;

    height: 242.8571428571px;

    left: 0;

    overflow: hidden;

    opacity: 0;

    position: absolute;

    transition: opacity 0.25s;

    top: 0;

    transform: translate(-85%, -85%);

    visibility: hidden;

    width: 242.8571428571px;

}

.vp-utility--map .vp-utility__ribbon div {

    background-image: linear-gradient(

        to bottom,

        rgb(254, 203, 134) 0%,

        rgb(152, 112, 61) 99%

    );

    bottom: 0;

    color: #fff;

    font-size: 1.4rem;

    display: block;

    left: 0;

    padding: 10px 17% 30px;

    position: absolute;

    width: 100%;

}

.vp-utility--map .vp-utility__ribbon div img {

    width: 32px;

}

.vp-utility--map .vp-utility__ribbon span {

    display: block;

    font-size: 1.4rem;

}

.vp-utility--map .vp-utility__ribbon > img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%;

}

.vp-utility--map1 {

    background: url(../../upload/svg/tieniCHNOIKHU.svg) no-repeat 0 center/cover;

}

.vp-utility--map1 .vp-utility__container {

    align-items: center;

    display: flex;

    justify-content: space-between;

    max-width: 1400px;

}

.vp-utility--map1 .vp-utility__col:first-child {

    width: 340px;

}

.vp-utility--map1 .vp-utility__col:last-child {

    width: calc(100% - 400px);

}

.vp-utility--map1 .vp-utility__content {

    position: relative;

}

.vp-utility--map1 .vp-utility__bg {

    display: block;

    position: relative;

    z-index: 0;

}

.vp-utility--map1 .vp-utility__bg img {

    width: 100%;

}

.vp-utility--map1 .vp-utility__nav {

    margin-left: -10px;

}

.vp-utility--map1 .vp-utility__nav div {

    align-items: center;

    border-radius: 25px;

    color: #fff;

    display: inline-flex;

    font-size: 1.6rem;

    margin-bottom: 10px;

    padding: 5px 20px 5px 10px;

    min-width: 60%;

}

.vp-utility--map1 .vp-utility__nav div:last-child {

    margin-bottom: 0;

}

.vp-utility--map1 .vp-utility__nav div.current,

.vp-utility--map1 .vp-utility__nav div:hover {

    background-image: linear-gradient(

        to right,

        rgb(254, 203, 134) 0%,

        rgb(152, 112, 61) 99%

    );

    cursor: pointer;

}

.vp-utility--map1 .vp-utility__item,

.vp-utility--map1 .vp-utility__item--05,

.vp-utility--map1 .vp-utility__item--04,

.vp-utility--map1 .vp-utility__item--03,

.vp-utility--map1 .vp-utility__item--02,

.vp-utility--map1 .vp-utility__item--01 {

    left: 0;

    position: absolute;

    top: 0;

}

.vp-utility--map1 .vp-utility__item.current,

.vp-utility--map1 .current.vp-utility__item--05,

.vp-utility--map1 .current.vp-utility__item--04,

.vp-utility--map1 .current.vp-utility__item--03,

.vp-utility--map1 .current.vp-utility__item--02,

.vp-utility--map1 .current.vp-utility__item--01,

.vp-utility--map1 .vp-utility__item:hover,

.vp-utility--map1 .vp-utility__item--05:hover,

.vp-utility--map1 .vp-utility__item--04:hover,

.vp-utility--map1 .vp-utility__item--03:hover,

.vp-utility--map1 .vp-utility__item--02:hover,

.vp-utility--map1 .vp-utility__item--01:hover {

    cursor: pointer;

    z-index: 100;

}

.vp-utility--map1 .vp-utility__item.current .vp-utility__ribbon,

.vp-utility--map1 .current.vp-utility__item--05 .vp-utility__ribbon,

.vp-utility--map1 .current.vp-utility__item--04 .vp-utility__ribbon,

.vp-utility--map1 .current.vp-utility__item--03 .vp-utility__ribbon,

.vp-utility--map1 .current.vp-utility__item--02 .vp-utility__ribbon,

.vp-utility--map1 .current.vp-utility__item--01 .vp-utility__ribbon,

.vp-utility--map1 .vp-utility__item:hover .vp-utility__ribbon,

.vp-utility--map1 .vp-utility__item--05:hover .vp-utility__ribbon,

.vp-utility--map1 .vp-utility__item--04:hover .vp-utility__ribbon,

.vp-utility--map1 .vp-utility__item--03:hover .vp-utility__ribbon,

.vp-utility--map1 .vp-utility__item--02:hover .vp-utility__ribbon,

.vp-utility--map1 .vp-utility__item--01:hover .vp-utility__ribbon {

    opacity: 1;

    visibility: visible;

}

.vp-utility--map1 .vp-utility__item.current .vp-utility__icon,

.vp-utility--map1 .current.vp-utility__item--05 .vp-utility__icon,

.vp-utility--map1 .current.vp-utility__item--04 .vp-utility__icon,

.vp-utility--map1 .current.vp-utility__item--03 .vp-utility__icon,

.vp-utility--map1 .current.vp-utility__item--02 .vp-utility__icon,

.vp-utility--map1 .current.vp-utility__item--01 .vp-utility__icon,

.vp-utility--map1 .vp-utility__item:hover .vp-utility__icon,

.vp-utility--map1 .vp-utility__item--05:hover .vp-utility__icon,

.vp-utility--map1 .vp-utility__item--04:hover .vp-utility__icon,

.vp-utility--map1 .vp-utility__item--03:hover .vp-utility__icon,

.vp-utility--map1 .vp-utility__item--02:hover .vp-utility__icon,

.vp-utility--map1 .vp-utility__item--01:hover .vp-utility__icon {

    background-image: linear-gradient(

        to right,

        rgba(254, 203, 134, 0.6) 0%,

        rgba(152, 112, 61, 0.6) 99%

    );

}

.vp-utility--map1 .vp-utility__item.current .vp-utility__icon::before,

.vp-utility--map1 .current.vp-utility__item--05 .vp-utility__icon::before,

.vp-utility--map1 .current.vp-utility__item--04 .vp-utility__icon::before,

.vp-utility--map1 .current.vp-utility__item--03 .vp-utility__icon::before,

.vp-utility--map1 .current.vp-utility__item--02 .vp-utility__icon::before,

.vp-utility--map1 .current.vp-utility__item--01 .vp-utility__icon::before,

.vp-utility--map1 .vp-utility__item:hover .vp-utility__icon::before,

.vp-utility--map1 .vp-utility__item--05:hover .vp-utility__icon::before,

.vp-utility--map1 .vp-utility__item--04:hover .vp-utility__icon::before,

.vp-utility--map1 .vp-utility__item--03:hover .vp-utility__icon::before,

.vp-utility--map1 .vp-utility__item--02:hover .vp-utility__icon::before,

.vp-utility--map1 .vp-utility__item--01:hover .vp-utility__icon::before {

    background-image: linear-gradient(

        to right,

        rgb(254, 203, 134) 0%,

        rgb(152, 112, 61) 99%

    );

}

.vp-utility--map1 .vp-utility__item--01 {

    left: 607.333842628px;

    top: 175.7066462949px;

}

.vp-utility--map1 .vp-utility__item--02 {

    left: 569.1367456073px;

    top: 110.7715813598px;

}

.vp-utility--map1 .vp-utility__item--03 {

    left: 324.6753246753px;

    top: 324.6753246753px;

}

.vp-utility--map1 .vp-utility__item--04 {

    left: 145.1489686784px;

    top: 99.3124522536px;

}

.vp-utility--map1 .vp-utility__item--05 {

    left: 691.3674560733px;

    top: 423.987776929px;

}

.vp-utility--map1 .vp-utility__icon {

    align-items: center;

    background-color: rgba(0, 0, 0, 0);

    border-radius: 50%;

    color: #fff;

    font-size: 1.8rem;

    font-weight: 700;

    display: inline-flex;

    height: 69.018404908px;

    justify-content: center;

    position: relative;

    width: 69.018404908px;

    z-index: 1;

}

.vp-utility--map1 .vp-utility__icon::before {

    background-color: #473620;

    border: 1px solid #fff;

    border-radius: 50%;

    content: "";

    display: inline-block;

    height: 60%;

    left: calc(20% - 1px);

    position: absolute;

    top: calc(20% - 1px);

    width: 60%;

    z-index: -1;

}

.vp-utility--map1 .vp-utility__ribbon {

    border: 2px solid #fff;

    border-radius: 50%;

    height: 194.8051948052px;

    overflow: hidden;

    opacity: 0;

    position: absolute;

    transition: opacity 0.25s;

    right: 0;

    top: 0;

    transform: translate(85%, -85%);

    visibility: hidden;

    width: 194.8051948052px;

}

.vp-utility--map1 .vp-utility__ribbon.hidden {

    display: none;

}

.vp-utility--map1 .vp-utility__ribbon span {

    background-image: linear-gradient(

        to bottom,

        rgb(254, 203, 134) 0%,

        rgb(152, 112, 61) 99%

    );

    bottom: 0;

    color: #fff;

    font-size: 1.4rem;

    line-height: 1.2;

    font-weight: 700;

    display: block;

    left: 0;

    padding: 10px 30px 20px;

    position: absolute;

    width: 100%;

}

.vp-utility--map1 .vp-utility__ribbon img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%;

}

@media only screen and (max-width: 1699.98px) {

    .vp-utility--map {

        display: block;

        padding-top: 100px;

    }

    .vp-utility--map .vp-utility__container {

        max-width: 1100px;

    }

    .vp-utility--map .vp-utility__col:first-child {

        width: 250px;

    }

    .vp-utility--map .vp-utility__col:last-child {

        width: calc(100% - 350px);

    }

    .vp-utility--map .vp-utility__nav div {

        margin-bottom: 5px;

    }

    .vp-utility--map .vp-utility__item,

    .vp-utility--map .vp-utility__item--01,

    .vp-utility--map .vp-utility__item--02,

    .vp-utility--map .vp-utility__item--03,

    .vp-utility--map .vp-utility__item--04,

    .vp-utility--map .vp-utility__item--05 {

        width: 50px;

    }

    .vp-utility--map .vp-utility__item--01 {

        left: 210.7142857143px;

        top: 217.8571428571px;

    }

    .vp-utility--map .vp-utility__item--02 {

        left: 303.5714285714px;

        top: 210.7142857143px;

    }

    .vp-utility--map .vp-utility__item--03 {

        left: 296.4285714286px;

        top: 278.5714285714px;

    }

    .vp-utility--map .vp-utility__item--04 {

        left: 350px;

        top: 353.5714285714px;

    }

    .vp-utility--map .vp-utility__item--05 {

        left: 328.5714285714px;

        top: 428.5714285714px;

    }

    .vp-utility--map .vp-utility__icon {

        height: 50px;

        width: 50px;

    }

    .vp-utility--map .vp-utility__ribbon {

        height: 182.1428571429px;

        width: 182.1428571429px;

    }

    .vp-utility--map1 .vp-utility__container {

        max-width: 1100px;

    }

    .vp-utility--map1 .vp-utility__col:first-child {

        width: 250px;

    }

    .vp-utility--map1 .vp-utility__col:last-child {

        width: calc(100% - 350px);

    }

    .vp-utility--map1 .vp-utility__nav {

        margin-left: -10px;

    }

    .vp-utility--map1 .vp-utility__nav div {

        margin-bottom: 5px;

    }

    .vp-utility--map1 .vp-utility__item--01 {

        left: 455.500381971px;

        top: 131.7799847212px;

    }

    .vp-utility--map1 .vp-utility__item--02 {

        left: 426.8525592055px;

        top: 83.0786860199px;

    }

    .vp-utility--map1 .vp-utility__item--03 {

        left: 243.5064935065px;

        top: 243.5064935065px;

    }

    .vp-utility--map1 .vp-utility__item--04 {

        left: 108.8617265088px;

        top: 74.4843391902px;

    }

    .vp-utility--map1 .vp-utility__item--05 {

        left: 518.525592055px;

        top: 317.9908326967px;

    }

    .vp-utility--map1 .vp-utility__icon {

        height: 51.763803681px;

        width: 51.763803681px;

    }

}

@media only screen and (max-width: 1365.98px) {

    .vp-utility--map .vp-utility__container {

        max-width: 900px;

    }

    .vp-utility--map .vp-utility__col:first-child {

        width: 300px;

    }

    .vp-utility--map .vp-utility__col:last-child {

        width: calc(100% - 350px);

    }

    .vp-utility--map .vp-utility__item,

    .vp-utility--map .vp-utility__item--01,

    .vp-utility--map .vp-utility__item--02,

    .vp-utility--map .vp-utility__item--03,

    .vp-utility--map .vp-utility__item--04,

    .vp-utility--map .vp-utility__item--05 {

        width: 43.3333333333px;

    }

    .vp-utility--map .vp-utility__item--01 {

        left: 182.619047619px;

        top: 188.8095238095px;

    }

    .vp-utility--map .vp-utility__item--02 {

        left: 263.0952380952px;

        top: 182.619047619px;

    }

    .vp-utility--map .vp-utility__item--03 {

        left: 256.9047619048px;

        top: 241.4285714286px;

    }

    .vp-utility--map .vp-utility__item--04 {

        left: 303.3333333333px;

        top: 306.4285714286px;

    }

    .vp-utility--map .vp-utility__item--05 {

        left: 284.7619047619px;

        top: 371.4285714286px;

    }

    .vp-utility--map .vp-utility__icon {

        height: 43.3333333333px;

        width: 43.3333333333px;

    }

    .vp-utility--map .vp-utility__ribbon {

        height: 157.8571428571px;

        width: 157.8571428571px;

    }

    .vp-utility--map1 .vp-utility__container {

        max-width: 900px;

    }

    .vp-utility--map1 .vp-utility__col:first-child {

        width: 285px;

    }

    .vp-utility--map1 .vp-utility__col:last-child {

        width: calc(100% - 285px);

    }

    .vp-utility--map1 .vp-utility__item--01 {

        left: 355.2902979374px;

        top: 102.7883880825px;

    }

    .vp-utility--map1 .vp-utility__item--02 {

        left: 332.9449961803px;

        top: 64.8013750955px;

    }

    .vp-utility--map1 .vp-utility__item--03 {

        left: 189.9350649351px;

        top: 189.9350649351px;

    }

    .vp-utility--map1 .vp-utility__item--04 {

        left: 84.9121466769px;

        top: 58.0977845684px;

    }

    .vp-utility--map1 .vp-utility__item--05 {

        left: 404.4499618029px;

        top: 248.0328495034px;

    }

    .vp-utility--map1 .vp-utility__icon {

        height: 40.3757668712px;

        font-size: 1.3rem;

        width: 40.3757668712px;

    }

}

@media only screen and (max-width: 1199.98px) {

    .vp-utility--map {

        padding-bottom: 50px;

    }

    .vp-utility--map1 {

        padding-bottom: 50px;

        padding-top: 100px;

    }

    .vp-utility--map1 .vp-utility__col:first-child {

        width: 230px;

    }

    .vp-utility--map1 .vp-utility__col:last-child {

        width: calc(100% - 285px);

    }

}

@media only screen and (max-width: 991.98px) {

    .vp-utility--map {

        padding-bottom: 50px;

    }

    .vp-utility--map .vp-utility__container {

        flex-direction: column;

        max-width: 900px;

        text-align: center;

    }

    .vp-utility--map .vp-utility__col:first-child,

    .vp-utility--map .vp-utility__col:last-child {

        width: 100%;

    }

    .vp-utility--map .vp-utility__nav div {

        font-size: 1.3rem;

        margin-bottom: 0;

        padding: 3px 20px 3px 3px;

        min-width: inherit;

    }

    .vp-utility--map .vp-utility__nav span {

        height: 25px;

        width: 25px;

    }

    .vp-utility--map .vp-utility__nav span img {

        max-height: 15px;

        max-width: 15px;

    }

    .vp-utility--map .vp-utility__item,

    .vp-utility--map .vp-utility__item--01,

    .vp-utility--map .vp-utility__item--02,

    .vp-utility--map .vp-utility__item--03,

    .vp-utility--map .vp-utility__item--04,

    .vp-utility--map .vp-utility__item--05 {

        width: calc(70 * (100vw - 30px) / 840);

    }

    .vp-utility--map .vp-utility__item--01 {

        left: calc(295 * (100vw - 30px) / 840);

        top: calc(305 * (100vw - 30px) / 840);

    }

    .vp-utility--map .vp-utility__item--02 {

        left: calc(425 * (100vw - 30px) / 840);

        top: calc(295 * (100vw - 30px) / 840);

    }

    .vp-utility--map .vp-utility__item--03 {

        left: calc(415 * (100vw - 30px) / 840);

        top: calc(390 * (100vw - 30px) / 840);

    }

    .vp-utility--map .vp-utility__item--04 {

        left: calc(490 * (100vw - 30px) / 840);

        top: calc(495 * (100vw - 30px) / 840);

    }

    .vp-utility--map .vp-utility__item--05 {

        left: calc(460 * (100vw - 30px) / 840);

        top: calc(600 * (100vw - 30px) / 840);

    }

    .vp-utility--map .vp-utility__icon {

        height: calc(70 * (100vw - 30px) / 840);

        width: calc(70 * (100vw - 30px) / 840);

    }

    .vp-utility--map .vp-utility__ribbon {

        height: 220px;

        width: 220px;

    }

    .vp-utility--map1 .vp-utility__container {

        flex-direction: column;

        text-align: center;

    }

    .vp-utility--map1 .vp-utility__col:first-child,

    .vp-utility--map1 .vp-utility__col:last-child {

        width: 100%;

    }

    .vp-utility--map1 .vp-utility__nav div {

        font-size: 1.5rem;

        margin-bottom: 0;

        padding: 3px 15px;

        min-width: inherit;

    }

    .vp-utility--map1 .vp-utility__item,

    .vp-utility--map1 .vp-utility__item--01,

    .vp-utility--map1 .vp-utility__item--02,

    .vp-utility--map1 .vp-utility__item--03,

    .vp-utility--map1 .vp-utility__item--04,

    .vp-utility--map1 .vp-utility__item--05 {

        width: 40px;

    }

    .vp-utility--map1 .vp-utility__item--01 {

        left: calc(795 * (100vw - 30px) / 1309);

        top: calc(230 * (100vw - 30px) / 1309);

    }

    .vp-utility--map1 .vp-utility__item--02 {

        left: calc(745 * (100vw - 30px) / 1309);

        top: calc(145 * (100vw - 30px) / 1309);

    }

    .vp-utility--map1 .vp-utility__item--03 {

        left: calc(425 * (100vw - 30px) / 1309);

        top: calc(425 * (100vw - 30px) / 1309);

    }

    .vp-utility--map1 .vp-utility__item--04 {

        left: calc(190 * (100vw - 30px) / 1309);

        top: calc(130 * (100vw - 30px) / 1309);

    }

    .vp-utility--map1 .vp-utility__item--05 {

        left: calc(905 * (100vw - 30px) / 1309);

        top: calc(555 * (100vw - 30px) / 1309);

    }

    .vp-utility--map1 .vp-utility__icon {

        height: 55px;

        width: 55px;

    }

}

@media only screen and (max-width: 767.98px) {

    .vp-utility--map .vp-utility__ribbon {

        height: 150px;

        width: 150px;

    }

    .vp-utility--map .vp-utility__ribbon div img {

        width: 25px;

    }

    .vp-utility--map .vp-utility__ribbon div span {

        font-size: 1.2rem;

    }

    .vp-utility--map1 .vp-utility__item--01 {

        left: calc(795 * (100vw - 30px) / 1309 - 7px);

        top: calc(230 * (100vw - 30px) / 1309 - 7px);

    }

    .vp-utility--map1 .vp-utility__item--02 {

        left: calc(745 * (100vw - 30px) / 1309 - 7px);

        top: calc(145 * (100vw - 30px) / 1309 - 7px);

    }

    .vp-utility--map1 .vp-utility__item--03 {

        left: calc(425 * (100vw - 30px) / 1309 - 7px);

        top: calc(425 * (100vw - 30px) / 1309 - 7px);

    }

    .vp-utility--map1 .vp-utility__item--04 {

        left: calc(190 * (100vw - 30px) / 1309 - 7px);

        top: calc(130 * (100vw - 30px) / 1309 - 7px);

    }

    .vp-utility--map1 .vp-utility__item--05 {

        left: calc(905 * (100vw - 30px) / 1309 - 7px);

        top: calc(555 * (100vw - 30px) / 1309 - 7px);

    }

    .vp-utility--map1 .vp-utility__icon {

        height: 40px;

        font-size: 1.3rem;

        width: 40px;

    }

    .vp-utility--map1 .vp-utility__ribbon {

        border-width: 1px;

        height: 120px;

        width: 120px;

    }

    .vp-utility--map1 .vp-utility__ribbon span {

        font-size: 1.2rem;

        padding: 5px 15%;

    }

}

.vt-default,

.vt-brown,

.vt-white {

    background-color: #fff;

    overflow-x: hidden;

    position: relative;

    width: 100%;

}

@media only screen and (max-width: 1199.98px) {

    .vt-default.sp-brown .vl-header__logo img,

    .sp-brown.vt-brown .vl-header__logo img,

    .sp-brown.vt-white .vl-header__logo img {

        filter: brightness(1);

    }

    .vt-default.sp-white .vl-header__btn svg,

    .sp-white.vt-brown .vl-header__btn svg,

    .sp-white.vt-white .vl-header__btn svg {

        stroke: #fff;

    }

    .vt-default.sp-white .vl-sticky__360,

    .sp-white.vt-brown .vl-sticky__360,

    .sp-white.vt-white .vl-sticky__360 {

        border-color: #fff;

        filter: brightness(10);

    }

    .vt-default.sp-white .vl-sticky__tel,

    .sp-white.vt-brown .vl-sticky__tel,

    .sp-white.vt-white .vl-sticky__tel {

        background: url(../img/common/bg-06.svg) no-repeat center center/100%;

    }

    .vt-default.sp-white .vl-header.sticky ~ .vl-header__btn svg,

    .sp-white.vt-brown .vl-header.sticky ~ .vl-header__btn svg,

    .sp-white.vt-white .vl-header.sticky ~ .vl-header__btn svg {

        stroke: #a29490;

    }

    .vt-default.sp-white .vl-header.sticky ~ .vl-header__btn.expand svg,

    .sp-white.vt-brown .vl-header.sticky ~ .vl-header__btn.expand svg,

    .sp-white.vt-white .vl-header.sticky ~ .vl-header__btn.expand svg {

        stroke: #fff;

    }

    .vt-default.sp-white .vl-header.sticky ~ .vl-sticky__360,

    .sp-white.vt-brown .vl-header.sticky ~ .vl-sticky__360,

    .sp-white.vt-white .vl-header.sticky ~ .vl-sticky__360 {

        border-color: #a29490;

        filter: brightness(1);

    }

}

@media only screen and (min-width: 1200px) {

  .section-product-category .flower-icon {

    display: flex;

  }

    .vt-white .vl-nav > ul > li > a {

        color: #fff;

    }

    .vt-white .vl-nav > ul > li > a:not(.lang)::before {

        background-color: #fff;

    }

    .vt-white .vl-nav > ul > li > a:not(.lang):hover {

        color: #fff;

    }

    .vt-white .vl-nav > ul > li > a.lang {

        border: 1px solid #fff;

    }

}

.vt-white .vl-header {

    border-right: 1px solid rgba(255, 255, 255, 0.32);

}

@media only screen and (min-width: 1200px) {

    .vt-white .vl-header__logo img {

        filter: contrast(10);

    }

    .vt-white .vl-header__slogan span {

        color: #fff;

    }

    .vt-white .vl-header__mouse {

        background: url(../img/icons/i-dot-white.png) no-repeat bottom 0

        center/1px;

    }

    .vt-white .vl-header__mouse img {

        filter: contrast(10);

    }

    .vt-white .vl-header__mouse span {

        color: #fff;

    }

}

.vt-white .vl-sticky__btn span {

    color: #fff;

}

.vt-white .vl-sticky__tel {

    background: url(../img/common/bg-02-1.svg) no-repeat center center/100%;

}

@media only screen and (min-width: 1200px) {

    .vt-brown .vl-nav > ul > li > a {

        color: #fff;

    }

    .vt-brown .vl-nav > ul > li > a:not(.lang)::before {

        background-color: #fff;

    }

    .vt-brown .vl-nav > ul > li > a:not(.lang):hover {

        color: #fff;

    }

    .vt-brown .vl-nav > ul > li > a.lang {

        border: 1px solid #fff;

    }



    .vc-article--home1 .vc-article__box {

      margin-right: 100px;

    }

}

.vt-brown .vl-header {

    border-right: 1px solid rgba(255, 255, 255, 0.32);

}

@media only screen and (min-width: 1200px) {

    .vt-brown .vl-header__logo img {

        filter: contrast(10);

    }

    .vt-brown .vl-header__slogan span {

        color: #fff;

    }

    .vt-brown .vl-header__social a {

        background-color: #473620;

    }

    .vt-brown .vl-header__mouse {

        background: url(../img/icons/i-dot-white.png) no-repeat bottom 0

        center/1px;

    }

    .vt-brown .vl-header__mouse img {

        filter: contrast(10);

    }

    .vt-brown .vl-header__mouse span {

        color: #fff;

    }

}

.vt-brown .vl-sticky__btn {

    background-color: rgba(71, 54, 32, 0.2);

}

.vt-brown .vl-sticky__btn::before {

    background-color: #473620;

}

.vt-brown .vl-sticky__btn span {

    color: #fff;

}

.vt-brown .vl-sticky__360 {

    border-color: #473620;

    /* background: url(../../upload/svg/360-NAU.svg) no-repeat center center; */

}

.vt-brown .vl-sticky__tel {

    background: url(../img/common/bg-06.svg) no-repeat center center/100%;

}



@media (max-width: 479px) {

    .map-animation .map-img {

        object-fit: cover;

    }



    .map-viewer {

        top: 0px;

        transform: translate(-63%, 0);

    }

    .logo-map {

        right: 46%;

        top: 43%;

    }

    .hoa-animation.ani3.active {

        width: 400px;

        right: -200px;

    }

    .home .vc-product--default {

        padding-bottom: 20px;

        padding-top: 50px;

    }



    .vl-banner__content {

        padding-left: 0;

        padding-top: 750px;

    }

    .vl-banner__content p {

        color: black;

    }



    .vc-article--surface .vc-article__box dd {

        max-width: 60%;

    }

    .vc-article--surface {

        padding-bottom: 30px;

        padding-top: 100px;

    }

    .vp-surface--card .vp-surface__ttl {

        font-size: 2.1rem;

    }



    .vc-library--default .swiper-slide-active .vc-library__ttl {

        max-width: 100%;

    }



    .vl-breadcrumb a, .vl-breadcrumb--white a {

        font-size: 1.7rem;

    }

    .vl-breadcrumb a::after, .vl-breadcrumb--white a::after {

        top: 15px;

        width: 8px;

    }

}



.cssanimation,

.cssanimation div {

    animation-duration: 1s;

    animation-fill-mode: both;

}



.cssanimation div {

    display: inline-block;

}



.leZoomIn div {

    animation-name: leZoomIn;

}

@keyframes leZoomIn {

    from {

        transform: scale(10);

        opacity: 0;

    }

}



@media (min-width: 992px) and (max-width: 1199px) {

  .vc-article--home1 .vc-article__box {

    margin-right: 50px;

  }

}



@media (min-width: 992px) and (max-width: 1439px) {

  /* .vc-product--card3 .vc-product__note {

    max-height: 87px;

  } */



  .vc-product--card3 .vc-product__item--center {

    margin-top: 110px;

  }



  .vc-product--card3 .vc-product__item--right {

    margin-top: 80px;

  }



  .section-product-category .vc-headline--primary {

    top: 25px;

  }

}

@media (min-width: 1200px) and (max-width: 1439px) {

  .vc-article--product1 .vc-article__container {

    align-items: center;

  }

  .vc-article--product1 .vc-article__box {

    padding-top: 100px;

  }

}