:root {
  --navy: #1e306e;
  --navy-dark: #111e49;
  --yellow: #ffaf07;
  --white: #ffffff;
  --black: #000000;
  --ink: #22262a;
  --ink-hover: #353b41;
  --ink-soft: #1f1b1b;
  --muted: #484f56;
  --muted-2: #6d757e;
  --gray-text: #787878;
  --line-color: #eeeeee;
  --line-soft: #eaedf0;
  --line-2: #e2e2e2;
  --line-3: #dfe3e7;
  --line-input: #adb5bd;
  --sky: #ebf5fb;
  --sky-2: #f3f9fc;
  --paper: #f9fafb;
  --ink-900: #101010;
  --ink-800: #1b252f;
  --ink-700: #3b3d42;
  --green: #35ac19;
  --zalo: #0573ff;
  --gray-item: #3b3b3b;
  --black-a05: rgba(0, 0, 0, 0.05);
  --black-a10: rgba(0, 0, 0, 0.1);
  --black-a12: rgba(0, 0, 0, 0.12);
  --black-a20: rgba(0, 0, 0, 0.2);
  --black-a50: rgba(0, 0, 0, 0.5);
  --black-a80: rgba(0, 0, 0, 0.8);
  --white-a20: rgba(255, 255, 255, 0.2);
  --white-a70: rgba(255, 255, 255, 0.7);
  --font-body: "Roboto", Arial, sans-serif;
  --font-title: "Roboto", Arial, sans-serif;
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --arrow-gray: #7d7d7d;
  --arrow-gray-dark: #323232;
  --ink-600: #3a3a3a;
  --line-dash: #cecece;
  --ink-a95: rgba(34, 38, 42, 0.95);
  --black-a05: rgba(0, 0, 0, 0.05);
  --black-a10: rgba(0, 0, 0, 0.1);
  --black-a12: rgba(0, 0, 0, 0.12);
  --black-a20: rgba(0, 0, 0, 0.2);
  --black-a50: rgba(0, 0, 0, 0.5);
  --black-a80: rgba(0, 0, 0, 0.8);
  --white-a20: rgba(255, 255, 255, 0.2);
  --white-a70: rgba(255, 255, 255, 0.7);
  --font-body: "Roboto", Arial, sans-serif;
  --font-title: "Roboto", Arial, sans-serif;
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --arrow-gray: #7d7d7d;
  --arrow-gray-dark: #323232;
  --ink-600: #3a3a3a;
  --line-dash: #cecece;
  --blue: #1499d6;
  --blue-hover: #15a2e3;
  --blue-dark: #0b4d70;
  --slate-900: #1f2a37;
  --slate-800: #2b3745;
  --slate-500: #5a6673;
  --slate-400: #9aa4b0;
  --slate-line: #e8edf2;
  --slate-line-2: #d5dce3;
  --slate-bg: #f7f9fb;
  --slate-bg-2: #eef3f7;
  --slate-shadow-a06: rgba(20, 60, 90, 0.06);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink);
  background: var(--white);
}

img {
  max-width: 100%;
  border: 0;
  border-radius: 10px;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s var(--ease);
}

a:hover,
a:focus {
  color: var(--navy);
  text-decoration: none;
}

a:focus,
a:active,
a:focus-visible,
button:focus,
button:active,
button:focus-visible,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active:focus,
[tabindex]:focus,
summary:focus {
  outline: 0;
  outline-offset: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.adm-glyphicon span {
    background: url('./img/setting.png');
    background-size: cover;
    width: 12px;
    height: 12px;
    display: block;
    float: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 600;
  line-height: 1.2;
}

p {
  margin: 0 0 16px;
}

button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  outline: none;
}

.svg-use {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.svg-use > svg {
  width: 0;
  height: 0;
}

.vv-ic {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.wrap {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

.wrap-wide {
  max-width: 1440px;
}

.wrap-narrow {
  max-width: 936px;
}

.wrap-img {
  position: relative;
  display: block;
  overflow: hidden;
}

.wrap-img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-100 > img {
  object-fit: contain;
}

.gx-0 {
  margin-left: 0;
  margin-right: 0;
}

.gx-0 > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.gx-2 {
  margin-left: -8px;
  margin-right: -8px;
}

.gx-2 > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.gx-3 {
  margin-left: -12px;
  margin-right: -12px;
}

.gx-3 > [class*="col-"] {
  padding-left: 12px;
  padding-right: 12px;
}

.row-table {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.row-table > [class*="col-"] {
  display: table-cell;
  float: none;
  vertical-align: top;
}

.va-middle > [class*="col-"] {
  vertical-align: middle;
}

.va-bottom > [class*="col-"] {
  vertical-align: bottom;
}

.vv-topbar {
  position: relative;
  height: 48px;
  padding: 5px 15px;
  line-height: 38px;
  background: var(--sky);
  border-bottom: 1px solid var(--white);
  overflow: hidden;
  transition: height 0.12s var(--ease-out), padding 0.12s var(--ease-out), opacity 0.12s var(--ease-out);
}

.vv-topbar__in {
  max-width: 1410px;
  margin: 0 auto;
  text-align: center;
  font-family: "Playfair Display", Arial, sans-serif;;
}

.vv-topbar strong {
  font-size: 16px;
  line-height: 38px;
  font-weight: 600;
  color: #1b00ff;
}

.vv-header {
  position: relative;
  z-index: 990;
  transition: box-shadow 0.12s var(--ease-out);
}

.vv-header.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 5px 16px var(--black-a10);
  transition-duration: 0.3s;
}

.vv-header.is-fixed .vv-topbar {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
  opacity: 0;
  transition-duration: 0.3s;
}

.vv-header__ph {
  display: none;
  height: 160px;
}

.vv-header__ph.is-on {
  display: block;
}

.vv-header__row {
  background: var(--white);
  padding: 20px 15px 30px;
  transition: padding 0.3s var(--ease-out);
}

.vv-header__in {
  position: relative;
  max-width: 1410px;
  height: 79px;
  margin: 0 auto;
  transition: height 0.3s var(--ease-out);
}

.vv-header.is-fixed .vv-header__row {
  padding-top: 10px;
  padding-bottom: 12px;
}

.vv-header.is-fixed .vv-header__in {
  height: 58px;
}

.vv-header.is-fixed .vv-logo {
  width: 73px;
  margin-left: -36.5px;
}

.vv-header.is-fixed .vv-logo img {
  width: 73px;
  height: 58px;
}

.vv-burger {
  display: none;
}

.vv-nav {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -13.5px;
}

.vv-nav li {
  position: relative;
  float: left;
  margin-right: 32px;
  line-height: 27px;
}

.vv-nav li:last-child {
  margin-right: 0;
  padding-left: 16px;
}

.vv-nav li:last-child:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 1px;
  background: var(--line-color);
}

.vv-nav a {
  position: relative;
  font-size: 14px;
  line-height: 23.8px;
  font-weight: 500;
  color: var(--ink);
  transition: color 0.25s var(--ease-out);
  text-transform: uppercase;
}

.vv-nav a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: center right;
  transition: transform 0.4s var(--ease-out), opacity 0.4s var(--ease-out);
}

.vv-nav a:hover,
.vv-nav li.is-active a {
  color: var(--blue);
}

.vv-nav a:hover:after,
.vv-nav li.is-active a:after {
  transform: scaleX(1);
  transform-origin: center left;
}

.vv-logo {
  position: absolute;
  left: 50%;
  top: 0;
  width: 99px;
  margin-left: -49.5px;
  transition: width 0.3s var(--ease-out), margin-left 0.3s var(--ease-out);
}

.vv-logo img {
  display: block;
  width: 99px;
  height: 79px;
  object-fit: contain;
  transition: width 0.3s var(--ease-out), height 0.3s var(--ease-out);
}

.vv-search {
  position: absolute;
  right: 0;
  top: 50%;
  width: 250px;
  height: 40px;
  margin-top: -20px;
}

.vv-search__toggle {
  display: none;
}

.vv-search__form {
  position: relative;
  width: 250px;
  height: 40px;
}

.vv-search__form:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--black-a05);
}

.vv-search__btn {
  position: relative;
  float: left;
  width: 45px;
  height: 40px;
  padding: 12px 14px;
  border: 1px solid transparent;
  color: var(--ink);
  transition: color 0.3s var(--ease);
}

.vv-search__btn:hover {
  color: var(--navy);
}

.vv-search__in {
  position: relative;
  float: left;
  width: 205px;
  height: 40px;
  padding: 10px 13px 10px 0;
  border: 0;
  background: none;
  font-size: 16px;
  color: var(--ink);
}

.vv-search__close {
  display: none;
}

.vv-search__sug {
  position: absolute;
  top: 62px;
  left: 0;
  width: 250px;
  padding: 12px 15px 15px;
  background: var(--navy);
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.3s var(--ease), transform 0.3s var(--ease), visibility 0.3s var(--ease);
}

.vv_search.is-sug .vv-search__sug {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.vv-search__sug-title {
  font-size: 14px;
  line-height: 23.8px;
  color: var(--white);
}

.vv-search__tag {
  height: 32px;
  padding: 6px 12px;
  margin: 5px 5px 5px 0;
  border: 1px solid var(--white-a20);
  font-size: 12px;
  line-height: 18px;
  color: var(--white);
  text-align: center;
  transition: background 0.3s var(--ease);
}

.vv-search__tag:hover {
  background: var(--white-a20);
}

.vv-footer .wrap {
  padding-left: 0;
  padding-right: 0;
}

.vv-footer .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.vv-footer__main {
  padding: 80px 0 55px;
  background: var(--sky);
  border-top: 5px solid var(--white);
}

.vv-footer .row > .vv-footer__col {
  float: left;
  width: 23.3333%;
  padding-left: 35px;
}

.vv-footer .row > .vv-footer__col--info {
  width: calc(30% - 15px);
  padding-left: 15px;
}

.vv-footer .row > .vv-footer__col:last-child {
  width: 24.375%;
  padding-left: 34px;
  padding-right: 16px;
}

.vv-footer__logo img {
  display: block;
  width: 125px;
  height: 125px;
  object-fit: contain;
}

.vv-footer__name {
  margin: 20px 0 20px;
  font-family: var(--font-title);
  font-size: 17px;
  line-height: 17px;
  font-weight: 600;
  color: var(--navy);
}

.vv-footer__list li {
  position: relative;
  padding: 0 0 2.5px 18px;
  margin-top: 2.5px;
  font-family: var(--font-title);
  font-size: 14px;
  line-height: 23.8px;
  color: var(--ink-soft);
}

.vv-footer__list li:first-child {
  margin-top: 0;
}

.vv-footer__list li:last-child {
  padding-bottom: 0;
}

.vv-footer__list li > span {
  display: inline-block;
  padding-left: 5px;
  line-height: 23.8px;
}

.vv-footer__list .vv-ic {
  position: absolute;
  left: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  color: var(--black);
  transition: fill 0.3s var(--ease);
}

.vv-footer__social {
  margin-top: 20px;
  height: 16px;
}

.vv-footer__social a {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 21px;
  border-radius: 10%;
  color: var(--muted-2);
  transition: color 0.3s var(--ease);
}

.vv-footer__social .vv-ic {
  fill: var(--black);
}

.vv-footer__social a:hover {
  color: var(--black);
}

.vv-footer__line {
  padding: 2px 0;
  margin: 20px 0;
}

.vv-footer__line span {
  display: block;
  width: 90%;
  height: 0;
  border-top: 1px solid var(--navy);
}

.vv-footer__cert {
  margin-top: 20px;
}

.vv-footer__cert a {
  float: left;
  width: calc(50% - 5px);
}

.vv-footer__cert a:last-child {
  float: right;
}

.vv-footer__certimg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2.6486;
  object-fit: contain;
}

.vv-footer__title {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  border: 0;
  background: none;
  text-align: left;
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  color: var(--navy);
}

.vv-footer__menu li {
  font-family: var(--font-title);
  font-size: 14px;
  line-height: 23.8px;
}

.vv-footer__menu a {
  font-family: var(--font-title);
  font-size: 14px;
  line-height: 23.8px;
  color: var(--black);
}

.vv-footer__menu a:hover {
  color: var(--navy);
}

.vv-footer__bottom {
  padding: 0 0 50px;
  background: var(--sky);
}

.vv-footer__bottom .wrap {
  padding-left: 15px;
  padding-right: 15px;
}

.vv-footer__chev {
  display: none;
  position: absolute;
  right: -26px;
  top: 1px;
  width: 16px;
  height: 16px;
  color: var(--navy);
  transition: transform 0.3s var(--ease);
}

.vv-footer__title.is-open .vv-footer__chev {
  transform: rotate(180deg);
}

.vv-footer__nav {
  overflow: hidden;
}

.vv-footer__sep {
  padding: 15px 0;
}

.vv-footer__sep span {
  display: block;
  width: 99px;
  height: 0;
  margin: 0 auto;
  border-top: 1px solid var(--navy);
}

.vv-footer__bottom p {
  margin: -7px 0 3px;
  font-size: 14px;
  line-height: 23.8px;
  color: var(--navy);
  text-align: center;
}

.vv-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1020;
  background: var(--black-a50);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s var(--ease), visibility 0.35s var(--ease);
}

body.is-panel .vv-overlay,
body.is-search .vv-overlay
{
  opacity: 1;
  visibility: visible;
}

body.is-search .vv-overlay {
  background: none;
}

.vv-panel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1030;
  width: 90vw;
  max-width: 400px;
  padding: 60px 25px 30px;
  background: var(--white);
  overflow-y: auto;
  visibility: hidden;
  transform: translateX(-100%);
  transition: transform 0.4s var(--ease), visibility 0.4s var(--ease);
}

body.is-panel .vv-panel {
  display: block;
  visibility: visible;
  transform: translateX(0);
}

.vv-panel__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  color: var(--ink);
  transition: color 0.3s var(--ease);
}

.vv-panel__close:hover {
  color: var(--navy);
}

.vv-panel__tabs {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--line-color);
}

.vv-panel__tab {
  margin-right: 20px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--muted-2);
  border-bottom: 2px solid transparent;
  transition: color 0.3s var(--ease), border-color 0.3s var(--ease);
}

.vv-panel__tab.is-active {
  color: var(--black);
  border-bottom-color: var(--navy);
}

.vv-panel__menu {
  display: none;
}

.vv-panel__menu.is-active {
  display: block;
}

.vv-panel__menu a {
  display: block;
  padding: 10px 0;
  font-size: 15px;
  color: var(--ink);
  border-bottom: 1px solid var(--line-color);
}

.vv-panel__menu a:hover {
  color: var(--navy);
}

.vv-panel__info {
  margin-top: 25px;
}

.vv-panel__info-title {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--navy);
}

.vv-panel__info p {
  margin: 0 0 4px;
  font-size: 14px;
  line-height: 22px;
  color: var(--muted);
}

.vv-fab {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  width: 50px;
  height: 50px;
}

.vv-fab__btn {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: var(--navy);
  color: var(--white);
}

.vv-fab__ring {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: var(--navy);
  animation: vv-pulse 2s infinite;
}

.vv-fab__ring + .vv-fab__ring {
  animation-delay: 0.5s;
}

@keyframes vv-pulse {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}

.vv-fab__badge {
  position: absolute;
  left: 38px;
  top: 3px;
  z-index: 2;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--green);
}

.vv-fab__ico-wrap,
.vv-fab__close {
  position: absolute;
  left: 13px;
  top: 13px;
  z-index: 2;
  width: 24px;
  height: 24px;
  transition: transform 0.2s var(--ease-out), opacity 0.2s var(--ease-out);
}

.vv-fab__close {
  transform: scale(0);
  opacity: 0;
}

.vv_fab.is-open .vv-fab__ico-wrap {
  transform: scale(0);
  opacity: 0;
}

.vv_fab.is-open .vv-fab__close {
  transform: scale(1);
  opacity: 1;
}

.vv-fab__ic {
  width: 24px;
  height: 24px;
}

.vv-fab__list {
  position: absolute;
  right: 0;
  bottom: 60px;
  width: 300px;
  padding: 10px 0;
  border-radius: 7px;
  background: var(--white);
  box-shadow: 0 0 30px var(--black-a20);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-26px);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.vv_fab.is-open .vv-fab__list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.vv-fab__listc {
  overflow: hidden;
}

.vv-fab__listc li {
  transform: translateY(500px);
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}

.vv-fab__listc li + li {
  transform: translateY(1000px);
}

.vv_fab.is-open .vv-fab__listc li {
  transform: translateY(0);
}

.vv-fab__item {
  position: relative;
  display: block;
  height: 54px;
  padding: 8px 20px 8px 60px;
  transition: background 0.3s var(--ease);
}

.vv-fab__item:hover {
  background: var(--sky);
}

.vv-fab__ico {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 40px;
  height: 40px;
  padding: 8px;
  margin-top: -20px;
  border-radius: 50%;
  background: var(--navy);
  color: var(--white);
}

.vv-fab__item--zalo .vv-fab__ico {
  background: var(--zalo);
}

.vv-fab__txt {
  position: absolute;
  left: 60px;
  top: 50%;
  margin-top: -8.5px;
  font-family: "Playfair Display", var(--font-body);
  font-size: 15px;
  line-height: 17px;
  color: var(--gray-item);
}

.vv-btn {
  display: inline-block;
  padding: 12px 24px;
  border: 0;
  border-radius: 30px;
  background: var(--yellow);
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  color: var(--white);
  text-align: center;
  transition: opacity 0.3s var(--ease), background 0.3s var(--ease), color 0.3s var(--ease);
}

.vv-btn:hover {
  opacity: 0.85;
  color: var(--white);
}

.vv-btn--navy {
  height: 40px;
  padding: 8px 20px;
  border-radius: 11px;
  background: var(--navy);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.vv-btn--dark {
  height: 40px;
  padding: 10px 20px;
  border-radius: 30px;
  background: var(--ink-700);
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 600;
}

.vv-btn--outline {
  border: 3px solid var(--ink-800);
  border-radius: 0;
  color: var(--ink-800);
  font-size: 17px;
  line-height: 17px;
  font-weight: 600;
}

.vv-btn--outline:hover {
  color: var(--ink-800);
}

.vv-btn-line {
  display: inline-flex;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--muted);
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  transition: color 0.3s var(--ease), border-color 0.3s var(--ease);
}

.vv-btn-line:hover {
  color: var(--navy);
  border-bottom-color: var(--navy);
}

.vv-sec-head {
  text-align: center;
}

.vv-sec-head h2 {
  font-size: 29px;
  line-height: 29px;
  font-weight: 600;
  color: var(--navy);
}

.vv-sec-head__sign {
  display: block;
  width: 169px;
  height: 19px;
  margin: 31px auto 0;
  object-fit: contain;
}

.vv-sec-head__sub {
  margin: 20px 0 0;
  font-family: var(--font-title);
  font-size: 18px;
  line-height: 23.4px;
  font-weight: 500;
  letter-spacing: -0.1px;
  color: var(--navy);
}

.vv-crumb {
  display: block;
  padding: 10px 30px;
  line-height: 20.4px;
  background: var(--white);
}

.vv-crumb a,
.vv-crumb span {
  display: inline-block;
  font-size: 12px;
  line-height: 20.4px;
  font-weight: 600;
  text-transform: uppercase;
}

.vv-crumb a {
  color: var(--black);
}

.vv-crumb a:hover {
  color: var(--navy);
}

.vv-crumb i {
  display: inline-block;
  margin: 0 12px;
  font-style: normal;
  font-size: 12px;
  line-height: 20.4px;
  font-weight: 600;
  color: var(--muted);
}

.vv-crumb span {
  color: var(--muted);
}

.vv-prod {
  position: relative;
  border-radius: 12px;
  padding: 30px 30px 45px;
  line-height: 25.2px;
}

.vv-prod:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  box-shadow: 0 0 0 4px var(--line-color);
  opacity: 0.7;
  pointer-events: none;
  transition: box-shadow 0.2s var(--ease), opacity 0.2s var(--ease);
}

.vv-prod:hover:before {
  box-shadow: 0 0 0 12px var(--line-color);
  opacity: 1;
}

.vv-prod__thumb {
  position: relative;
  display: block;
  height: 310px;
  margin-bottom: 30px;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}

.vv-prod__thumb img {
  position: absolute;
  left: 50%;
  top: 0;
  width: auto;
  height: 100%;
  transform: translateX(-50%);
  transition: opacity 0.4s var(--ease);
}

.vv-prod__thumb img + img {
  left: 0;
  width: 100%;
  transform: none;
  object-fit: contain;
  opacity: 0;
}

.vv-prod:hover .vv-prod__thumb img {
  opacity: 0;
}

.vv-prod:hover .vv-prod__thumb img + img {
  opacity: 1;
}

.vv-prod__badge {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 2;
  padding: 4.5px 6px;
  background: var(--paper);
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
  color: var(--ink-900);
}

.vv-prod__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(25.2px * 2);
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
  color: var(--black);
}

.vv-prod:hover .vv-prod__name {
  color: var(--navy);
}

.vv-news__thumb {
  display: block;
  padding-bottom: 65.31%;
  margin-bottom: 25px;
}

.vv-news__meta {
  font-size: 12px;
  line-height: 20.4px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
}

.vv-news__meta a {
  color: var(--black);
}

.vv-news__meta a:hover {
  color: var(--ink-hover);
}

.vv-news__name {
  display: block;
  margin: 20px 0;
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 600;
  color: var(--black);
}

.vv-news__name:hover {
  color: var(--ink-hover);
}

.vv-news__desc {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 27.2px;
  color: var(--muted);
}

.vv-page {
  margin-top: 40px;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  word-spacing: 0;
  text-align: center;
}

.vv-page a,
.vv-page span {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 40px;
  font-weight: 600;
  color: var(--muted-2);
  text-align: center;
  transition: border-color 0.3s var(--ease), color 0.3s var(--ease);
}

.vv-page a:hover {
  color: var(--navy);
}

.vv-page .is-active {
  border: 1px solid var(--navy);
  border-radius: 6px;
  background: var(--navy);
  line-height: 38px;
  color: var(--white);
}

.vv-page .vv-page__prev,
.vv-page .vv-page__next {
  position: relative;
  width: 80px;
  border: 1px solid var(--line-soft);
  color: var(--line-input);
  transition: color 0.15s var(--ease-out);
}

.vv-page .vv-page__prev {
  margin-left: 0;
  margin-right: 100px;
}

.vv-page .vv-page__next {
  margin-left: 100px;
  margin-right: 0;
}

.vv-page .vv-page__dots--m {
  display: none;
}

.vv-page .is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.vv-page .vv-page__arrow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
  margin: auto;
  fill: currentColor;
  transition: transform 0.3s var(--ease-out);
}

.vv-page .vv-page__prev .vv-page__arrow {
  transform: rotate(180deg);
}

.vv-page .vv-page__prev:hover,
.vv-page .vv-page__next:hover {
  color: var(--line-input);
}

.vv-page .vv-page__next:hover .vv-page__arrow {
  transform: translateX(-5px);
  --dash-tr: scaleX(0.7);
}

.vv-page .vv-page__prev:hover .vv-page__arrow {
  transform: translateX(5px) rotate(180deg);
  --dash-tr: scaleX(0.7);
}

.vv-list-desc {
  padding: 0 10px;
}

.vv-list-desc__in {
  max-width: 1024px;
  margin: 0 auto;
  padding: 10px;
}

.vv-content {
  font-size: 16px;
  line-height: 27.2px;
  color: var(--muted);
}

.vv-content p {
  margin: 0 0 20px;
}

.vv-content h2,
.vv-content h3,
.vv-content h4,
.vv-content h5,
.vv-content h6 {
  margin: 0 0 22px;
  font-family: var(--font-body);
  font-weight: 600;
  color: var(--muted);
}

.vv-content h2 {
  font-size: 32px;
  line-height: 38.4px;
}

.vv-content h3 {
  font-size: 24px;
  line-height: 28.8px;
}

.vv-content h4 {
  font-size: 19px;
  line-height: 27px;
}

.vv-content h5 {
  font-size: 17px;
  line-height: 25px;
}

.vv-content h6 {
  font-size: 16px;
  line-height: 24px;
}

.vv-content a {
  color: var(--black);
  text-decoration: underline;
}

.vv-content strong,
.vv-content b {
  font-weight: 600;
}

.vv-content em,
.vv-content i {
  font-style: italic;
}

.vv-content ul,
.vv-content ol {
  margin: 20px 0;
  padding-left: 30px;
}

.vv-content ul {
  list-style: disc;
}

.vv-content ol {
  list-style: decimal;
}

.vv-content li {
  margin-bottom: 0;
}

.vv-content ul ul,
.vv-content ol ol,
.vv-content ul ol,
.vv-content ol ul {
  margin-bottom: 0;
  margin-top: 6px;
}

.vv-content img {
  display: block;
  height: auto;
  margin: 0;
}

.vv-content blockquote {
  margin: 0 0 16px;
  padding: 12px 20px;
  border-left: 3px solid var(--navy);
  background: var(--sky);
  font-style: italic;
}

.vv-content hr {
  height: 1px;
  margin: 25px 0;
  border: 0;
  background: var(--line-color);
}

.vv-content iframe {
  display: block;
  width: 100%;
  min-height: 420px;
  margin: 10px 0;
  border: 0;
}

.vv-content-table {
  width: 100%;
  overflow-x: auto;
}

.vv-content table {
  width: 100%;
  margin: 0 0 25px;
  border-collapse: collapse;
}

.vv-content tr {
  border: 1px solid var(--line-soft);
}

.vv-content th,
.vv-content td {
  padding: 8px 12px;
  border-right: 1px solid var(--line-soft);
  text-align: left;
}

.vv-content th {
  background: var(--sky);
  font-weight: 600;
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1090;
  display: none;
  background: var(--black-a80);
  text-align: center;
}

.lightbox.is-open {
  display: block;
}

.lightbox img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 90%;
  max-height: 90%;
  transform: translate(-50%, -50%);
}

.lightbox-close,
.lightbox-prev,
.lightbox-next {
  position: absolute;
  z-index: 2;
  color: var(--white);
  cursor: pointer;
  transition: opacity 0.3s var(--ease);
}

.lightbox-close:hover,
.lightbox-prev:hover,
.lightbox-next:hover {
  opacity: 0.6;
}

.lightbox-close {
  top: 20px;
  right: 30px;
  font-size: 40px;
  line-height: 40px;
}

.lightbox-prev,
.lightbox-next {
  top: 50%;
  margin-top: -30px;
  font-size: 60px;
  line-height: 60px;
}

.lightbox-prev {
  left: 20px;
}

.lightbox-next {
  right: 20px;
}

body.is-lock {
  overflow: hidden;
}

@media (max-width: 1440px) {
  .wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 1024px) {
  .vv-page .vv-page__prev {
    margin-right: 15px;
  }

  .vv-page .vv-page__next {
    margin-left: 15px;
  }

  .vv-page--min .vv-page__prev {
    margin-right: 5px;
  }

  .vv-page--min .vv-page__next {
    margin-left: 5px;
  }

  .vv-prod {
    padding: 10px 10px 19px;
    border-radius: 6px;
  }

  .vv-prod__thumb {
    margin-bottom: 18px;
    border-radius: 6px 6px 0 0;
  }

  .vv-prod__badge {
    left: 5px;
    bottom: 5px;
  }

  .vv-header,
  .vv-header.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .vv-header__ph,
  .vv-header__ph.is-on {
    display: none;
  }

  .vv-nav {
    display: none;
  }

  .vv-burger {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 22px;
    height: 16px;
    margin-top: -8px;
  }

  .vv-burger__bar {
    display: block;
    height: 2px;
    margin-top: 4px;
    border-radius: 2px;
    background: var(--ink);
    transition: background 0.3s var(--ease);
  }

  .vv-burger__bar:first-child {
    margin-top: 1px;
  }

  .vv-burger:hover .vv-burger__bar {
    background: var(--navy);
  }

  .vv-search {
    width: 22px;
    height: 22px;
    margin-top: -11px;
  }

  .vv-search__toggle {
    display: block;
    width: 22px;
    height: 22px;
    color: var(--ink);
    transition: color 0.3s var(--ease), opacity 0.3s var(--ease), visibility 0.3s var(--ease);
  }

  .vv-search__toggle:hover {
    color: var(--navy);
  }

  .vv_search.is-open .vv-search__toggle {
    opacity: 0;
    visibility: hidden;
  }

  .vv-search__form {
    position: fixed;
    left: 15px;
    top: 115px;
    right: 45px;
    width: auto;
    z-index: 1070;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s var(--ease), transform 0.3s var(--ease), visibility 0.3s var(--ease);
  }

  .vv-search__form:before {
    background: var(--white);
  }

  .vv_search.is-open .vv-search__form {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .vv-search__in {
    width: calc(100% - 45px);
  }

  .vv-search__close {
    display: block;
    position: absolute;
    right: -30px;
    top: 12px;
    width: 16px;
    height: 16px;
    color: var(--white);
    transition: color 0.3s var(--ease);
  }

  .vv-search__close:hover {
    color: var(--white-a70);
  }

  .vv-search__sug {
    position: fixed;
    left: 15px;
    top: 176px;
    right: 45px;
    width: auto;
    padding: 0;
    background: none;
    z-index: 1030;
  }

  .vv-prod {
    line-height: 21px;
  }

  .vv-prod__name {
    min-height: calc(21px * 2);
    font-size: 15px;
    line-height: 21px;
  }

  .vv-footer .wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .vv-footer .row > .vv-footer__col,
  .vv-footer .row > .vv-footer__col--info,
  .vv-footer .row > .vv-footer__col:last-child {
    float: left;
    width: 50%;
    padding: 0 0 0 20px;
    margin-bottom: 40px;
  }

  .vv-footer .row > .vv-footer__col--info {
    padding-left: 0;
    padding-right: 15px;
  }

  .vv-footer .row > .vv-footer__col:nth-child(3) {
    clear: left;
    padding-left: 5px;
    padding-right: 15px;
  }

  .vv-footer .row > .vv-footer__col:nth-child(3),
  .vv-footer .row > .vv-footer__col:nth-child(4) {
    margin-bottom: 0;
  }

  .vv-footer__bottom {
    padding: 0 0 80px;
  }

  .vv-footer__sep span {
    width: 24%;
  }
}

@media (max-width: 767px) {
  .vv-topbar {
    display: none;
  }

  .vv-header {
    position: static;
    box-shadow: none;
  }

  .vv-header.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 5px 16px var(--black-a10);
  }

  .vv-header__ph.is-on {
    display: block;
  }

  .vv-header__row {
    padding: 15px;
  }

  .vv-header__in {
    height: 76px;
  }

  .vv-logo {
    width: 95px;
    margin-left: -47.5px;
  }

  .vv-logo img {
    width: 95px;
    height: 76px;
  }

  .vv-header.is-fixed .vv-header__row {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .vv-header.is-fixed .vv-header__in {
    height: 56px;
  }

  .vv-header.is-fixed .vv-logo {
    width: 70px;
    margin-left: -35px;
  }

  .vv-header.is-fixed .vv-logo img {
    width: 70px;
    height: 56px;
  }

  .vv-search {
    width: 21px;
    height: 21px;
    margin-top: -10.5px;
  }

  .vv-search__toggle {
    width: 21px;
    height: 21px;
  }

  .vv-search__form {
    top: 33px;
  }

  .vv-search__sug {
    top: 94px;
  }

  .wrap {
    padding-left: 5px;
    padding-right: 5px;
  }

  .wrap-wide,
  .vv-footer .wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .vv-footer__main {
    padding: 30px 0 0;
  }

  .vv-footer__logo img {
    margin: 0 auto;
  }

  .vv-footer__name {
    font-size: 16px;
    line-height: 16px;
  }

  .vv-footer__list li {
    padding-bottom: 5px;
    margin-top: 5px;
  }

  .vv-footer__line {
    margin: 40px 0 20px;
  }

  .vv-footer .row > .vv-footer__col,
  .vv-footer .row > .vv-footer__col--info,
  .vv-footer .row > .vv-footer__col:last-child {
    float: none;
    width: 100%;
    padding: 0 0 0 5px;
    margin-bottom: 20px;
  }

  .vv-footer .row > .vv-footer__col--info {
    padding-left: 0;
    margin-bottom: 30px;
  }

  .vv-footer .row > .vv-footer__col:nth-child(3) {
    clear: none;
    padding-left: 5px;
    padding-right: 0;
    margin-bottom: 20px;
  }

  .vv-footer .row > .vv-footer__col:last-child {
    padding-left: 0;
    margin-bottom: 0;
  }

  .vv-footer__title {
    width: calc(100% - 31px);
    margin-bottom: 44px;
  }

  .vv-footer__chev {
    display: block;
  }

  .vv-footer__nav {
    max-height: 0;
    transition: max-height 0.4s var(--ease);
  }

  .vv-footer__nav.is-open {
    max-height: 800px;
  }

  .vv-footer__bottom {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
  }

  .vv-footer__bottom p {
    margin-bottom: 33px;
  }

  .vv-footer__sep span {
    width: 168px;
  }

  .vv-prod {
    padding: 10px 10px 19px;
    border-radius: 6px;
    font-size: 12.2px;
    line-height: 17.1px;
  }

  .vv-prod:before {
    border-radius: 6px;
    box-shadow: 0 0 0 2px var(--line-color);
  }

  .vv-prod:hover:before {
    box-shadow: 0 0 0 2px var(--line-color);
  }

  .vv-prod__thumb {
    height: 120px;
    margin-bottom: 18px;
    border-radius: 6px 6px 0 0;
  }

  .vv-prod__name {
    min-height: calc(17.1px * 2);
    font-size: 12.2px;
    line-height: 17.1px;
  }

  .vv-prod__badge {
    left: 5px;
    bottom: 5px;
    padding: 4.2px 5.6px;
    font-size: 9.4px;
    line-height: 9.4px;
  }

  .vv-news__thumb {
    padding-bottom: 88.89%;
  }

  .vv-news__meta {
    font-size: 11.3px;
    line-height: 19.1px;
  }

  .vv-news__name {
    font-size: 18.8px;
    line-height: 22.5px;
  }

  .vv-news__desc {
    font-size: 15px;
    line-height: 25.5px;
  }

  .vv-sec-head h2 {
    font-size: 25px;
    line-height: 27.5px;
  }

  .vv-sec-head__sign {
    width: 180px;
    height: 20px;
    margin-top: 29px;
  }

  .vv-sec-head__sub {
    font-size: 13px;
    line-height: 16.9px;
  }

  .vv-page a,
  .vv-page span {
    width: 36px;
    height: 38px;
    font-size: 13.1px;
    line-height: 37.5px;
  }

  .vv-page .is-active {
    line-height: 35.5px;
  }

  .vv-page .vv-page__prev,
  .vv-page .vv-page__next {
    width: 74px;
  }

  .vv-page .vv-page__prev {
    margin-right: 14px;
  }

  .vv-page .vv-page__next {
    margin-left: 14px;
  }

  .vv-page--btn .vv-page__prev,
  .vv-page--btn .vv-page__next {
    width: 48px;
  }

  .vv-page--btn .vv-page__prev {
    margin-right: 8px;
  }

  .vv-page--btn .vv-page__next {
    margin-left: 8px;
  }

  .vv-page--btn .vv-page__arrow {
    width: 32px;
    height: 32px;
  }

  .vv-page--min a,
  .vv-page--min span {
    width: 30px;
    margin: 0 2px;
  }

  .vv-page--min .vv-page__far {
    display: none;
  }

  .vv-page--min .vv-page__dots--m {
    display: inline-block;
  }

  .vv-content {
    font-size: 15px;
    line-height: 25.5px;
  }

  .vv-content p {
    margin: 0 0 18.8px;
  }

  .vv-content h2 {
    font-size: 22.5px;
    line-height: 27px;
  }

  .vv-content h3 {
    font-size: 18.8px;
    line-height: 22.5px;
  }

  .vv-content ul,
  .vv-content ol {
    margin: 18.8px 0;
    padding-left: 28.1px;
  }

  .vv-content table {
    margin: 0 0 23.4px;
  }

  .vv-content th,
  .vv-content td {
    padding: 7.5px 11.3px;
  }

  .vv-content iframe {
    min-height: 220px;
  }
}

.owl_slider:not(.owl-loaded) {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

.owl_slider:not(.owl-loaded) > * {
  flex: 0 0 100%;
  min-width: 0;
}

.vv_heroslider:not(.owl-loaded) > * {
  flex-basis: calc(50% - 80px);
  margin-right: 80px;
}

.vv_newslider:not(.owl-loaded) > * {
  flex-basis: calc(25% - 30px);
  margin-right: 30px;
}

.vv-fb__slider:not(.owl-loaded) > * {
  flex-basis: calc(50% - 15px);
  margin-right: 15px;
}

.vv_pd_thumbs:not(.owl-loaded) > * {
  flex: 0 0 auto;
  margin-right: 20px;
}

@media (max-width: 1024px) {
  .vv_heroslider:not(.owl-loaded) > * {
    flex-basis: calc(50% - 30px);
    margin-right: 30px;
  }

  .vv_newslider:not(.owl-loaded) > * {
    flex-basis: calc(33.3333% - 10px);
    margin-right: 10px;
  }
}

@media (max-width: 1023px) {
  .vv-fb__slider:not(.owl-loaded) > * {
    flex-basis: 100%;
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .vv_heroslider:not(.owl-loaded) > * {
    flex-basis: 100%;
    margin-right: 0;
  }

  .vv_newslider:not(.owl-loaded) > * {
    flex-basis: calc(50% - 10px);
    margin-right: 10px;
  }
}

[class^="vv-index-"] > .wrap {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

[class^="vv-index-"] > .wrap > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

[class^="vv-index-"] .row {
  margin-left: 0;
  margin-right: 0;
}

[class^="vv-index-"] .row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.vv-index-hero {
  padding: 0 70px 40px;
}

.vv-index-hero__slider {
  position: relative;
}

.vv-index-hero__stage {
  position: relative;
}

.vv-index-hero__item {
  position: relative;
  height: calc(100vh - 170px);
  overflow: hidden;
}

.vv-index-hero__curtain {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: var(--paper);
  z-index: 2;
}

.vv-index-hero__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.vv-index-hero__nav {
  position: absolute;
  top: calc(50% - 10px);
  right: -43px;
  z-index: 3;
}

.vv-index-hero__dot {
  display: block;
  width: 15px;
  height: 30px;
  padding: 12.8px 0;
  border: 1px solid transparent;
  background: none;
  cursor: pointer;
}

.vv-index-hero__dot i {
  display: block;
  width: 13px;
  height: 2px;
  background: var(--black);
  opacity: 0.35;
  transition: opacity 0.3s var(--ease);
}

.vv-index-hero__dot.is-active i,
.vv-index-hero__dot:hover i {
  opacity: 1;
}

.vv-index-hero__dot--sm i {
  width: 8px;
}

.vv-index-promo {
  padding: 20px 70px 60px;
}

.vv-index-promo .vv-index-promo__row,
.vv-index-cats .vv-index-cats__row {
  margin-left: -50px;
  margin-right: 0;
}

.vv-index-promo .vv-index-promo__row > [class*="col-"],
.vv-index-cats .vv-index-cats__row > [class*="col-"] {
  padding-left: 50px;
  padding-right: 0;
}

.vv-index-promo__col {
  float: left;
  min-height: 1px;
}

.vv-index-promo__col--box {
  width: 25%;
}

.vv-index-promo__col--big {
  width: 50%;
}

.vv-index-promo__col--small {
  width: 25%;
}

.vv-index-promo__box {
  position: relative;
  min-height: 400px;
  padding: 26px 26px 86px;
  border: 2px solid var(--navy-dark);
  border-radius: 18px;
  background: var(--white);
  box-shadow: 0 10px 30px var(--slate-shadow-a06);
  color: var(--slate-900);
}

.vv-index-promo__label {
  margin: 0 0 14px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  /* letter-spacing: 0.2em; */
  text-transform: uppercase;
  color: var(--navy);
}

.vv-index-promo__label span {
  font-size: 20px;
}

.vv-index-promo__label:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--navy);
  vertical-align: 1px;
}

.vv-index-promo__title {
  margin: 0 0 14px;
  font-size: 0;
  line-height: 0;
}

.vv-index-promo__num {
  display: inline-block;
  font-family: var(--font-title);
  font-size: 72px;
  line-height: 0.82;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--navy);
}

.vv-index-promo__off {
  display: inline-block;
  margin-left: 9px;
  font-family: var(--font-title);
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  color: var(--slate-900);
}

.vv-index-promo__sub {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: var(--slate-800);
}

.vv-index-promo__note {
  margin: 0 0 14px;
  font-size: 13px;
  line-height: 20px;
  color: var(--slate-500);
}

.vv-index-promo__form {
  display: table;
  width: 100%;
}

.vv-index-promo__field,
.vv-index-promo__act {
  display: table-cell;
  vertical-align: top;
}

.vv-index-promo__field {
  width: 100%;
}

.vv-index-promo__act {
  padding-left: 8px;
}

.vv-index-promo__in {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid var(--slate-line-2);
  border-radius: 10px;
  background: var(--slate-bg);
  font-size: 14px;
  color: var(--slate-900);
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.vv-index-promo__in::placeholder {
  color: var(--slate-400);
}

.vv-index-promo__in:focus {
  border-color: var(--navy);
  box-shadow: inset 0 0 0 1px var(--navy);
}

.vv-index-promo__in.is-error {
  border-color: var(--navy);
  box-shadow: inset 0 0 0 1px var(--navy);
}

.vv-index-promo__btn {
  display: block;
  height: 46px;
  padding: 0 22px;
  border: 0;
  border-radius: 10px;
  background: var(--navy);
  font-size: 14px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--white);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s;
}

.vv-index-promo__btn:hover {
  background: var(--blue-hover);
}

.vv-index-promo__btn:focus-visible {
  outline: 2px solid var(--blue-dark);
  outline-offset: 2px;
}

.vv-index-promo__social {
  position: absolute;
  left: 26px;
  bottom: 26px;
  font-size: 0;
}

.vv-index-promo__soc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  border-radius: 50%;
  background: var(--slate-bg-2);
  color: var(--slate-500);
  vertical-align: top;
  transition: background-color 0.15s, color 0.15s;
}

.vv-index-promo__soc:hover {
  background: var(--navy);
  color: var(--white);
}

.vv-index-promo__soc svg {
  display: block;
  width: 15px;
  height: 15px;
}

.vv-index-promo__pic {
  position: relative;
  display: block;
}

.vv-index-promo__pic img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.vv-index-promo__tag,
.vv-index-cats__tag {
  position: absolute;
  left: 40px;
  bottom: 40px;
  padding: 10px 17px;
  background: var(--white);
}

.vv-index-promo__tag-link,
.vv-index-cats__tag-link {
  position: relative;
  display: inline-block;
  padding-bottom: 8.1px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--muted);
}

.vv-index-promo__tag-link > span,
.vv-index-cats__tag-link > span {
  display: block;
  line-height: 18px;
}

.vv-index-promo__tag-link:after,
.vv-index-cats__tag-link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--muted);
  transform-origin: right center;
  transform: scaleX(1);
  transition: transform 0.4s var(--ease);
}

.vv-index-promo__tag-link:hover:after,
.vv-index-cats__tag-link:hover:after {
  transform: scaleX(0);
}
.vv-index-cats {
  padding: 60px 70px 70px;
  background: linear-gradient(var(--sky) 50%, var(--white) 50%);
}

.vv-index-cats__col {
  float: left;
  width: 25%;
  min-height: 1px;
}

.vv-index-cats__pic {
  position: relative;
  display: block;
}

.vv-index-cats__pic img {
  display: block;
  width: 100%;
  height: 430px;
  object-fit: cover;
}

.vv-index-cats__col--tall .vv-index-cats__pic {
  margin-top: -60px;
}

.vv-index-cats__col--tall .vv-index-cats__pic img {
  height: 490px;
}

.vv-index-new {
  padding: 0 70px 20px;
  background: var(--white);
}

.vv-index-new .vv-sec-head {
  margin-bottom: 44px;
}

.vv-index-new .vv-sec-head__sign,
.vv-index-flow .vv-sec-head__sign {
  width: 13%;
  height: auto;
  margin: 2px auto 0;
}

.vv-index-new__head {
  position: relative;
}

.vv-index-new__nav {
  position: absolute;
  top: 16px;
  right: 0;
  left: 0;
  height: 38px;
}

.vv-index-new__arrow {
  position: absolute;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--arrow-gray);
  cursor: pointer;
  transition: color 0.2s var(--ease);
}

.vv-index-new__arrow--prev {
  left: 0;
  transform: rotate(180deg);
}

.vv-index-new__arrow--next {
  right: 0;
}

.vv-index-new__arrow svg {
  display: block;
  width: 38px;
  height: 38px;
  fill: currentColor;
  transition: transform 0.3s var(--ease);
}

.vv-index-new__arrow:hover {
  --vv-dash: scaleX(0.7);
  color: var(--arrow-gray-dark);
}

.vv-index-new__arrow:hover svg {
  transform: translateX(-5px);
}

.vv-index-new__track {
  padding: 12px;
  margin-bottom: 50px;
}

.vv-index-new__list {
  width: 100%;
}

.vv-index-new__item {
  font-size: 18px;
}

.vv-index-new__item .vv-prod__thumb img {
  width: auto;
}

.vv-index-new__item .vv-prod__thumb img + img {
  width: 100%;
}

.vv-index-new__item .vv-prod {
  min-height: 465px;
}

.vv-index-cata {
  padding: 20px 0;
  background: var(--sky);
}

.vv-index-cata .row {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.vv-index-cata .row > .vv-index-cata__col {
  display: table-cell;
  float: none;
  width: 50%;
  padding: 10px;
  vertical-align: middle;
}

.vv-index-cata__title {
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  color: var(--navy);
  text-align: right;
}

.vv-index-cata__btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  font-size: 0;
  line-height: 15px;
  border-radius: 30px;
  background: var(--yellow);
  color: var(--white);
  white-space: nowrap;
  transition: background 0.3s var(--ease);
}

.vv-index-cata__btn:hover {
  background: var(--navy);
  color: var(--white);
}

.vv-index-cata__btn-txt {
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}

.vv-index-cata__btn svg {
  display: inline-block;
  width: 20px;
  height: 15px;
  padding-left: 5px;
  vertical-align: middle;
}

.vv-index-flow {
  padding: 70px 70px 20px;
  background: var(--white);
}

.vv-index-flow .vv-sec-head {
  margin-bottom: 41px;
}

.vv-index-flow__board {
  position: relative;
  max-width: 1024px;
  margin: 0 auto 50px;
  aspect-ratio: 1024 / 337;
  container-type: inline-size;
}

.vv-index-flow__wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vv-index-flow__wave path {
  fill: none;
  stroke: var(--line-dash);
  stroke-width: 2;
  stroke-dasharray: 7 5;
}

.vv-index-flow__step {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 19.531cqw;
}

.vv-index-flow__step--1 {
  left: 2.807cqw;
  top: 3.296cqw;
}

.vv-index-flow__step--2 {
  left: 21.338cqw;
  top: 5.151cqw;
  flex-direction: column-reverse;
}

.vv-index-flow__step--3 {
  left: 39.795cqw;
  top: 3.296cqw;
}

.vv-index-flow__step--4 {
  left: 58.349cqw;
  top: 5.151cqw;
  flex-direction: column-reverse;
}

.vv-index-flow__step--5 {
  left: 76.904cqw;
  top: 3.296cqw;
}

.vv-index-flow__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.541cqw;
  height: 4.541cqw;
  border-radius: 50%;
  background: var(--navy);
  color: var(--white);
  font-family: var(--font-title);
  font-size: 2.637cqw;
  font-weight: 700;
  line-height: 1;
}

.vv-index-flow__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.523cqw;
  height: 11.523cqw;
  margin: 3.271cqw 0 1.499cqw;
  border-radius: 50%;
  background: radial-gradient(circle, var(--white) 0%, #ebebeb 100%);
}

.vv-index-flow__step--2 .vv-index-flow__ico,
.vv-index-flow__step--4 .vv-index-flow__ico {
  margin: 1.563cqw 0 2.856cqw;
}

.vv-index-flow__ico img {
  display: block;
  height: auto;
}

.vv-index-flow__step--1 .vv-index-flow__ico img {
  width: 6.299cqw;
}

.vv-index-flow__step--2 .vv-index-flow__ico img {
  width: 6.152cqw;
}

.vv-index-flow__step--3 .vv-index-flow__ico img {
  width: 4.785cqw;
}

.vv-index-flow__step--4 .vv-index-flow__ico img {
  width: 7.715cqw;
}

.vv-index-flow__step--5 .vv-index-flow__ico img {
  width: 4.492cqw;
}

.vv-index-flow__name {
  display: block;
  color: var(--ink-600);
  font-size: 1.465cqw;
  line-height: 2.197cqw;
  font-weight: 600;
  text-align: center;
}
.vv-fb > .wrap {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.vv-fb > .wrap > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.vv-fb .row {
  margin-left: 0;
  margin-right: 0;
}

.vv-fb .row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.vv-fb {
  padding: 72px;
  background: var(--sky);
}

.vv-fb__title {
  margin: 0;
  font-size: 2.3vw;
  line-height: 1.1;
  font-weight: 600;
  color: var(--navy);
  letter-spacing: -0.3px;
  text-align: center;
}

.vv-fb__sign {
  display: block;
  width: 15%;
  height: auto;
  margin: 2px auto 0;
}

.vv-fb__sub {
  margin: 10px 0 0;
  font-family: var(--font-title);
  font-size: 18px;
  line-height: 23.4px;
  font-weight: 500;
  color: var(--navy);
  letter-spacing: -0.1px;
  text-align: center;
}

.vv-fb__slider {
  position: relative;
  margin-top: 76px;
  padding-bottom: 40px;
  overflow: hidden;
}

.vv-fb__item {
  padding: 0 10.1%;
}

.vv-fb__pic {
  float: left;
  width: 216px;
  padding-right: 50px;
}

.vv-fb__pic img {
  display: block;
  width: 166px;
  height: 166px;
  border-radius: 999px;
  object-fit: cover;
}

.vv-fb__body {
  overflow: hidden;
}

.vv-fb__text {
  font-family: var(--font-title);
  font-size: 17px;
  line-height: 25.5px;
  color: var(--navy);
  letter-spacing: 1px;
}

.vv-fb__name {
  display: block;
  margin-top: 24px;
  font-family: "PT Serif", Georgia, serif;
  font-size: 20px;
  line-height: 40px;
  font-weight: 700;
  color: var(--navy);
}

.vv-fb__role {
  display: block;
  font-family: var(--font-title);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--navy);
  letter-spacing: 1px;
  text-transform: uppercase;
}

.vv-fb__slider .owl-dots {
  position: absolute;
  left: 0;
  bottom: 13px;
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.vv-fb__slider .owl-dot {
  display: inline-block;
  margin: 0 6px;
  vertical-align: top;
}

.vv-fb__slider .owl-dot span {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--black);
  opacity: 0.2;
  transition: opacity 0.3s var(--ease);
}

.vv-fb__slider .owl-dot.active span,
.vv-fb__slider .owl-dot:hover span {
  opacity: 1;
}

.vv-index-ck {
  padding: 70px 70px 20px;
  background: var(--white);
}

.vv-index-ck__pic {
  display: block;
  width: 100%;
  max-width: 1024px;
  height: auto;
  margin: 0 auto 50px;
}

.vv-index-deal {
  --ink-111: #111111;
  --line-ede: #ededed;
  padding: 0 70px 70px;
  background: linear-gradient(var(--white) 50%, var(--sky) 50%);
}

.vv-index-deal__row {
  position: relative;
}

.vv-index-deal__item {
  position: relative;
  margin-right: 7px;
}

.vv-index-deal__row > .col-xs-3:nth-child(4) .vv-index-deal__item {
  margin-right: 0;
}

.vv-index-deal__pic {
  display: block;
}

img.vv-index-deal__pic,
.vv-index-deal__pic img {
  display: block;
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.vv-index-deal__hot {
  position: absolute;
  z-index: 5;
}

.vv-index-deal__hot--1 {
  left: 56%;
  top: 65%;
}

.vv-index-deal__hot--2 {
  left: 36%;
  bottom: 21%;
}

.vv-index-deal__hot--3 {
  left: 23%;
  top: 24%;
}

.vv-index-deal__pin {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--black);
  text-align: center;
}

.vv-index-deal__pin:before,
.vv-index-deal__pin:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.vv-index-deal__pin:before {
  background: var(--white);
  transition: transform 0.3s var(--ease);
}

.vv-index-deal__pin:after {
  box-shadow: 0 5px 10px var(--white);
  opacity: 0.4;
  transition: opacity 0.3s var(--ease);
}

.vv-index-deal__hot:hover .vv-index-deal__pin:before {
  transform: scale(1.2);
}

.vv-index-deal__hot:hover .vv-index-deal__pin:after {
  opacity: 0.6;
}

.vv-index-deal__hot--1 .vv-index-deal__pin {
  width: 50px;
  height: 50px;
}

.vv-index-deal__pin svg {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}

.vv-index-deal__hot--1 .vv-index-deal__pin svg {
  width: 12.5px;
  height: 12.5px;
  margin: -6.25px 0 0 -6.25px;
}

.vv-index-deal__ring {
  position: absolute;
  left: -16px;
  top: -16px;
  width: 72px;
  height: 72px;
  border: 2px solid var(--white);
  border-radius: 50%;
  opacity: 0.3;
  transition: transform 0.3s var(--ease), opacity 0.3s var(--ease);
}

.vv-index-deal__hot--1 .vv-index-deal__ring {
  left: -20px;
  top: -20px;
  width: 90px;
  height: 90px;
}

.vv-index-deal__hot:hover .vv-index-deal__ring {
  opacity: 0.6;
  transform: scale(0.5);
}

.vv-index-deal__panel {
  position: absolute;
  left: 100%;
  top: 20px;
  width: 270px;
  padding-left: 20px;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  transition: opacity 0.3s var(--ease), visibility 0.3s var(--ease);
}

.vv-index-deal__hot--1 .vv-index-deal__panel {
  top: 25px;
}

.vv-index-deal__panel--left {
  left: auto;
  right: 100%;
  padding-left: 0;
  padding-right: 20px;
}

.vv-index-deal__hot:hover .vv-index-deal__panel,
.vv_hot.is-open .vv-index-deal__panel {
  visibility: visible;
  opacity: 1;
}

.vv-index-deal__panel-in {
  padding: 25px;
  border-radius: 3px;
  background: var(--white);
  box-shadow: 0 5px 15px 0 var(--black-a10);
  text-align: center;
}

.vv-index-deal__panel-img {
  display: block;
}

.vv-index-deal__panel-img img {
  display: block;
  width: 160px;
  height: 240px;
  margin: 0 auto;
  object-fit: cover;
}

.vv-index-deal__panel-title {
  margin: 14px 0 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--black);
}

.vv-index-deal__panel-btn {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--black);
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--black);
  transition: color 0.3s var(--ease), border-color 0.3s var(--ease);
}

.vv-index-deal__panel-btn:hover {
  color: var(--navy);
  border-color: var(--navy);
}

.vv-index-deal__badge {
  position: absolute;
  left: 40px;
  bottom: 60px;
  display: block;
  width: 267px;
  z-index: 4;
}

.vv-index-deal__badge-top {
  display: block;
  padding: 20px;
}

.vv-index-deal__badge-top span {
  font-size: 60px;
  line-height: 60px;
  font-weight: 800;
  color: var(--white);
}

.vv-index-deal__badge-main {
  display: block;
  padding: 20px;
  background: var(--white);
}

.vv-index-deal__badge-title {
  display: block;
  margin-bottom: 5px;
  font-size: 35px;
  line-height: 38.5px;
  font-weight: 900;
  color: var(--navy);
}

.vv-index-deal__badge-sub {
  display: block;
  font-size: 16px;
  line-height: 27.2px;
  color: var(--ink-111);
}

@media (max-width: 1439px) {
  .vv-fb {
    padding: 5%;
  }

  .vv-index-hero {
    padding-bottom: 0;
  }

  .vv-index-hero__item {
    height: 780px;
  }

  .vv-index-hero__nav {
    top: calc(50% - 30px);
  }
}@media (max-width: 1024px) {
  .vv-index-hero {
    padding: 0 15px 50px;
  }

  .vv-index-hero__item {
    height: 380px;
  }

  .vv-index-hero__nav {
    position: absolute;
    left: 0;
    right: auto;
    top: 100%;
    width: 100%;
    margin-top: 19px;
    text-align: center;
    font-size: 0;
  }

  .vv-index-hero__dot {
    display: inline-block;
    width: 34px;
    height: 3px;
    padding: 0 6.4px;
  }

  .vv-index-hero__dot--sm {
    width: 27px;
  }

  .vv-index-hero__dot i {
    width: 19px;
    height: 1px;
  }

  .vv-index-hero__dot--sm i {
    width: 12px;
  }

  .vv-index-promo {
    padding: 0 15px;
  }

  .vv-index-promo__col--box {
    width: 100%;
  }

  .vv-index-promo__col--big,
  .vv-index-promo__col--small {
    width: 50%;
  }

  .vv-index-promo__box {
    margin-bottom: 40px;
  }

  .vv-index-promo__form {
    margin-top: 32px;
  }

  .vv-index-promo__field,
  .vv-index-promo__act {
    margin-bottom: 33px;
  }

  .vv-index-promo__btn {
    width: 100%;
  }

  .vv-index-promo__social {
    margin-top: 58px;
  }

  .vv-index-cats {
    padding: 0 15px;
    background: none;
  }

  .vv-index-cats__col {
    width: 50%;
  }

  .vv-index-cats__pic img,
  .vv-index-cats__col--tall .vv-index-cats__pic img {
    height: 300px;
  }

  .vv-index-cats__col--tall .vv-index-cats__pic {
    margin-top: 0;
  }

  .vv-index-new {
    padding: 0 15px;
  }

  .vv-index-new .vv-sec-head__sign,
  .vv-index-flow .vv-sec-head__sign {
    width: 25%;
    margin-top: -3px;
  }

  .vv-index-new .vv-sec-head {
    margin-bottom: 43px;
  }

  .vv-index-new__track {
    padding: 2px;
    margin-bottom: 50px;
  }

  .vv-index-flow {
    padding: 0 15px;
  }

  .vv-index-flow .vv-sec-head {
    margin-bottom: 40px;
  }

  .vv-index-flow__board {
    margin-bottom: 50px;
  }
  .vv-fb {
    padding: 10% 5%;
  }

  .vv-fb__title {
    font-size: 40px;
  }

  .vv-fb__sign {
    width: 24%;
    margin-top: -3px;
  }

  .vv-fb__sub {
    margin: 9px 15% 0;
    font-size: 22px;
    line-height: 28.6px;
  }

  .vv-fb__slider {
    margin-top: 57px;
  }

  .vv-fb__text {
    font-size: 16px;
    line-height: 24px;
  }

  .vv-index-ck {
    padding: 0 15px;
  }

  .vv-index-ck__pic {
    margin-bottom: 50px;
  }

  .vv-index-deal {
    padding: 20px 0 40px;
    background: none;
  }

  img.vv-index-deal__pic,
  .vv-index-deal__pic img {
    height: 405px;
  }

  .vv-index-deal__badge {
    left: 40px;
    bottom: 60px;
    width: 196px;
  }

  .vv-index-deal__badge-top span {
    font-size: 30px;
    line-height: 30px;
  }

  .vv-index-deal__badge-title {
    font-size: 20px;
    line-height: 22px;
  }

  .vv-index-deal__badge-sub {
    font-size: 11px;
    line-height: 18.7px;
  }
}@media (max-width: 1023px) {
  .vv-fb__item {
    padding: 0 5%;
  }
}@media (max-width: 767px) {
  .vv-index-hero {
    padding: 0 5px 40px;
  }

  .vv-index-promo {
    padding: 0;
  }

  .vv-index-promo__col--big,
  .vv-index-promo__col--small {
    width: 100%;
  }

  .vv-index-promo__box {
    margin: 0 15px 20px;
    padding: 70px 30px 100px;
  }

  .vv-index-promo__title {
    font-size: 24px;
    line-height: 31.2px;
  }

  .vv-index-promo__in {
    /* height: 40px; */
  }

  .vv-index-promo__btn {
    width: 100%;
    padding: 10px;
    line-height: normal;
  }

  .vv-index-promo__pic {
    margin: 0 15px 30px;
  }

  .vv-index-promo__tag,
  .vv-index-cats__tag {
    padding: 11px 17px;
  }

  .vv-index-cats {
    padding: 0;
  }

  .vv-index-cats__col {
    width: 100%;
  }

  .vv-index-cats__pic {
    margin: 0 15px 30px;
  }

  .vv-index-cats__col:last-child .vv-index-cats__pic {
    margin-bottom: 0;
  }

  .vv-index-promo__form {
    margin-top: 19px;
  }

  .vv-index-promo__field,
  .vv-index-promo__act {
    margin-bottom: 21px;
  }

  .vv-index-promo__act {
    padding-top: 0;
  }

  .vv-index-promo__social {
    margin-top: 46px;
  }

  .vv-index-new .vv-sec-head__sign {
    width: 50%;
    margin-top: 0;
  }

  .vv-index-flow .vv-sec-head__sign {
    display: none;
  }

  .vv-index-new {
    padding: 40px 15px;
  }

  .vv-index-new .vv-sec-head h2,
  .vv-index-flow .vv-sec-head h2 {
    font-size: 29px;
    line-height: 29px;
  }

  .vv-index-new .vv-sec-head {
    margin-bottom: 21px;
  }

  .vv-index-new__track {
    margin-bottom: 0px;
  }

  .vv-index-new__nav {
    display: none;
  }

  .vv-index-new__item .vv-prod {
    min-height: 201px;
  }

  .vv-index-cata {
    padding: 20px 0;
  }

  .vv-index-cata .row {
    display: block;
  }

  .vv-index-cata .row > .vv-index-cata__col {
    display: block;
    width: 100%;
    text-align: center;
  }

  .vv-index-cata__title {
    font-size: 18.8px;
    line-height: 18.8px;
    text-align: center;
  }

  .vv-index-flow,
  .vv-index-ck {
    padding: 40px 15px;
  }

  .vv-index-flow .vv-sec-head {
    margin-bottom: 32px;
  }

  .vv-index-flow__board {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    aspect-ratio: auto;
    padding: 4.917% 0 2.944%;
    margin-bottom: 50px;
  }

  .vv-index-flow__wave {
    display: none;
  }

  .vv-index-flow__step,
  .vv-index-flow__step--2,
  .vv-index-flow__step--4 {
    position: static;
    width: auto;
    min-height: 55.139cqw;
    flex-direction: column;
  }

  .vv-index-flow__step--5 {
    grid-column: 1 / -1;
    min-height: 0;
  }

  .vv-index-flow__num {
    width: 9.278cqw;
    height: 9.278cqw;
    font-size: 5.389cqw;
  }

  .vv-index-flow__ico,
  .vv-index-flow__step--2 .vv-index-flow__ico,
  .vv-index-flow__step--4 .vv-index-flow__ico {
    width: 21.361cqw;
    height: 21.361cqw;
    margin: 1.806cqw 0 4.805cqw;
  }

  .vv-index-flow__step--1 .vv-index-flow__ico img {
    width: 11.681cqw;
  }

  .vv-index-flow__step--2 .vv-index-flow__ico img {
    width: 11.408cqw;
  }

  .vv-index-flow__step--3 .vv-index-flow__ico img {
    width: 8.873cqw;
  }

  .vv-index-flow__step--4 .vv-index-flow__ico img {
    width: 14.306cqw;
  }

  .vv-index-flow__step--5 .vv-index-flow__ico img {
    width: 8.328cqw;
  }

  .vv-index-flow__name {
    font-size: 16px;
    line-height: 18px;
  }

  .vv-index-flow__name br {
    display: none;
  }
  .vv-fb {
    padding: 15% 5%;
  }

  .vv-fb__title {
    font-size: 6.41vw;
  }

  .vv-fb__sign {
    width: 40%;
    margin-top: 1px;
  }

  .vv-fb__sub {
    margin: 13px 0 0;
    font-size: 13px;
    line-height: 16.9px;
  }

  .vv-fb__slider {
    margin-top: 62px;
  }

  .vv-fb__item {
    padding: 0 5%;
  }

  .vv-fb__pic {
    width: 65px;
    padding-right: 15px;
  }

  .vv-fb__pic img {
    width: 50px;
    height: 50px;
  }

  .vv-fb__text {
    font-size: 16px;
    line-height: 24px;
  }

  .vv-index-ck__pic {
    margin-bottom: 50px;
  }

  .vv-index-deal {
    padding: 20px 15px 40px;
  }

  img.vv-index-deal__pic,
  .vv-index-deal__pic img {
    height: 180px;
  }

  .vv-index-deal__hot {
    display: none;
  }

  .vv-index-deal__badge {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 20px;
    border: 1px solid var(--line-ede);
  }

  .vv-index-deal__badge-top {
    background: var(--navy);
  }
}

[class^="vv-ab-"] > .wrap {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

[class^="vv-ab-"] > .wrap > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

[class^="vv-ab-"] .row {
  margin-left: 0;
  margin-right: 0;
}

[class^="vv-ab-"] .row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.vv-ab-cover {
  padding: 10px;
}

.vv-ab-cover__pic {
  display: block;
  width: 100%;
  height: auto;
}

.vv-ab-intro {
  position: relative;
  margin: 120px 15px 80px;
  padding: 0 0 20px 120px;
}

.vv-ab-intro__title {
  margin: 0;
  font-family: var(--font-title);
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: -2px;
  color: var(--navy);
}

.vv-ab-intro__row {
  margin-top: 60px;
}

.vv-ab-intro__sign {
  float: left;
  width: 160px;
  height: auto;
  margin: 7px 30px 0 0;
}

.vv-ab-intro__desc {
  width: 740px;
  margin: 0 0 20px;
  overflow: hidden;
  font-size: 18px;
  line-height: 30.6px;
  color: var(--muted);
}

.vv-ab-intro__stamp {
  position: absolute;
  right: 140px;
  top: 1px;
  width: 216px;
  height: 216px;
  border-radius: 50%;
  color: var(--navy);
}

.vv-ab-intro__stamp-txt {
  display: block;
  width: 100%;
  height: 100%;
  font-family: var(--font-title);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3.4px;
  fill: currentColor;
  text-transform: uppercase;
  animation: vv-ab-spin 20s linear infinite;
}

@keyframes vv-ab-spin {
  to {
    transform: rotate(360deg);
  }
}

.vv-ab-intro__stamp-logo {
  position: absolute;
  left: 71px;
  top: 71px;
  width: 74px;
  height: 74px;
}

.vv-ab-serv {
  margin: 0 15px 80px;
  padding: 0 15px 80px;
}

.vv-ab-serv__col {
  float: left;
  min-height: 1px;
}

.vv-ab-serv__col--pic {
  width: 50.94%;
}

.vv-ab-serv__col--box {
  width: 49.06%;
}

.vv-ab-serv__pic {
  display: block;
  width: 100%;
  height: auto;
}

.vv-ab-serv__box {
  margin: 100px 0 0 30px;
  padding: 60px;
  background: var(--sky);
}

.vv-ab-serv__label,
.vv-ab-serv__box h5 {
  margin: 0;
  font-size: 14px;
  line-height: 14px;
  font-weight: 800;
  color: var(--navy-dark);
}

.vv-ab-serv__title,
.vv-ab-serv__box h2
{
  margin: 20px 0 0;
  font-family: var(--font-title);
  font-size: 46px;
  line-height: 46px;
  font-weight: 400;
  letter-spacing: -2.7px;
  color: var(--navy);
}

.vv-ab-serv__desc,
.vv-ab-serv__box p
{
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 27.2px;
  color: var(--muted);
}

.vv-ab-serv__btn {
  position: relative;
  display: inline-block;
  margin-top: 47px;
  padding-bottom: 5.9px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgb(0, 0, 205);
}

.vv-ab-serv__btn > span {
  display: block;
  line-height: 13px;
}

.vv-ab-serv__btn:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--muted);
  transform-origin: right center;
  transform: scaleX(1);
  transition: transform 0.4s var(--ease);
}

.vv-ab-serv__btn:hover:after {
  transform: scaleX(0);
}

.vv-ab-vision {
  padding: 70px 200px 20px;
  background: var(--sky);
}

.vv-ab-vision .vv-sec-head__sign {
  width: 135px;
  height: 15px;
  margin: 4px auto 0;
}

.vv-ab-vision__row {
  margin-top: 43px;
}

.vv-ab-vision__col {
  float: left;
  min-height: 1px;
}

.vv-ab-vision .row > .vv-ab-vision__col--a {
  width: 48.5577%;
}

.vv-ab-vision .row > .vv-ab-vision__col--b {
  width: 51.4423%;
  padding-left: 30px;
}

.vv-ab-vision__col--a {
  padding-bottom: 50px;
}

.vv-ab-acc {
  --line-acc: #d5d8dc;
}

.vv-ab-acc__item {
  margin-bottom: 40px;
}

.vv-ab-acc__item:last-child {
  margin-bottom: 0;
}

.vv-ab-acc__head {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--line-acc);
  border-radius: 1px;
  background: none;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.3s var(--ease);
}

.vv-ab-acc__head:hover {
  border-color: var(--navy);
}

.vv-ab-acc__name {
  display: inline-block;
  font-family: var(--font-title);
  font-size: 18px;
  line-height: 30.6px;
  font-weight: 600;
  color: var(--navy);
  text-transform: capitalize;
  vertical-align: top;
}

.vv-ab-acc__ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 8px 0 0 12px;
  color: var(--navy);
  vertical-align: top;
  transition: transform 0.3s var(--ease);
}

.vv-ab-acc__item.is-open .vv-ab-acc__ico {
  transform: rotate(180deg);
}

.vv-ab-acc__body {
  display: none;
  padding: 10px;
  border: 1px solid var(--line-acc);
  border-top: 0;
}

.vv-ab-acc__body p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 27.2px;
  color: var(--muted);
}

.vv-ab-acc__body p:last-child {
  margin-bottom: 0;
}

.vv-ab-acc__body ul {
  margin: 20px 0;
  padding-left: 30px;
  list-style: disc;
}

.vv-ab-acc__body li {
  font-size: 16px;
  line-height: 27.2px;
  color: var(--muted);
}

.vv-ab-ck {
  padding: 70px 70px 20px;
  background: var(--white);
}

.vv-ab-ck .vv-sec-head {
  margin-bottom: 41px;
}

.vv-ab-ck .vv-sec-head__sign {
  width: 13%;
  height: auto;
  margin: 2px auto 0;
}

.vv-ab-ck__pic {
  display: block;
  width: 1024px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 50px;
}

@media (max-width: 1024px) {
  .vv-ab-intro {
    margin: 60px 15px 40px;
    padding-left: 0;
  }

  .vv-ab-intro__desc {
    width: auto;
  }

  .vv-ab-serv__box {
    margin: 60px 0 0 30px;
    padding: 40px;
  }

  .vv-ab-serv__title {
    font-size: 36px;
    line-height: 36px;
  }

  .vv-ab-vision {
    padding: 40px 15px 20px;
  }

  .vv-ab-ck {
    padding: 40px 15px 20px;
  }

  .vv-header:after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--ink-a95);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s var(--ease), visibility 0.35s var(--ease);
  }

  body.is-search .vv-header,
  body.is-search .vv-header.is-fixed {
    z-index: 1060;
  }

  body.is-search .vv-header:after {
    opacity: 1;
    visibility: visible;
  }

  body.is-search .vv-search {
    z-index: 1;
  }
}

@media (max-width: 767px) {
  .vv-ab-intro {
    margin: 50px 15px;
    padding-bottom: 0;
  }

  .vv-ab-vision .vv-sec-head h2,
  .vv-ab-ck .vv-sec-head h2 {
    font-size: 29px;
    line-height: 29px;
  }

  .vv-ab-intro__title {
    font-size: 25px;
    line-height: 37.5px;
    letter-spacing: -1.8px;
  }

  .vv-ab-intro__row {
    margin-top: 2px;
  }

  .vv-ab-intro__sign {
    float: none;
    display: block;
    margin: 0;
  }

  .vv-ab-intro__desc {
    width: auto;
    margin-top: 59px;
    font-size: 17px;
    line-height: 28.9px;
  }

  .vv-ab-intro__stamp {
    position: relative;
    left: -15px;
    top: auto;
    right: auto;
    width: 161px;
    height: 161px;
    margin: 24px 0 -16px;
  }

  .vv-ab-intro__stamp-txt {
    font-size: 9px;
    letter-spacing: 2.5px;
  }

  .vv-ab-intro__stamp-logo {
    left: 52px;
    top: 52px;
    width: 56px;
    height: 56px;
  }

  .vv-ab-serv {
    margin: 0 15px 80px;
    padding: 0;
  }

  .vv-ab-serv__col--pic,
  .vv-ab-serv__col--box {
    width: 100%;
    padding-left: 0;
  }

  .vv-ab-serv__box {
    margin: 41px 0 0;
    padding: 30px;
  }

  .vv-ab-serv__title {
    font-size: 30px;
    line-height: 30px;
  }

  .vv-ab-serv__desc {
    font-size: 15px;
    line-height: 25.5px;
  }

  .vv-ab-serv__btn {
    margin-top: 44px;
  }

  .vv-ab-vision {
    padding: 40px 15px;
  }

  .vv-ab-vision .vv-sec-head__sign {
    width: 180px;
    height: 20px;
    margin: 0 auto;
  }

  .vv-ab-vision__row {
    margin-top: 12px;
  }

  .vv-ab-vision .row > .vv-ab-vision__col--a,
  .vv-ab-vision .row > .vv-ab-vision__col--b {
    width: 100%;
    padding-left: 0;
  }

  .vv-ab-vision__col--a {
    padding: 40px 0 0;
  }

  .vv-ab-vision__col--a .vv-ab-acc__item:last-child {
    margin-bottom: 40px;
  }

  .vv-ab-acc__body p,
  .vv-ab-acc__body li {
    font-size: 15px;
    line-height: 25.5px;
  }

  .vv-ab-acc__body p {
    margin-bottom: 18.8px;
  }

  .vv-ab-acc__body ul {
    margin: 18.8px 0;
    padding-left: 28.1px;
  }

  .vv-ab-ck {
    padding: 40px 15px;
  }

  .vv-ab-ck .vv-sec-head {
    margin-bottom: 11px;
  }

  .vv-ab-ck .vv-sec-head__sign {
    width: 180px;
    height: 20px;
    margin: 1px auto 0;
  }

  .vv-ab-ck__pic {
    width: 100%;
  }
}

.vv-pl-cover {
  margin-top: 20px;
  padding: 0 15px;
}

.vv-pl-cover__bg {
  max-width: 1410px;
  margin: 0 auto;
  padding: 140px 40px 40px;
  border-radius: 4px;
  background-color: var(--sky);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.vv-pl-cover__box {
  float: left;
  clear: both;
}

.vv-pl-cover__box--title {
  margin-top: 50px;
  padding: 15px 40px 5px;
  background: var(--sky-2);
}

.vv-pl-cover__box--title h1 {
  font-family: var(--font-title);
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  color: var(--black);
  text-transform: uppercase;
}

.vv-pl-cover__box--cats {
  margin-top: 10px;
  padding: 15px 40px;
  background: var(--sky-2);
}

.vv-pl-cats {
  position: relative;
}

.vv-pl-cats__title {
  display: none;
}

.vv-pl-cats__wrap {
  background: var(--sky-2);
}

.vv-pl-cats__list {
  margin-right: -16px;
}

.vv-pl-cats__list li {
  float: left;
  margin-right: 16px;
  font-family: var(--font-title);
  font-size: 13px;
  line-height: 27.2px;
}

.vv-pl-cats__list a {
  position: relative;
  display: inline-block;
  line-height: 22.1px;
  color: var(--black);
}

.vv-pl-cats__list a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s var(--ease);
}

.vv-pl-cats__list a:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}

.vv-pl-main {
  padding: 0 10px;
}

.vv-pl-main__in {
  max-width: 1420px;
  margin: 0 auto;
  padding: 10px 0;
}

.vv-pl-head {
  padding-bottom: 15px;
  margin-bottom: 28.1px;
  border-bottom: 1px solid var(--paper);
}

.vv-pl-tools {
  float: right;
  height: 22px;
}

.vv-pl-order {
  float: left;
  height: 22px;
  padding-top: 4.5px;
}

.vv-pl-order__label {
  position: relative;
  display: block;
  width: 175px;
  padding: 0 20px 5px 0;
  margin-bottom: -5px;
  font-weight: 400;
  color: var(--muted);
  cursor: pointer;
  transition: color 0.3s var(--ease);
}

.vv-pl-order__label:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 155px;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s var(--ease);
}

.vv-pl-order__label:hover:after,
.vv-pl-order.is-open .vv-pl-order__label:after {
  transform: scaleX(1);
  transform-origin: left center;
}

.vv-pl-order__txt {
  position: relative;
  display: block;
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.vv-pl-order__txt:after {
  content: "";
  position: absolute;
  right: -20px;
  top: 2.5px;
  border: 4px solid transparent;
  border-top-color: var(--black-a20);
}

.vv-pl-order__sel {
  position: absolute;
  left: 0;
  top: 0;
  width: 175px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: none;
  opacity: 0;
}

.vv-pl-grid {
  margin: 0 -10px -40px;
}

.vv-pl-col {
  float: left;
  width: 25%;
  padding: 0 10px;
  margin-bottom: 40px;
}

.vv-pl-col:nth-child(4n + 1) {
  clear: left;
}

@media (min-width: 1025px) {
  .vv-pl-grid .vv-pl-col:nth-child(-n + 4) .vv-prod {
    min-height: 465px;
  }
}

@media (max-width: 1024px) {
  .vv-pl-col {
    width: 33.3333%;
  }

  .vv-pl-col:nth-child(4n + 1) {
    clear: none;
  }

  .vv-pl-col:nth-child(3n + 1) {
    clear: left;
  }
}

@media (max-width: 767px) {
  .vv-pl-cover__bg {
    padding: 10px;
  }

  .vv-pl-cover__box--title {
    padding: 10px;
  }

  .vv-pl-cover__box--title h1 {
    font-size: 24px;
    line-height: 24px;
  }

  .vv-pl-cover__box--cats {
    width: 100%;
    padding: 10px;
  }

  .vv-pl-cats__title {
    position: relative;
    display: block;
    width: 100%;
    padding-right: 31px;
    font-size: 15px;
    line-height: 27px;
    font-weight: 600;
    color: var(--muted);
    text-align: left;
    cursor: pointer;
    transition: color 0.3s var(--ease);
  }

  .vv-pl-cats__title:hover {
    color: var(--navy);
  }

  .vv-pl-cats__title > span {
    display: block;
  }

  .vv-pl-cats__ic {
    position: absolute;
    right: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    transition: transform 0.3s var(--ease);
  }

  .vv_pl_cats.is-open .vv-pl-cats__ic {
    transform: rotate(180deg);
  }

  .vv-pl-cats__wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 27px;
    z-index: 9;
    height: 0;
    overflow: hidden;
    background: var(--sky-2);
    box-shadow: 0 3.9px 5.3px var(--black-a05), 0 13px 17px var(--black-a10);
    transition: height 0.3s var(--ease);
  }

  .vv-pl-cats__list {
    padding: 20px;
    margin-right: 0;
  }

  .vv-pl-cats__list li {
    float: none;
    margin-right: 0;
    line-height: 25.4px;
  }

  .vv-pl-cats__list a {
    line-height: 22.1px;
  }

  .vv-pl-col {
    width: 50%;
  }

  .vv-pl-col:nth-child(4n + 1) {
    clear: none;
  }

  .vv-pl-col:nth-child(3n + 1) {
    clear: none;
  }

  .vv-pl-col:nth-child(2n + 1) {
    clear: left;
  }

  .vv-pl-grid .vv-pl-col:first-child .vv-prod {
    min-height: 202px;
  }
}

.vv-pd-top__in {
  max-width: 1440px;
  margin: 0 auto;
}

.vv-pd-gal {
  float: left;
  width: calc(55% - 20px);
}

.vv-pd-gal__side {
  float: left;
  width: 90px;
}

.vv-pd-gal__arr {
  display: none;
  width: 100%;
  height: 30px;
  color: var(--muted);
  cursor: pointer;
  transition: color 0.3s var(--ease);
}

.vv-pd-gal.is-thumbnav .vv-pd-gal__arr {
  display: block;
}

.vv-pd-gal.is-thumbnav .vv-pd-gal__arr--up {
  margin-bottom: 20px;
}

.vv-pd-gal.is-thumbnav .vv-pd-gal__arr--down {
  margin-top: 20px;
}

.vv-pd-gal__arr:hover {
  color: var(--navy);
}

.vv-pd-gal__arr.is-off {
  opacity: 0.35;
  pointer-events: none;
}

.vv-pd-gal__arr .vv-ic {
  width: 16px;
  height: 16px;
}

.vv-pd-gal__thumbs {
  position: relative;
  width: 90px;
  overflow: hidden;
}

.vv-pd-gal__thumbs-in {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  transform: translateX(90px) rotate(90deg);
}

.vv-pd-gal__thumb {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 2px;
  transform: rotate(-90deg);
  background: var(--paper);
  overflow: hidden;
  cursor: pointer;
  transition: box-shadow 0.3s var(--ease), opacity 0.3s var(--ease);
  opacity: 0.75;
}

.vv-pd-gal__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vv-pd-gal__thumb:hover,
.vv-pd-gal__thumb.is-active {
  opacity: 1;
  box-shadow: 0 0 0 2px var(--navy);
}

.vv-pd-gal__stage {
  position: relative;
  float: right;
  width: calc(100% - 110px);
  padding-bottom: calc(150% - 165px);
  overflow: hidden;
}

.vv-pd-gal__track {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.vv-pd-gal__track .owl-stage-outer,
.vv-pd-gal__track .owl-stage,
.vv-pd-gal__track .owl-item {
  height: 100%;
}

.vv-pd-gal__slide {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--paper);
}

.vv-pd-gal__slide img {
  display: block;
  width: 100%;
  height: auto;
}

.vv-pd-gal__zoom {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 3;
  width: 40px;
  height: 40px;
  padding: 11px;
  border: 1px solid var(--line-3);
  border-radius: 4px;
  background: var(--white);
  color: var(--muted);
  opacity: 0;
  transition: opacity 0.3s var(--ease), color 0.3s var(--ease);
}

.vv-pd-gal__zoom:hover {
  color: var(--navy);
}

.vv-pd-gal__slide:hover .vv-pd-gal__zoom {
  opacity: 1;
}

.vv-pd-gal__bars {
  display: none;
}

.vv-pd-info {
  float: right;
  width: calc(45% - 20px);
  padding: 50px;
  background: var(--sky);
}

.vv-pd-crumb {
  float: left;
  line-height: 10.4px;
}

.vv-pd-crumb a,
.vv-pd-crumb i {
  font-size: 10.4px;
  line-height: 10.4px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
}

.vv-pd-crumb a {
  color: var(--muted-2);
  transition: color 0.3s var(--ease);
}

.vv-pd-crumb a:hover {
  color: var(--navy);
}

.vv-pd-crumb i {
  margin: 0 10px;
  color: var(--muted);
}

.vv-pd-nav {
  position: relative;
  float: right;
  width: 79px;
  height: 8px;
}

.vv-pd-sr {
  position: absolute;
  left: 0;
  top: -160000px;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  color: var(--muted);
}

.vv-pd-sr--item {
  color: var(--muted-2);
}

.vv-pd-sr--item + .vv-pd-sr--item {
  left: 47px;
}

.vv-pd-nav__btn {
  position: absolute;
  top: -12px;
  width: 32px;
  height: 32px;
  color: var(--muted);
  transition: color 0.3s var(--ease);
}

.vv-pd-nav__btn .vv-ic {
  width: 32px;
  height: 32px;
}

.vv-pd-nav__btn:first-child {
  left: 0;
}

.vv-pd-nav__btn:last-child {
  right: 0;
}

.vv-pd-nav__btn:hover {
  color: var(--navy);
}

.vv-pd-nav__pop {
  position: absolute;
  left: -29px;
  top: 18px;
  z-index: 99;
  display: block;
  width: 90px;
  height: 135px;
  background: var(--white);
  box-shadow: 0 8px 16px var(--black-a20);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s var(--ease), visibility 0.3s var(--ease);
}

.vv-pd-nav__btn:hover .vv-pd-nav__pop {
  opacity: 1;
  visibility: visible;
}

.vv-pd-nav__pop img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vv-pd-title {
  margin-top: 30px;
  margin-bottom: 25px;
  font-family: var(--font-title);
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  color: var(--navy);
}

.vv-pd-feat {
  margin: 50px 0 40px;
  padding-left: 30px;
  list-style: disc outside;
}

.vv-pd-feat li {
  list-style: disc outside;
  font-size: 16px;
  line-height: 27.2px;
  color: var(--muted);
}

.vv-pd-form__row {
  margin-bottom: 10px;
}

.vv-pd-form__inp {
  display: block;
  width: 100%;
  height: 43px;
  padding: 10px 13px;
  border: 1px solid var(--line-input);
  border-radius: 8px;
  background: var(--white);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 21px;
  color: var(--ink);
  transition: border-color 0.3s var(--ease);
}

.vv-pd-form__inp:focus {
  border-color: var(--navy);
  outline: 0;
}

.vv-pd-form__inp.is-error {
  border-color: var(--navy);
}

.vv-pd-form__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border-radius: 11px;
  background: var(--navy);
  color: var(--white);
  cursor: pointer;
  transition: background 0.3s var(--ease);
}

.vv-pd-form__btn:hover {
  background: var(--navy-dark);
}

.vv-pd-form__btn .vv-ic {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.vv-pd-form__btn span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.vv-pd-meta {
  margin: 0;
  font-size: 12px;
  line-height: 20.4px;
  color: var(--muted);
}

.vv-pd-meta + .vv-pd-meta {
  margin-top: 10.4px;
  margin-bottom: 20px;
}

.vv-pd-meta a {
  color: var(--black);
}

.vv-pd-meta a:hover {
  color: var(--navy);
}

.vv-pd-desc {
  margin-top: 50px;
  padding-bottom: 20px;
}

.vv-pd-desc__in {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
}

.vv-pd-desc__main {
  float: left;
  width: 53.9007%;
  margin-bottom: 40px;
}

.vv-pd-desc__side {
  float: right;
  width: 43.617%;
  margin-bottom: 40px;
}

.vv-pd-desc .vv-content h2 {
  font-family: var(--font-title);
}

.vv-pd-content > *:last-child {
  margin-bottom: 0;
}

.vv-pd-content h2,
.vv-pd-content h3,
.vv-pd-content h4,
.vv-pd-content h5 {
  margin-top: 30px;
  color: var(--navy);
}

.vv-pd-content > h2:first-child,
.vv-pd-content > h3:first-child,
.vv-pd-content > h4:first-child {
  margin-top: 0;
}

.vv-pd-content h3 {
  font-size: 21px;
  line-height: 28px;
}

.vv-pd-content h4 {
  font-size: 18px;
  line-height: 26px;
}

.vv-pd-content ul,
.vv-pd-content ol {
  margin: 0 0 20px;
  padding-left: 24px;
}

.vv-pd-content li {
  margin-bottom: 6px;
}

.vv-pd-content img {
  max-width: 100%;
  height: auto;
  margin: 6px 0 20px;
  border-radius: 4px;
}

.vv-pd-content figure {
  max-width: 100%;
  margin: 0 0 20px;
}

.vv-pd-content figcaption {
  margin-top: 8px;
  font-size: 13px;
  line-height: 20px;
  font-style: italic;
  color: var(--muted-2);
}

.vv-pd-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.vv-pd-rel {
  padding-top: 20px;
}

.vv-pd-rel--like {
  padding: 50px 0;
}

.vv-pd-rel__in {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
}

.vv-pd-rel__head {
  margin-bottom: 20px;
  text-align: center;
}

.vv-pd-rel__head h4 {
  font-size: 25px;
  line-height: 25px;
  font-weight: 600;
  color: var(--navy);
}

.vv-pd-rel__sign {
  display: block;
  width: 14.7222%;
  max-width: 212px;
  height: auto;
  margin: 4px auto 0;
}

.vv-pd-rel__col {
  float: left;
  width: calc(25% - 22.5px);
  margin-right: 30px;
  margin-bottom: 30px;
}

.vv-pd-rel__col:nth-child(4n) {
  margin-right: 0;
}

.vv-pd-rel__col:nth-child(4n + 1) {
  clear: left;
}

.vv-pd-rel__grid .vv-pd-rel__col:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .vv-pd-top {
    margin-bottom: 40px;
  }

  .vv-pd-gal {
    float: none;
    width: calc(100% - 20px);
  }

  .vv-pd-gal__side {
    float: none;
    width: 100%;
    margin-top: 10px;
  }

  .vv-pd-gal__arr,
  .vv-pd-gal.is-thumbnav .vv-pd-gal__arr {
    display: none;
  }

  .vv-pd-gal__thumbs {
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .vv-pd-gal__thumbs .owl-stage-outer {
    overflow: visible;
  }

  .vv-pd-gal__thumbs-in {
    position: relative;
    width: 100%;
    transform: none;
  }

  .vv-pd-gal__thumb {
    width: 70px;
    height: 70px;
    transform: none;
  }

  .vv-pd-gal__stage {
    float: none;
    width: 100%;
    padding-bottom: 150%;
    background: var(--paper);
  }

  .vv-pd-gal__slide {
    background: none;
  }

  .vv-pd-gal__bars {
    display: flex;
    margin-top: 20px;
  }

  .vv-pd-gal__bar {
    flex: 1 1 0;
    height: 2px;
    background: var(--line-soft);
    cursor: pointer;
    transition: background 0.3s var(--ease);
  }

  .vv-pd-gal__bar.is-active {
    background: var(--muted);
  }

  .vv-pd-info {
    float: none;
    width: calc(100% - 20px);
    margin-left: 20px;
    padding: 0 0 17px;
  }

  .vv-pd-crumb {
    float: none;
  }

  .vv-pd-nav {
    display: none;
  }

  .vv-pd-meta + .vv-pd-meta {
    margin-bottom: 0;
  }

  .vv-pd-desc {
    padding-bottom: 20px;
  }

  .vv-pd-desc__in {
    padding: 0;
  }

  .vv-pd-desc__main {
    float: none;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 0;
  }

  .vv-pd-desc__side {
    float: none;
    width: 100%;
    margin-bottom: 0;
  }

  .vv-pd-rel__in {
    padding: 0;
  }

  .vv-pd-rel__head {
    margin-bottom: 20px;
  }

  .vv-pd-rel__sign {
    width: 25%;
    max-width: none;
    margin-top: 2px;
  }

  .vv-pd-rel__col {
    width: calc(25% - 7.5px);
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .vv-pd-rel__grid .vv-pd-rel__col:nth-last-child(-n + 4) {
    margin-bottom: 0;
  }

  .vv-pd-rel--like .vv-pd-rel__col {
    width: calc(50% - 5px);
  }

  .vv-pd-rel--like .vv-pd-rel__col:nth-child(4n) {
    margin-right: 10px;
  }

  .vv-pd-rel--like .vv-pd-rel__col:nth-child(2n) {
    margin-right: 0;
  }

  .vv-pd-rel--like .vv-pd-rel__col:nth-child(4n + 1) {
    clear: none;
  }

  .vv-pd-rel--like .vv-pd-rel__col:nth-child(2n + 1) {
    clear: left;
  }

  .vv-pd-rel--like .vv-pd-rel__grid .vv-pd-rel__col:nth-last-child(-n + 4) {
    margin-bottom: 10px;
  }

  .vv-pd-rel--like .vv-pd-rel__grid .vv-pd-rel__col:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .vv-pd-top {
    padding: 0 10px;
  }

  .vv-pd-gal {
    width: 100%;
  }

  .vv-pd-gal__zoom {
    right: 10px;
    top: 10px;
  }

  .vv-pd-info {
    width: 100%;
    margin-left: 0;
    padding: 20px 10px 50px;
  }

  .vv-pd-crumb {
    line-height: 11px;
  }

  .vv-pd-crumb a,
  .vv-pd-crumb i {
    font-size: 11px;
    line-height: 11px;
  }

  .vv-pd-title {
    margin-bottom: 23.4px;
    font-size: 28px;
    line-height: 33.6px;
  }

  .vv-pd-feat {
    margin: 47.3px 0 37.5px;
    padding-left: 28.1px;
  }

  .vv-pd-feat li {
    font-size: 15px;
    line-height: 25.5px;
  }

  .vv-pd-form__inp {
    height: 40px;
    padding: 9.4px 12.2px;
  }

  .vv-pd-form__btn span {
    font-size: 15px;
    line-height: 22.5px;
  }

  .vv-pd-meta + .vv-pd-meta {
    margin-bottom: 18.8px;
  }

  .vv-pd-desc {
    padding: 0 10px 20px;
  }

  .vv-pd-desc__main {
    padding-bottom: 18.8px;
  }

  .vv-pd-rel {
    padding: 20px 10px 50px;
  }

  .vv-pd-rel--like {
    padding: 20px 10px 50px;
  }

  .vv-pd-rel__head {
    margin-bottom: 22px;
  }

  .vv-pd-rel__head h4 {
    font-size: 18px;
    line-height: 18px;
  }

  .vv-pd-rel__sign {
    width: 40%;
    margin-top: 6px;
  }

  .vv-pd-rel__col {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 11px;
  }

  .vv-pd-rel__col:nth-child(4n) {
    margin-right: 10px;
  }

  .vv-pd-rel__col:nth-child(2n) {
    margin-right: 0;
  }

  .vv-pd-rel__col:nth-child(4n + 1) {
    clear: none;
  }

  .vv-pd-rel__col:nth-child(2n + 1) {
    clear: left;
  }

  .vv-pd-rel__grid .vv-pd-rel__col:nth-last-child(-n + 4) {
    margin-bottom: 11px;
  }

  .vv-pd-rel__grid .vv-pd-rel__col:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
}

.vv-nl-cover {
  margin: 80px 0;
  text-align: center;
}

.vv-nl-cover .wrap,
.vv-nl-sec .wrap {
  padding-left: 15px;
  padding-right: 15px;
}

.vv-nl-cover .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.vv-nl-cover__title {
  font-size: 48px;
  line-height: 48px;
  font-weight: 800;
  color: var(--navy-dark);
}

.vv-nl-cover__sub {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: var(--muted);
}

.vv-nl-cover__sep {
  display: block;
  width: 2px;
  height: 40px;
  margin: 20px auto 0;
  border-top: 40px solid var(--line-2);
}

.vv-nl-sec {
  margin-bottom: 100px;
}

.vv-nl-sec .container-fluid {
  max-width: 1040px;
  margin: 0 auto;
}

.vv-nl-grid {
  margin-left: -30px;
  margin-right: 0;
}

.vv-nl-grid > [class*="col-"] {
  padding-left: 30px;
  padding-right: 0;
}

.vv-nl-sec .vv-news {
  line-height: 20.4px;
}

.vv-nl-sec .vv-news__thumb {
  height: 320px;
  padding-bottom: 0;
  margin-bottom: 30px;
}

.vv-nl-sec .vv-news__meta {
  display: inline-block;
}

@media (max-width: 1024px) {
  .vv-nl-sec .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .vv-nl-grid {
    margin-left: 0;
  }

  .vv-nl-grid > [class*="col-"] {
    padding-left: 0;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .vv-nl-cover__title {
    font-size: 30px;
    line-height: 30px;
  }

  .vv-nl-cover__sub {
    font-size: 15px;
    line-height: 15px;
  }

  .vv-nl-sec {
    margin-bottom: 40px;
    padding-top: 40px;
  }

  .vv-nl-grid > [class*="col-"] {
    padding-right: 0;
  }
}

.vv-nd {
  --share-fb: #1877f2;
  --share-tw: #1da1f2;
  --share-in: #007bb5;
  --share-pi: #e82b2d;
  --share-mail: #353b41;
  padding: 40px 30px 40px 0;
}

.vv-nd .wrap-narrow {
  width: 65vw;
  max-width: 936px;
}

.vv-nd .wrap,
.vv-nd .container-fluid,
.vv-nd .row,
.vv-nd .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

.vv-nd .row,
.vv-nd .col-xs-12 {
  margin-left: 0;
  margin-right: 0;
}

.vv-nd__cats {
  padding-top: 1px;
  line-height: 0;
}

.vv-nd__cats a {
  display: inline-block;
  padding: 8px 10px;
  border-radius: 2px;
  background: var(--muted-2);
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  color: var(--white);
  text-transform: uppercase;
  transition: background 0.2s var(--ease);
}

.vv-nd__cats a:hover {
  background: var(--ink-hover);
}

.vv-nd__title {
  margin: 40px 0 30px;
  font-size: 34px;
  line-height: 40.8px;
  font-weight: 600;
  color: var(--muted);
  letter-spacing: -0.7px;
}

.vv-nd__by {
  font-size: 0;
  line-height: 0;
}

.vv-nd__by .vv-news__meta,
.vv-nd__dur {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 20.4px;
}

.vv-nd__dur:before {
  content: "•";
  position: relative;
  top: -1px;
  left: -2px;
  display: inline-block;
  margin-right: 12px;
  font-size: 10px;
  line-height: 1;
  vertical-align: middle;
}

.vv-nd__by a:hover {
  color: var(--ink-hover);
}

.vv-nd__dur {
  margin-left: 15px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
}

.vv-nd__body {
  margin: 30px 0 0 20px;
  padding: 10px 0;
}

.vv-nd .vv-content {
  font-size: 18px;
  line-height: 30.6px;
}

.vv-nd .vv-content p {
  margin: 0 0 25.2px;
}

.vv-nd .vv-content strong,
.vv-nd .vv-content b {
  font-weight: 600;
}

.vv-nd .vv-content h2,
.vv-nd .vv-content h3,
.vv-nd .vv-content h4 {
  margin: 0 0 22px;
}

.vv-nd .vv-content img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.vv-nd .vv-content a {
  color: var(--black);
  text-decoration: none;
}

.vv-nd .vv-content a:hover {
  color: var(--ink-hover);
}

.vv-nd .vv-content ul {
  margin: 20px 0;
}

.vv-nd .vv-content table {
  min-width: 0;
}

.vv-nd .vv-content th,
.vv-nd .vv-content td {
  vertical-align: middle;
}

.vv-nd .vv-content td p:last-child {
  margin-bottom: 25.2px;
}

.vv-nd__author {
  padding-top: 20px;
}

.vv-nd__author img {
  float: left;
  width: 100px;
  height: 100px;
  margin: 17px 25px 0 0;
  border-radius: 500px;
  object-fit: cover;
}

.vv-nd__author-txt {
  overflow: hidden;
}

.vv-nd__author-txt h4 {
  margin: 0 0 5px;
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 600;
  color: var(--muted);
}

.vv-nd__author-bio {
  margin: 0 0 13.6px;
  font-size: 17px;
  line-height: 28.9px;
  color: var(--muted);
}

.vv-nd__foot {
  position: relative;
  margin: 50px 0;
  padding-top: 50px;
}

.vv-nd__foot:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: var(--line-soft);
}

.vv-nd__share {
  width: 254px;
  margin: 0 auto;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
}

.vv-nd__share li {
  display: inline-block;
  margin-right: 6px;
}

.vv-nd__share li:last-child {
  margin-right: 0;
}

.vv-nd__share a {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 2px;
  color: var(--white);
}

.vv-nd__share svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.vv-nd__share--fb {
  background: var(--share-fb);
}

.vv-nd__share--tw {
  background: var(--share-tw);
}

.vv-nd__share--in {
  background: var(--share-in);
}

.vv-nd__share--pi {
  background: var(--share-pi);
}

.vv-nd__share--mail {
  background: var(--share-mail);
}

@media (max-width: 1024px) {
  .vv-nd .wrap-narrow {
    width: 100%;
    max-width: none;
  }

  .vv-nd__title {
    font-size: 28px;
    line-height: 33.6px;
  }

  .vv-nd .vv-content table {
    table-layout: fixed;
  }

  .vv-nd__foot {
    margin: 40px 0;
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  .vv-nd__cats a {
    padding: 7.5px 9.4px;
    font-size: 11.3px;
    line-height: 11.3px;
  }

  .vv-nd__title {
    margin: 37.5px 0 28.1px;
    font-size: 26.3px;
    line-height: 31.5px;
  }

  .vv-nd__by .vv-news__meta,
  .vv-nd__dur {
    font-size: 11.3px;
    line-height: 19.1px;
  }

  .vv-nd__dur {
    margin-left: 14.1px;
  }

  .vv-nd__dur:before {
    margin-right: 11.3px;
    font-size: 9.4px;
  }

  .vv-nd__body {
    margin-top: 28.1px;
  }

  .vv-nd .vv-content {
    font-size: 16.9px;
    line-height: 28.7px;
  }

  .vv-nd .vv-content p {
    margin: 0 0 23.6px;
  }

  .vv-nd .vv-content h2,
  .vv-nd .vv-content h3,
  .vv-nd .vv-content h4 {
    margin: 0 0 20.6px;
  }

  .vv-nd .vv-content th,
  .vv-nd .vv-content td {
    padding: 7.5px 11.3px;
  }

  .vv-nd .vv-content td p:last-child {
    margin-bottom: 23.6px;
  }

  .vv-nd__foot {
    margin: 37.5px 0;
    padding-top: 37.5px;
  }

  .vv-nd__share {
    width: 244px;
  }

  .vv-nd__share a {
    padding: 9.4px 13.1px;
  }
}

[class^="vv-pj-"] {
  --pj-title: #afbdc5;
  --pj-title-b: #c7d1d6;
  --pj-ring-dark: #54595f;
}

[class^="vv-pj-"] > .wrap {
  max-width: 1390px;
  padding-left: 0;
  padding-right: 0;
}

[class^="vv-pj-"] > .wrap > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

[class^="vv-pj-"] .row {
  margin-left: 0;
  margin-right: 0;
}

[class^="vv-pj-"] .row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.vv-pj-a {
  margin: 120px 15px 50px;
  padding: 0 10px;
}

.vv-pj-b {
  margin: 0 15px 50px;
  padding: 0 10px;
}

.vv-pj-c {
  margin: 0 15px 50px;
  padding: 0 10px;
}

.vv-pj__col {
  width: calc(50% - 25px);
  min-height: 1px;
}

.vv-pj-a__col--pic,
.vv-pj-b__col--txt {
  float: left;
}

.vv-pj-a__col--txt,
.vv-pj-b__col--pic {
  float: right;
}

.vv-pj__head {
  margin-top: -60px;
  padding-left: 60px;
}

.vv-pj__head--b {
  margin-top: 20px;
  padding-left: 0;
}

.vv-pj__title {
  margin: 0;
  font-size: 80px;
  line-height: 80px;
  font-weight: 800;
  color: var(--pj-title);
}

.vv-pj__title--b {
  color: var(--pj-title-b);
}

.vv-pj__btn {
  position: relative;
  display: inline-block;
  margin-top: 27px;
  padding-bottom: 6.8px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--muted);
}

.vv-pj__btn > span {
  display: block;
  line-height: 15px;
}

.vv-pj__btn:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--muted);
  transform-origin: right center;
  transform: scaleX(1);
  transition: transform 0.4s var(--ease);
}

.vv-pj__btn:hover:after {
  transform: scaleX(0);
}

.vv-pj__pic {
  display: block;
  position: relative;
}

.vv-pj__pic img {
  display: block;
  width: 100%;
  height: auto;
}

.vv-pj__pic--big img {
  height: 600px;
  object-fit: cover;
}

.vv-pj__pic--sm {
  width: 300px;
  margin-top: 51px;
}

.vv-pj__pic--right {
  margin-top: 0;
  margin-left: auto;
}

.vv-pj__pic--mid img {
  height: 300px;
  object-fit: cover;
}

.vv-pj__dot {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: var(--black);
  text-align: center;
  cursor: pointer;
  transition: transform 0.4s var(--ease);
}

.vv-pj__dot:hover {
  transform: scale(1.15);
}

.vv-pj__dot:before,
.vv-pj__dot:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.vv-pj__dot:before {
  background: var(--white);
  transition: background 0.4s var(--ease);
}

.vv-pj__dot:hover:before {
  background: var(--navy);
}

.vv-pj__dot:after {
  box-shadow: 0 5px 10px var(--white);
  opacity: 0.4;
}

.vv-pj__ring {
  position: absolute;
  left: -20px;
  top: -20px;
  width: 90px;
  height: 90px;
  border: 2px solid var(--white);
  border-radius: 50%;
  opacity: 0.3;
}

.vv-pj__ring:after {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: 90px;
  height: 90px;
  border: 2px solid var(--white);
  border-radius: 50%;
  opacity: 0;
  animation: vv-pj-pulse 2.6s var(--ease) infinite;
}

.vv-pj__dot--dark .vv-pj__ring,
.vv-pj__dot--dark .vv-pj__ring:after {
  border-color: var(--pj-ring-dark);
}

@keyframes vv-pj-pulse {
  0% {
    transform: scale(0.55);
    opacity: 0.6;
  }

  70% {
    transform: scale(1.15);
    opacity: 0;
  }

  100% {
    transform: scale(1.15);
    opacity: 0;
  }
}

.vv-pj__dot svg {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 12.5px;
  height: 12.5px;
  margin: -6.25px 0 0 -6.25px;
  transition: color 0.4s var(--ease);
}

.vv-pj__dot:hover svg {
  color: var(--white);
}

.vv-pj__dot--a {
  left: 62.67%;
  top: 63.5%;
}

.vv-pj__dot--b {
  left: 28.06%;
  top: 62%;
}

.vv-pj__dot--c {
  left: 61%;
  top: 40.75%;
}

.vv-pj__dot--d {
  left: 19.85%;
  top: 58.83%;
}

.vv-pj__dot--e {
  left: 20%;
  top: 60.67%;
}

.vv-pj__dot--f {
  left: 30.97%;
  top: 29.67%;
}

.vv-pj-c .row > .vv-pj-c__col {
  float: left;
  width: calc(25% + 12.5px);
  padding-bottom: 20px;
}

.vv-pj__pic--mid {
  width: calc(100% - 50px);
}

@media (max-width: 1024px) {
  .vv-pj-a {
    margin: 0 15px 80px;
  }

  .vv-pj-b {
    margin: 0 15px 40px;
  }

  .vv-pj-c {
    margin: 0 15px 60px;
  }

  .vv-pj-a,
  .vv-pj-b,
  .vv-pj-c {
    padding: 0;
  }

  .vv-pj__col {
    float: none;
    width: 100%;
  }

  .vv-pj__head {
    margin-top: 0;
    padding-left: 0;
  }

  .vv-pj__head--b {
    margin-top: 20px;
  }

  .vv-pj__pic--sm {
    width: 100%;
    margin-top: 50px;
  }

  .vv-pj__pic--right {
    margin-left: 0;
  }

  .vv-pj__pic--mid {
    width: 100%;
  }

  .vv-pj-c .row > .vv-pj-c__col {
    width: calc(50% - 25px);
    padding-bottom: 0;
  }

  .vv-pj-c .row > .vv-pj-c__col--empty {
    display: none;
  }

  .vv-pj-c .row > .vv-pj-c__col:last-child {
    margin-left: 50px;
  }
}

@media (max-width: 767px) {
  .vv-pj-a {
    margin: 0 15px;
  }

  .vv-pj-b {
    margin: 40px 15px;
  }

  .vv-pj-c {
    margin: 0 15px 40px;
  }

  .vv-pj__col {
    float: none;
    width: 100%;
  }

  .vv-pj__head {
    margin: 0 0 50px;
    padding-left: 0;
  }

  .vv-pj__head--b {
    margin: 20px 0 0;
  }

  .vv-pj__title {
    font-size: 44px;
    line-height: 44px;
  }

  .vv-pj__btn {
    margin-top: 25px;
  }

  .vv-pj__pic--sm {
    width: 100%;
    margin-top: 0;
  }

  .vv-pj__pic--big {
    margin-top: 40px;
  }

  .vv-pj__pic--big img {
    height: 180px;
  }

  .vv-pj__dot {
    display: none;
  }

  .vv-pj-c .row > .vv-pj-c__col {
    float: none;
    width: 100%;
    padding-bottom: 0;
  }

  .vv-pj__pic--mid {
    width: 100%;
  }

  .vv-pj-c .row > .vv-pj-c__col:last-child {
    margin-top: 40px;
    margin-left: 0;
  }
}

.vv-sr-cover {
  margin-top: 20px;
  padding: 0 15px;
}

.vv-sr-cover__bg {
  max-width: 1410px;
  margin: 0 auto;
  padding: 140px 40px 40px;
  border-radius: 4px;
  background-color: var(--sky);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.vv-sr-cover__box {
  float: left;
  clear: both;
}

.vv-sr-cover__box--title {
  margin-top: 50px;
  padding: 15px 40px 5px;
  background: var(--sky-2);
}

.vv-sr-cover__box--title h1 {
  font-family: var(--font-title);
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
  color: var(--black);
  text-transform: uppercase;
}

.vv-sr-cover__box--cats {
  margin-top: 10px;
  padding: 15px 40px;
  background: var(--sky-2);
}

.vv-sr-cats {
  position: relative;
}

.vv-sr-cats__title {
  display: none;
}

.vv-sr-cats__wrap {
  background: var(--sky-2);
}

.vv-sr-cats__list {
  margin-right: -16px;
}

.vv-sr-cats__list li {
  float: left;
  margin-right: 16px;
  font-family: var(--font-title);
  font-size: 13px;
  line-height: 27.2px;
}

.vv-sr-cats__list li:last-child {
  margin-right: 0;
}

.vv-sr-cats__list a {
  position: relative;
  line-height: 22.1px;
  color: var(--black);
}

.vv-sr-cats__list a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s var(--ease);
}

.vv-sr-cats__list a:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}

.vv-sr-main {
  padding: 0 15px;
}

.vv-sr-main__in {
  max-width: 1410px;
  margin: 0 auto;
  padding: 30px 0 50px;
}

.vv-sr-head {
  padding-bottom: 15px;
  margin-bottom: 28.1px;
  border-bottom: 1px solid var(--paper);
}

.vv-sr-tools {
  float: right;
  height: 22px;
}

.vv-sr-order {
  float: left;
  height: 22px;
  padding-top: 4.5px;
}

.vv-sr-order__label {
  position: relative;
  display: block;
  width: 175px;
  padding: 0 20px 5px 0;
  margin-bottom: -5px;
  font-weight: 400;
  color: var(--muted);
  cursor: pointer;
  transition: color 0.3s var(--ease);
}

.vv-sr-order__label:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 155px;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s var(--ease);
}

.vv-sr-order__label:hover:after,
.vv-sr-order.is-open .vv-sr-order__label:after {
  transform: scaleX(1);
  transform-origin: left center;
}

.vv-sr-order__txt {
  position: relative;
  display: block;
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.vv-sr-order__txt:after {
  content: "";
  position: absolute;
  right: -20px;
  top: 2.5px;
  border: 4px solid transparent;
  border-top-color: var(--black-a20);
}

.vv-sr-order__sel {
  position: absolute;
  left: 0;
  top: 0;
  width: 175px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: none;
  opacity: 0;
}

.vv-sr-grid {
  margin: 0 -15px -30px;
}

.vv-sr-col {
  float: left;
  width: 25%;
  padding: 0 15px;
  margin-bottom: 30px;
}

.vv-sr-col:nth-child(4n + 1) {
  clear: left;
}

.vv-sr-main .vv-page {
  margin-top: 60px;
  white-space: nowrap;
}

@media (min-width: 1441px) {
  .vv-sr-main__in {
    padding: 50px 0 90px;
  }
}

@media (min-width: 1025px) {
  .vv-sr-grid .vv-sr-col:nth-child(-n + 4) .vv-prod {
    min-height: 465px;
  }
}

@media (max-width: 1024px) {
  .vv-sr-grid {
    margin: 0 -5px -10px;
  }

  .vv-sr-col {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 10px;
  }

  .vv-sr-col:nth-child(4n + 1) {
    clear: none;
  }

  .vv-sr-col:nth-child(2n + 1) {
    clear: left;
  }

  .vv-sr-grid .vv-prod {
    min-height: 378px;
    padding-bottom: 18px;
  }

  .vv-sr-main .vv-page {
    margin-top: 50px;
  }
}


@media (max-width: 767px) {
  .vv-sr-cover__bg {
    padding: 10px;
  }

  .vv-sr-cover__box--title {
    padding: 10px;
  }

  .vv-sr-cover__box--title h1 {
    font-size: 24px;
    line-height: 24px;
  }

  .vv-sr-cover__box--cats {
    width: 100%;
    padding: 10px;
  }

  .vv-sr-cats__title {
    position: relative;
    display: block;
    width: 100%;
    padding-right: 31px;
    font-size: 15px;
    line-height: 27px;
    font-weight: 600;
    color: var(--muted);
    text-align: left;
    cursor: pointer;
    transition: color 0.3s var(--ease);
  }

  .vv-sr-cats__title:hover {
    color: var(--navy);
  }

  .vv-sr-cats__title > span {
    display: block;
  }

  .vv-sr-cats__ic {
    position: absolute;
    right: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    transition: transform 0.3s var(--ease);
  }

  .vv_sr_cats.is-open .vv-sr-cats__ic {
    transform: rotate(180deg);
  }

  .vv-sr-cats__wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 27px;
    z-index: 9;
    height: 0;
    overflow: hidden;
    background: var(--sky-2);
    box-shadow: 0 3.9px 5.3px var(--black-a05), 0 13px 17px var(--black-a10);
    transition: height 0.3s var(--ease);
  }

  .vv-sr-cats__list {
    padding: 20px;
  }

  .vv-sr-cats__list li {
    float: none;
    margin-right: 0;
    line-height: 25.4px;
  }

  .vv-sr-cats__list a {
    line-height: 22.1px;
  }

  .vv-sr-col {
    width: 50%;
  }

  .vv-sr-col:nth-child(4n + 1) {
    clear: none;
  }

  .vv-sr-col:nth-child(3n + 1) {
    clear: none;
  }

  .vv-sr-col:nth-child(2n + 1) {
    clear: left;
  }

  .vv-sr-grid {
    margin-bottom: -10px;
  }

  .vv-sr-col {
    margin-bottom: 10px;
  }

  .vv-sr-grid .vv-prod {
    min-height: 201px;
    padding-bottom: 15px;
  }
}

.vv-cat-hero {
  --cat-title: #fbfbfb;
}

.vv-cat-hero__bg {
  display: table;
  width: 100%;
  height: 557px;
  background-color: var(--ink-800);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.vv-cat-hero__in {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.vv-cat-hero__sub {
  font-family: var(--font-title);
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  color: var(--yellow);
}

.vv-cat-hero__title {
  margin-top: 30px;
  font-family: var(--font-title);
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  color: var(--cat-title);
  text-transform: uppercase;
}

.vv-cat-hero__act {
  margin-top: 30px;
  line-height: 0;
}

.vv-cat-hero__btn {
  display: inline-block;
  padding: 20px 55px;
  border: 1px solid var(--ink-800);
  border-radius: 19px;
  background: var(--yellow);
  color: var(--ink-800);
  transition: transform 0.3s var(--ease), background 0.2s var(--ease), border-color 0.2s var(--ease), color 0.2s var(--ease);
}

.vv-cat-hero__btn span {
  display: inline-block;
  font-family: var(--font-title);
  font-size: 18px;
  line-height: 18px;
  font-weight: 800;
  color: inherit;
  text-transform: uppercase;
}

.vv-cat-hero__btn:hover {
  border-color: var(--yellow);
  background: var(--ink-800);
  color: var(--yellow);
  transform: scale(1.1);
}

.vv-cat-sec {
  padding: 70px 70px 20px;
  background: var(--white);
}

.vv-cat-sec .vv-sec-head__sign {
  margin: 2px auto 41px;
}

.vv-cat-pdf {
  padding-bottom: 57px;
  background: var(--white);
}

.vv-cat-pdf--first {
  margin-top: -36px;
}

.vv-cat-pdf__in {
  max-width: 864px;
  text-align: center;
  margin: 0 auto;
}

.vv-cat-pdf iframe {
  display: block;
  width: 100%;
  height: 580px;
  border: 0;
  margin-bottom: 20px;
}

@media (max-width: 1024px) {
  .vv-cat-hero__bg {
    height: 421px;
  }

  .vv-cat-hero__sub {
    font-size: 24px;
  }

  .vv-cat-hero__title {
    font-size: 45px;
    line-height: 45px;
  }

  .vv-cat-sec {
    padding: 50px 15px 40px;
  }

  .vv-cat-sec .vv-sec-head__sign {
    width: 25%;
    height: auto;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .vv-cat-hero__bg {
    height: 327px;
  }

  .vv-cat-hero__sub {
    font-size: 16px;
  }

  .vv-cat-hero__title {
    margin-top: 13px;
    font-size: 19px;
    line-height: 19px;
  }

  .vv-cat-hero__act {
    margin-top: 13px;
  }

  .vv-cat-hero__btn {
    padding: 15px 55px;
  }

  .vv-cat-hero__btn span {
    font-size: 16px;
    line-height: 16px;
  }

  .vv-cat-sec {
    padding: 40px 15px;
  }

  .vv-cat-sec .vv-sec-head h2 {
    font-size: 29px;
    line-height: 29px;
  }

  .vv-cat-sec .vv-sec-head__sign {
    width: 180px;
    height: 20px;
    margin: 0 auto 12px;
  }
}

[class^="vv-ct-"] {
  --ct-line: #cfcfcf;
  --font-archivo: Archivo, var(--font-title);
}

[class^="vv-ct-"] > .wrap {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

[class^="vv-ct-"] > .wrap > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

[class^="vv-ct-"] .row {
  margin-left: 0;
  margin-right: 0;
}

[class^="vv-ct-"] .row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.vv-ct-cover {
  padding: 10px;
}

.vv-ct-cover__pic {
  display: block;
  width: 100%;
  height: auto;
}

.vv-ct-main {
  padding: 72px 0 0 72px;
  background: var(--sky);
}

.vv-ct-main__lead {
  margin: 0;
  font-family: var(--font-title);
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  color: var(--navy);
}

.vv-ct-main__title {
  margin: 20px 0 0;
  font-family: var(--font-title);
  font-size: 65px;
  line-height: 65px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--navy);
}

.vv-ct-main__sign {
  display: block;
  width: 246px;
  height: auto;
  margin: 2px 0 0;
}

.vv-ct-main__row {
  margin-top: 71px;
}

.vv-ct-main__row:after {
  content: "";
  display: block;
  clear: both;
}

.vv-ct-main__col {
  float: left;
}

.vv-ct-main__col--info {
  width: 16.0819%;
  padding-right: 20px;
}

.vv-ct-main__col--form {
  width: 24.7807%;
  padding: 0 17px;
}

.vv-ct-main__col--pic {
  width: 59.1374%;
}

.vv-ct-main__item + .vv-ct-main__item {
  margin-top: 99px;
}

.vv-ct-main__label {
  font-family: var(--font-archivo);
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--navy);
}

.vv-ct-main__text {
  margin: 6px 0 0;
  font-family: var(--font-title);
  font-size: 18px;
  line-height: 27px;
  color: var(--black);
  word-wrap: break-word;
}

.vv-ct-main__sub {
  margin: 0;
  font-family: var(--font-title);
  font-size: 23px;
  line-height: 27.6px;
  font-weight: 500;
  letter-spacing: 1px;
  color: var(--navy);
}

.vv-ct-form {
  margin: 66px 0 0;
}

.vv-ct-form__group {
  margin: 0 -17px 48px;
  padding: 0 17px;
}

.vv-ct-form__in {
  width: 100%;
  height: 43px;
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--ct-line);
  border-radius: 30px;
  background: var(--white);
  font-family: var(--font-title);
  font-size: 15px;
  color: var(--ink);
  outline: none;
  transition: border-color 0.3s var(--ease);
}

.vv-ct-form__in:focus {
  border-bottom-color: var(--navy);
}

.vv-ct-form__in.is-error {
  border-bottom-color: var(--navy);
}

.vv-ct-form__btn {
  /* width: 133px; */
  height: 40px;
  padding: 8.5px 0;
  border: 3px solid var(--ink-800);
  background: var(--yellow);
  font-family: var(--font-archivo);
  font-size: 17px;
  line-height: 17px;
  font-weight: 600;
  color: var(--ink-800);
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s var(--ease), background 0.3s var(--ease);
}

.vv-ct-form__btn > span {
  display: inline-block;
  line-height: 17px;
  white-space: nowrap;
}

.vv-ct-form__btn:hover {
  transform: scale(0.92);
}

.vv-ct-main__pic {
  display: block;
  width: 678px;
  max-width: 100%;
  height: auto;
  margin-left: auto;
}

/* -------------------------up-to-top-------------------------- */
.social {
    position: fixed;
    right: 53px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    pointer-events: none;
    transition: .3s linear;
    z-index: 9999;
    /* transition: all .5s linear; */
}

.social-icon {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
    transform: translate(100px, 0);
    transition: .3s linear;
    opacity: 0;
    visibility: hidden;
    pointer-events: all;
}

.up-to-top {
    background-color: var(--navy);
}

.mess-pop {
    background-color: #007BC7;
}

.mess-pop svg {
    margin-bottom: -6px;
}

.phone-pop svg {
    margin-bottom: -4px;
    color: var(--white);
}

.phone-pop {
    background-color: #ff0000;
}

.tran-delay-1 {
    transition-delay: .1s;
    transition-property: all;
}

.tran-delay-2 {
    transition-delay: .2s;
    transition-property: all;
}

.tran-delay-3 {
    transition-delay: .3s;
    transition-property: all;
}

.tran-delay-4 {
    transition-delay: .4s;
    transition-property: all;
}

.social-icon.active {
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
}

@media (max-width: 1024px) {
  .vv-ct-main {
    padding: 40px 0 0 15px;
  }

  .vv-ct-main__title {
    font-size: 44px;
    line-height: 44px;
  }

  .vv-ct-main__item + .vv-ct-main__item {
    margin-top: 50px;
  }

  body.is-search .vv-header,
  body.is-search .vv-header.is-fixed {
    z-index: 1060;
  }

  body.is-search .vv-header:after {
    opacity: 1;
    visibility: visible;
  }

  body.is-search .vv-search {
    z-index: 1;
  }
}

@media (max-width: 767px) {
  .vv-ct-main {
    padding: 58.5px 19.5px;
  }

  .vv-ct-main__lead {
    font-size: 16px;
    line-height: 26px;
  }

  .vv-ct-main__title {
    font-size: 29px;
    line-height: 29px;
  }

  .vv-ct-main__sign {
    width: 172px;
    margin-top: 4px;
  }

  .vv-ct-main__row {
    display: table;
    width: 100%;
    margin-top: 0;
  }

  .vv-ct-main__col {
    float: none;
    display: table-row-group;
    width: auto;
    padding: 0;
  }

  .vv-ct-main__col--form {
    display: table-header-group;
  }

  .vv-ct-main__col--pic {
    display: table-footer-group;
  }

  .vv-ct-main__col--form .vv-ct-main__in {
    padding-top: 52px;
  }

  .vv-ct-main__col--info .vv-ct-main__in {
    padding-top: 27px;
  }

  .vv-ct-main__col--pic .vv-ct-main__in {
    padding: 76px 0 50px;
  }

  .vv-ct-main__sub {
    font-size: 18px;
    line-height: 21.6px;
  }

  .vv-ct-form {
    margin-top: 67px;
  }

  .vv-ct-main__label {
    font-size: 22px;
    line-height: 22px;
  }

  .vv-ct-main__text {
    font-size: 14px;
    line-height: 21px;
  }

  .vv-ct-main__item + .vv-ct-main__item {
    margin-top: 39px;
  }

  .vv-ct-form__in {
    height: 40px;
    padding: 9.4px 12.2px;
  }

  .vv-ct-form__btn {
    width: 100%;
    height: 40px;
    padding: 10px 0;
    border-width: 1px;
    font-size: 18px;
    line-height: 18px;
  }

  .vv-ct-form__btn > span {
    line-height: 18px;
  }

  .vv-ct-main__pic {
    width: 100%;
    margin-left: 0;
  }

  body.is-search .vv-header {
    position: relative;
  }
}

.vv-pg-cover {
  max-width: 1440px;
  margin: 0 auto;
  padding: 10px;
}

.vv-pg-cover img {
  display: block;
  width: 100%;
  height: auto;
}

.vv-pg-main {
  padding: 0 15px 50px;
}

.vv-pg-main__in {
  max-width: 994px;
  margin: 0 auto;
  padding-top: 50px;
}

.vv-pg-title {
  margin-bottom: 40px;
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  color: var(--muted);
  text-align: center;
}

@media (max-width: 767px) {
  .vv-pg-title {
    font-size: 22.5px;
    line-height: 22.5px;
  }
}

.vv-cat-pdf__btn { display: none; }

@media (max-width: 768px) {
  .vv-cat-pdf__frame { display: none; }          /* ẩn iframe trên mobile */
  .vv-cat-pdf__btn {
    display: inline-flex;
    align-items: center;
    padding: 14px 22px;
    border-radius: 8px;
    background: #b8892b;                          /* đổi theo màu theme */
    color: #fff;
    font-weight: 600;
    text-decoration: none;
  }
}