@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lato:wght@300;400;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Qwigley&display=swap');

@font-face {
  font-family: 'UTMAvo';
  src: url('../fonts/UTMAvo.eot');
  src: url('../fonts/UTMAvo.eot?#iefix') format('embedded-opentype'),
    url('../fonts/UTMAvo.woff2') format('woff2'),
    url('../fonts/UTMAvo.woff') format('woff'),
    url('../fonts/UTMAvo.ttf') format('truetype'),
    url('../fonts/UTMAvo.svg#UTMAvo') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'UTMAvoBold';
  src: url('../fonts/UTMAvoBold.eot');
  src: url('../fonts/UTMAvoBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/UTMAvoBold.woff2') format('woff2'),
    url('../fonts/UTMAvoBold.woff') format('woff'),
    url('../fonts/UTMAvoBold.ttf') format('truetype'),
    url('../fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


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

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

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes shake-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
  }

  10%,
  30% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20%,
  40% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }

  100%,
  50% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes shake-anim {

  0%,
  100%,
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }

  10%,
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20%,
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
}

.popup-custom .modal-content {
  border-radius: 0px;
  border: 0px;
}

.popup-custom .modal-content .modal-body {
  padding: 10px;
}

.popup-custom .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  z-index: 2;
  color: #888888;
  cursor: pointer;
  border: 1px solid #eeeeee;
  background-color: #ffffff;
  opacity: 1 !important;
}

#popup-quickview .modal-dialog {
  max-width: 1140px;
}

.opacity-0 {
  opacity: 0;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes scaleLarge {
  0% {
    opacity: 0;
    transform: scale(2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* Main */
:root {
  --color-red: #ec2d3f;
  --color-medium-red: #cc2c32;
  --color-dark-red: #c31829;
  --color-green: #28a745;
  --color-dark-green: #207d36;
  --color-black: #212529;
  --color-gray: #6c757d;
  --background-static: #265ba9;
  --background-hover: #eceb1b;
  --color-static: #000;
  --color-hover: #ec2d3f;
  --color-gradient: linear-gradient(90deg, rgba(55, 88, 174, 1) 0%, rgba(207, 155, 248, 1) 100%);
  --color-r: #001e50;

  --html-bg-website: #ed1c24;
}

a:hover {
  color: #ed1c24
}

.line-gradient {
  width: 100%;
  height: 5px;
  background: var(--color-gradient);
}

/* Toc */
.box-detail-page{
  padding: var(--vpx15);
  background: #FFF;
}
.title-cdetail{
  background: #f8f8f8;
  color: #5A5A5A;
  font-size: var(--vpx16);
  padding: var(--vpx10);
  font-family: 'UTMAvo';
  text-transform: uppercase;
}
.content-main,
.content-text,
.content-main p,
.content-text p{
  font-size: var(--vpx13);
  line-height: var(--vpx25)
}
.toc-title-container {
  display: table;
    width: 100%;
}
.toc-title-container>div {
  margin: 7px 0;
  font-size: var(--vpx13);
  font-weight: normal;
  font-family: 'UTMAvoBold';
}
span.toc-switch {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
.toc-switch a#toc {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  margin-left: 10px;
  text-shadow: 0 1px 0 #fff;
  background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
  color: #444;
  cursor: pointer;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 20%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
}
a.mucluc-dropdown-list_button {}

a.mucluc-dropdown-list_button:before {

  content: "\f03a";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: 400;
  background: #fff;
  color: #006ACB !important;
  font-size: 20px;
  width: 35px;
  height: 35px;
  display: inline-block;
  line-height: 38px;
  text-align: center;
  border: 1px solid #ddd;
}

.meta-toc.fiedx {
  position: fixed;
  left: 5px;
  top: 200px;
  z-index: 111;
}

.meta-toc .mucluc-dropdown-list_button {
  display: none
}


.box-readmore {
  padding: var(--vpx5) var(--vpx10);
  background-color: #f5f5f5;
  margin-top: 2px;
  border: 1px solid #dddddd;
  font-size: var(--vpx15);
  margin: var(--vpx15) 0px;
  display: inline-block;
  transition: all 0.5s;
}

.meta-toc.fiedx .box-readmore {
  width: 350px;
  display: none;
}

.box-readmore li ul>li {
  margin: 0;
  margin-bottom: 8px;
}

.box-readmore li ul>li:before {
  content: counters(item, ".") " ";
}

.box-readmore ul {
  list-style-type: none;
  counter-reset: item;
  margin-bottom: 0px;
  padding-left: 0px !important;
  margin-top: 8px;
  display: none;
}

.box-readmore ul li {
  display: table;
  counter-increment: item;
  margin: 0 0 5px 0;
}

.box-readmore ul li a {}

.box-readmore ul li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 5px;
}

.box-readmore ul li a {
  color: #000 !important;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
}

.box-readmore ul li li a {
  font-weight: 400;
}

.box-readmore ul li a:hover {
  color: #767676;
}

/* loadpage website */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  pointer-events: none;
}

#loader-wrapper #wrap {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 999999;
}

#loader-wrapper.show1 #wrap {
  background: transparent
}

#loader-wrapper:after {
  -webkit-mask: url(../images/mask-01.png);
  mask: url(../images/mask-01.png);
  -webkit-mask-size: 2300% 100%;
  mask-size: 2300% 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 1);
  z-index: 99999;
}

#loader-wrapper.show1::after {
  -webkit-animation: MaskPlay 1s steps(22) forwards;
  animation: MaskPlay 1s steps(22) forwards;
}

#loader-wrapper.show1 #wrap {
  opacity: 0;
}

.loading-text ul {
  margin-top: 1.875rem
}

.loading-text ul li {
  -webkit-animation: anime 1.5s infinite linear;
  animation: anime 1.5s infinite linear;
  display: inline-block;
  font-family: var(--bs-font-monospace);
  font-size: 1.875rem;
  letter-spacing: 1px
}

.loading-text ul li:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.loading-text ul li:nth-child(2) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

.loading-text ul li:nth-child(3) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.loading-text ul li:nth-child(4) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

.loading-text ul li:nth-child(5) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.loading-text ul li:nth-child(6) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.loading-text ul li:nth-child(7) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.loader {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  padding-bottom: 3.125rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100001
}

/* name */

@-webkit-keyframes anime {
  0% {
    color: grey;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
    transform: translateY(0)
  }

  50% {
    color: #ffc107;
    letter-spacing: 5px;
    text-shadow: 5px 10px 1px #000;
    transform: translateY(-10px)
  }

  100% {
    color: grey;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
    transform: translateY(0)
  }

}

@keyframes anime {
  0% {
    color: grey;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
    transform: translateY(0)
  }

  50% {
    color: #ffc107;
    letter-spacing: 5px;
    text-shadow: 5px 10px 1px #000;
    transform: translateY(-10px)
  }

  100% {
    color: grey;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
    transform: translateY(0)
  }

}

/* end name*/
@-webkit-keyframes MaskPlay {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0
  }

  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0
  }
}

@keyframes MaskPlay {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0
  }

  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0
  }
}

/*  end loadpage website */
body {
  font-size: var(--vpx13);
  font-family: 'UTMAvo';
  top: 0px !important;
  background: #f1f1f1;
}
.skiptranslate{
  display: none;
}
b, strong{
  font-family: 'UTMAvoBold';
}
blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
}

blockquote p {
  margin-bottom: 0;
}

.footer-copyright a {
  color: #fff;
}

.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}

.col-30 {
  padding-left: 15px;
  padding-right: -15px;
}

.col-20 {
  padding-left: 10px;
  padding-right: 10px;
}

.mg-col-10 {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-top-bottom {
  padding: 2.5rem 0;
}

.pad-top {
  padding-top: 2.5rem;
}

.pad-bottom {
  padding-bottom: 2.5rem;
}

.mg-top {
  margin-top: 2.5rem;
}

.mg-bottom {
  margin-bottom: 2.5rem;
}

.hover_xemthem {
  transition: 0.4s;
}

.hover_xemthem:hover {
  letter-spacing: 2px;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

a,
input,
textarea {
  outline: none;
  padding: 0px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.w-clear:after {
  display: block;
  content: "";
  clear: both;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.none {
  display: none;
}

.hidden-seoh {
  visibility: hidden;
  height: 0px;
  margin: 0px;
  overflow: hidden;
}

.wrap-content {
  margin: auto;
  width: 94%;
}

.fix_head {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 999 !important;
}

.pd-l-10 {
  padding-left: -10px;
}

.pd-r-10 {
  padding-right: -10px;
}

.mg-l-10 {
  margin-left: -10px;
}

.mg-r-10 {
  margin-right: -10px;
}

.mg-b-20 {
  margin-bottom: 20px;
}
.wrap-home{
  background: #FFF;
}



.title-detail-main {
  color: #ed1c24;
  font-size: var(--vpx20);
  margin-bottom: var(--vpx20);
  font-family: 'UTMAvoBold';
}
.time-main{
  font-size: var(--vpx13);
}
.time-main i{
  margin-right: var(--vpx5)
}
.title-main {
  margin: 0px;
  font-size: var(--vpx24);
  font-family: 'UTMAvoBold';
  color: #333;
  margin-bottom: 20px;
  text-align: center;
}
div.quote-product{
  font-size: var(--vpx15);
  margin: 0 auto;
  line-height: var(--vpx25);
  padding: var(--vpx15);
  background: #FFF;
  margin-bottom: var(--vpx25);
  box-shadow: 0px 0px var(--vpx10) rgba(0,0,0,0.1);
  border-radius: 5px;
}

.title-main span {
  text-transform: uppercase;
}
.status-flex{
  margin-bottom: var(--vpx10)
}
.status-flex span{
  display: inline-block;
  padding: var(--vpx5) var(--vpx10);
  border-radius: 0.4rem;
  color: #fff;
  display: inline-block;
  margin-right: var(--vpx10);
  border: 1px solid transparent;
}

.status-flex span.success{
  background: #27C500;
}
.status-flex span.fail{
  background: var(--html-bg-website);
}
.status-flex span.view{
  color: #0166ff;
  border-color: #0166ff;
}

.share {
  line-height: normal;
  margin-top: 15px;
  border-radius: 5px;
}

.share b {
  display: block;
  margin-bottom: 5px;
}

.control-owl {
  position: absolute;
  width: 100%;
  z-index: 2;
  left: 0px;
  top: calc(50% - 30px / 2);
}

.control-owl button {
  opacity: 1;
  top: 0px;
  position: absolute;
  outline: none;
  border: 0px;
  padding: 0px;
  margin: 0px;
  display: block;
  cursor: pointer;
  color: #ffffff;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 25px;
  margin: 0px;
  background-color: #2E4B98;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.control-owl button svg {
  stroke: #FFF
}

.control-owl button:hover {
  opacity: 1;
}

.control-owl button.owl-prev {
  left: -40px;
}

.control-owl button.owl-next {
  right: -40px;
}

.control-owl.control-cate-arrow button {
  background-color: transparent;
}

.control-owl.control-cate-arrow button svg {
  stroke: #333;
}

.control-owl.control-cate-arrow button.owl-prev {
  left: auto;
  right: 20px;
}

.control-owl.control-cate-arrow button.owl-next {
  right: 0px;
}


.custom-form-row {
  margin-right: -10px;
  margin-left: -10px;
}

.custom-form-row>.col,
.custom-form-row>[class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.text-sm {
  font-size: var(--vpx13) !important;
}

/* Lazyload */
img.lazy {
  opacity: 0;
}

img:not(.initial) {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

img.initial,
img.loaded,
img.error {
  opacity: 1;
}

img:not([src]) {
  visibility: hidden;
}

/* User */
.wrap-user {
  width: 100%;
  max-width: 550px;
  margin: auto;
  border: 1px solid #bce8f1;
  border-radius: 5px;
}

.title-user {
  background-color: #d9edf7;
  padding: 12px 15px;
  border-radius: 5px 5px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.title-user span {
  color: #31708f;
}

.title-user a {
  color: #0056b3;
  font-size: 12px;
}

.form-user {
  padding: 20px 15px;
}

.input-user {
  margin-bottom: 0.75rem;
}

.input-user input {
  font-size: 14px;
}

.button-user {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.button-user input {
  font-size: 14px;
}

.checkbox-user,
.radio-user {
  cursor: pointer;
}

.checkbox-user input {
  top: calc(50% - 1.25rem / 2);
  height: auto;
}

.checkbox-user label {
  font-size: 14px;
  cursor: pointer;
}

.checkbox-user label::before,
.checkbox-user label::after {
  top: calc(50% - 1rem / 2);
}

.radio-user {
  margin-right: 1rem;
}

.radio-user:last-child {
  margin-right: 0px;
}

.radio-user label::before,
.radio-user label::after {
  top: calc(50% - 1rem / 2);
}

.note-user {
  font-size: 14px;
  border-top: 1px solid #ddd;
  padding-top: 0.5rem;
}

/* Cart */
#popup-cart .modal-title {
  text-transform: uppercase;
}

#popup-cart .modal-body .wrap-cart {
  padding: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px;
}

#popup-cart .modal-footer {
  padding: 0.75rem 0 0 0;
  border-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.buymore-cart {
  color: #ec2d3f;
  cursor: pointer;
  margin: 0px;
}

.buymore-cart i {
  margin-right: 2px;
  margin-top: 5px;
  vertical-align: top;
  font-size: 12px;
}

.wrap-cart {
  padding: 20px 15px;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.top-cart {
  border-right: 1px solid #eee;
}

@media only screen and (max-width: 991px) {
  .top-cart {
    margin-bottom: 2rem;
  }
}

.procart {
  padding: 20px 10px;
  border: 1px solid #eee;
  border-top: 0px;
}

.pic-procart {
  text-align: center;
}

.pic-procart img {
  max-height: 100px;
  height: inherit;
}

.pic-procart .del-procart {
  color: #999;
  font-size: 12px;
  display: block;
  margin-top: 5px;
  cursor: pointer;
}

.pic-procart .del-procart:hover {
  color: red;
}

.name-procart a {
  font-size: 14px;
  color: #000;
  display: block;
}

@media only screen and (max-width: 575px) {
  .name-procart a {
    font-size: 13px;
  }
}

.name-procart a:hover {
  color: #ec2d3f;
}

.properties-procart {
  display: block;
}

.properties-procart p {
  display: inline-block;
  margin-bottom: 0px;
}

.properties-procart p:first-child {
  margin-right: 10px;
}

.properties-procart p strong {
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .quantity-procart {
    text-align: right;
  }
}

.quantity-procart p {
  margin-bottom: 0px;
}

.quantity-counter-procart {
  border: 1px solid #dfdfdf;
  width: 100%;
  height: 30px;
  line-height: normal;
  text-align: center;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.counter-procart {
  background-color: transparent;
  border: 0px;
  width: 30%;
  color: #333;
  outline: none;
  cursor: pointer;
  font-size: 23px;
}

.counter-procart:hover,
.counter-procart:focus {
  color: #ec2d3f;
}

.counter-procart:disabled {
  color: #ccc;
  cursor: not-allowed;
}

.counter-procart:disabled:hover {
  color: #ccc;
  cursor: not-allowed;
}

.counter-procart-minus {
  line-height: 26px;
}

.counter-procart-plus {
  line-height: 24px;
}

.quantity-counter-procart .quantity-procart {
  width: 40%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0px;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px;
  color: #333;
  text-align: center;
}

.price-procart {
  width: 20%;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .price-procart {
    display: none;
  }
}

.price-procart-rp {
  display: none;
  width: 100%;
  margin-bottom: 10px;
  font-size: 13.5px;
}

@media only screen and (max-width: 767px) {
  .price-procart-rp {
    display: block;
  }
}

.price-new-cart {
  color: #ec2d3f;
  margin-bottom: 0px;
}

.price-old-cart {
  color: #999;
  text-decoration: line-through;
}

.procart-label {
  border: 0px;
  background: #eee;
  padding: 10px;
  margin: 0px;
  text-transform: capitalize;
}

@media only screen and (max-width: 575px) {
  .procart-label {
    font-size: 13px;
  }
}

@media only screen and (min-width: 768px) {
  .procart-label .quantity-procart p:first-child {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .procart-label .quantity-procart p:first-child {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .procart-label .quantity-procart p:last-child {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .procart-label .quantity-procart p:last-child {
    display: block;
  }
}

.money-procart {
  margin-top: 15px;
}

.total-procart {
  background: #eee;
  padding: 7px 10px;
  border: 1px solid #dddfe2;
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.total-procart p {
  margin-bottom: 0px;
  font-size: 15px;
}

.total-procart p:last-child {
  color: #ec2d3f;
}

.section-cart {
  position: -webkit-sticky;
  position: sticky;
  top: 15px;
}

.title-cart {
  font-size: 15px;
  text-transform: uppercase;
  color: #000;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.information-cart {
  margin-bottom: 1.5rem;
}

.input-cart {
  margin-bottom: 0.5rem;
  position: relative;
}

.input-cart textarea {
  resize: none;
  height: 100px;
}

.input-cart select {
  cursor: pointer;
}

.payments-cart {
  text-align: left;
  margin-bottom: 5px;
  min-height: auto;
  padding-left: 0;
  margin-left: 20px;
  position: relative;
}

.payments-cart:last-child {
  margin-bottom: 0px;
}

.payments-cart input {
  top: 10px;
  /* opacity: 0; */
  position: absolute;
}

.payments-label {
  cursor: pointer;
  background: #eee;
  display: block;
  padding: 10px 15px;
  border-radius: 3px;
  margin-bottom: 0px;
  color: #313131 !important;
}

.payments-label::before,
.payments-label::after {
  top: calc(50% - 1rem / 2);
}

.payments-label.active {
  background: var(--background-static);
  color: #ffffff !important;
}

.payments-info {
  opacity: 0;
  visibility: hidden;
  height: 0px;
  overflow: hidden;
  background: #f5efef;
  border-radius: 5px;
}

.payments-info p {
  margin-bottom: 1em;
}

.payments-info.active {
  padding: 10px 15px;
  margin-top: 5px;
  opacity: 1;
  visibility: visible;
  height: auto;
}

.btn-cart {
  text-transform: capitalize;
}

.empty-cart {
  padding: 25px 30px;
  text-align: center;
}

.empty-cart i {
  color: red;
  font-size: 70px;
}

.empty-cart p {
  margin: 15px 0px;
  color: #333;
  font-size: 18px;
}

/* Comment */
.comment-title {
  font-size: 18px;
}

.comment-show {
  display: block !important;
}

.comment-point {
  font-size: 47px;
  color: #fe302e;
}

.comment-star {
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0.5rem;
}

.comment-star span {
  display: block;
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
}

.comment-star i {
  display: inline-block;
  margin: 0.1rem;
  color: #b8b8b8;
  text-rendering: auto;
  font-size: 20px;
}

.comment-star i:nth-child(1) {
  margin-left: 0;
}

.comment-star span i {
  color: #ffc120;
}

.comment-progress {
  width: 100%;
  margin-bottom: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comment-progress:last-child {
  margin-bottom: 0px;
}

.comment-progress .progress {
  height: 12px;
  margin-right: 10px;
  margin-left: 5px;
  width: calc(100% - 90px);
  border-radius: 10px;
}

.comment-progress .progress-bar#has-rate {
  background-color: #23b445;
}

.comment-progress .progress-num {
  font-size: 15px;
  width: 25px;
  text-align: center;
  color: #787878;
}

.comment-progress .progress-total {
  font-weight: 600;
  text-align: left;
  color: #787878;
  width: 50px;
}

.comment-write {
  display: none;
}

.review-rating-star {
  font-size: 0;
}

.review-rating-star-icon .fa {
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  margin: 0.1rem;
  font-size: 21px;
  cursor: pointer;
  color: #f0c808;
}

.review-rating-star-icon .fa.star-empty {
  color: #dedddc;
}

.review-rating-star-icon .fa.star-not-empty {
  color: #f0c808;
}

.review-rating-star-icon .fa:nth-child(1) {
  margin-left: 0;
}

.review-fileuploader {
  padding: 20px 15px;
  text-align: center;
  background-color: #ffffff;
  cursor: pointer;
  border: 2px dashed #c2cdda;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.review-fileuploader .review-fileuploader-text {
  color: #90a0bc;
}

.review-file-uploader .fileuploader {
  padding: 0px;
  margin: 0px;
  background: transparent;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list {
  margin: 1rem -5px 0 -5px;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list:after {
  display: block;
  content: "";
  clear: both;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item {
  padding: 0px;
  width: calc(100% / 7 - 10px);
  float: left;
  margin: 0 5px 5px 5px;
  border-bottom: 0px;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns {
  display: block;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail {
  width: auto;
  height: auto;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image {
  height: auto;
  padding: 50% 0;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: none;
  transform: none;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title {
  padding: 0px;
  margin-top: 0.5rem;
  text-align: center;
  display: none;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions {
  margin: 0px;
  position: absolute;
  top: 0px;
  right: -5px;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input {
  border: 1px solid #dddddd;
  border-radius: 0.25rem;
}

.review-poster-video-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.review-poster-video-avatar .avatar-detail {
  width: 95px;
  height: 95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.review-poster-video-avatar .avatar-detail img {
  max-width: 95px;
  max-height: 95px;
}

#review-content {
  height: 100px;
}

.carousel-comment-media .carousel-control a {
  opacity: 1;
  width: 45px;
  height: 45px;
  top: calc(50% - 45px / 2);
  bottom: inherit;
}

.carousel-comment-media .carousel-control a span {
  display: block;
  cursor: pointer;
  color: #222222;
  width: 45px;
  height: 45px;
  padding: 5px;
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.carousel-comment-media .carousel-control a.carousel-control-prev {
  left: 20px;
}

.carousel-comment-media .carousel-control a.carousel-control-prev span {
  padding-right: 9px;
}

.carousel-comment-media .carousel-control a.carousel-control-next {
  right: 20px;
}

.carousel-comment-media .carousel-control a.carousel-control-next span {
  padding-left: 8px;
}

.carousel-comment-media .carousel-indicators {
  position: static;
  margin: 0 0 1rem 0;
}

.carousel-comment-media .carousel-indicators li {
  width: auto;
  max-width: 60px;
  height: auto;
  text-indent: inherit;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin: 0px 0px 3px 0px;
  border: 2px solid transparent;
  opacity: 1;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.carousel-comment-media .carousel-indicators li.active {
  border-color: #ffc120;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.carousel-comment-media .carousel-inner {
  max-width: 550px;
  -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);
  margin: auto;
}

.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video {
  max-width: 100%;
  width: 100%;
  height: 500px;
  vertical-align: top;
  display: inline-block;
  background-color: #000000;
}

#form-reply {
  display: none;
}

.comment-item {
  margin-bottom: 3rem;
}

@media only screen and (min-width: 992px) {
  .comment-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.comment-item-poster {
  width: 200px;
  margin-right: 30px;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .comment-item-poster {
    width: auto;
    margin-right: 0px;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.comment-item-letter {
  border-radius: 50%;
  background-color: #d3d2d3;
  color: #919090;
  width: 65px;
  height: 65px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  line-height: 67px;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 991px) {
  .comment-item-letter {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    margin-bottom: 0;
  }
}

.comment-item-name {
  margin-bottom: 0.25rem;
  text-transform: capitalize;
}

@media only screen and (max-width: 991px) {
  .comment-item-name {
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.comment-item-posttime {
  font-size: 12px;
  color: #999999;
}

.comment-item-information {
  width: calc(100% - 230px);
}

@media only screen and (max-width: 991px) {
  .comment-item-information {
    width: 100%;
  }
}

.comment-item-star {
  float: left;
  margin-right: 10px;
}

.comment-item-star i {
  font-size: 17px;
}

.comment-item-title {
  font-size: 15px;
  font-weight: 500;
}

.comment-replies {
  position: relative;
  background: #f8f9fa;
  border: 1px solid #dfdfdf;
  padding: 1.75rem 1.5rem;
}

.comment-replies:after {
  content: "";
  position: absolute;
}

.comment-replies:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -13px;
  left: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 13px solid #f8f9fa;
}

.comment-replies:after {
  top: -14px;
  left: 9px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 14px solid #dfdfdf;
}

.comment-replies-item {
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.comment-replies-item:last-child {
  margin-bottom: 0px;
}

.comment-replies-letter {
  width: 45px;
  height: 45px;
  margin-right: 10px;
  line-height: 45px;
  padding-left: 1px;
  font-size: 14px;
  border-radius: 50%;
  background-color: #e5e3e5;
  color: #919090;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  text-align: center;
  margin-top: 0.125rem;
}

.comment-replies-letter.admin {
  position: relative;
  background-color: #189eff;
  text-indent: 9999px;
  overflow: hidden;
}

.comment-replies-letter.admin:before {
  content: "QTV";
  text-indent: 0px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.comment-replies-info {
  width: calc(100% - 55px);
}

.comment-replies-name {
  font-weight: 500;
  margin-bottom: 0.125rem;
}

.comment-replies [class*="btn-load-more-"] {
  border: 0px;
  outline: none;
  padding: 0px;
  background: transparent;
}

.comment-media-play {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.comment-media-play svg {
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
}

.comment-media-play svg .comment-media-play-stroke-dotted {
  opacity: 0;
  stroke-dasharray: 4, 5;
  stroke-width: 1px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: spin 4s infinite linear;
  animation: spin 4s infinite linear;
  -webkit-transition: opacity 1s ease, stroke-width 1s ease;
  transition: opacity 1s ease, stroke-width 1s ease;
}

.comment-media-play svg .comment-media-play-stroke-solid {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 4px;
  -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
  transition: stroke-dashoffset 1s ease, opacity 1s ease;
}

.comment-media-play svg .comment-media-play-icon {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

.comment-media-play:hover svg .comment-media-play-stroke-dotted {
  stroke-width: 4px;
  opacity: 1;
}

.comment-media-play:hover svg .comment-media-play-stroke-solid {
  opacity: 0;
  stroke-dashoffset: 300;
}

.comment-media-play:hover svg .comment-media-play-icon {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* head */
.head {
  background-color: #ffffff;
}

.head .head-top {
  color: #ffffff;
  background-color: var(--background-static);
}

.head .head-top .wrap-content {}

.slogan-head {
  height: 40px;
  display: flex;
  align-items: center;
  width: 40%;
}

.info-head {
  margin-bottom: 0;
}

.info-head i {
  vertical-align: top;
  margin: 3px 5px 0px 0px;
  font-size: 16px;
}

.head .head-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.social-head li {
  width: 30px;
}

.head-bottom .wrap-content {
  padding: 10px 0;
}

.logo-head {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0.7vw 2vw 0.7vw 0.7vw;
  overflow: hidden;
  border-top-left-radius: var(--vpx4);
  border-bottom-left-radius: var(--vpx4);
  min-width: 22%;
}

.star-box {
  width: 60%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.star-animate {
  z-index: 124 !important;
  width: 100%;
  height: 100%;
  animation: star linear 1.55s infinite;
  -moz-animation: star linear 1.55s infinite;
  -webkit-animation: star linear 1.55s infinite;
  -o-animation: star linear 1.55s infinite;
}

@keyframes star {
  0% {
      transform: rotate(0) scale(0);
  }

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

  100% {
      transform: rotate(360deg) scale(0);
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.logo-head:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 300%;
  top: -100%;
  left: -5%;
  background-color: #fff;
  transform: skew(-15deg);
  z-index: 0;
}

.logo-head a {
  position: relative;
}

.logo-head a img {
  height: 4.8vw;
  margin-right: 1vw;
}

.text-head {
  position: relative;
}

.text-head h3 {
  font-size: 0.8vw;
  color: var(--html-bg-website);
  font-style: italic;
  text-transform: uppercase;
  margin: 0px;
}

.text-head h2 {
  font-size: 2.2vw;
  color: var(--html-bg-website);
  font-style: italic;
  text-transform: uppercase;
  margin: 0px;
  font-weight: 700;
  font-family: 'UTMAvoBold';
}

.search-btan {
  color: #333;
  position: absolute;
  bottom: 9px;
  right: 10px;
  z-index: 20;
  font-size: var(--vpx18);
  padding: 5px 10px;
  cursor: pointer;
}

.search-head {
  position: absolute;
  max-width: 320px;
  right: 0px;
  min-width: 280px;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}

.search-head.open {
  visibility: visible;
  opacity: 1;
}

.hotline-head {
  width: 30%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.hotline-head div:nth-child(1) {
  padding: 5px 10px 4px;
  background: #d90000;
  color: #FFF;
  border-radius: 30px;
  margin-right: 10px;
  text-transform: uppercase;
}

.hotline-head div:nth-child(2) a {
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 10px;
}

.user-head a {
  color: #ffffff;
  padding-right: 9px;
  margin-right: 7px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}

.user-head a:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 8px;
  background-color: #ffffff;
  top: calc(50% - 7px / 2);
  right: 0px;
  opacity: 0.7;
}

.user-head a:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.user-head a:last-child:after {
  display: none;
}

/* Menu */

.flex-between-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.flex-end-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

.flex-between {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.w-menu {
  position: fixed;
  z-index: 900;
  top: 0px;
  width: 100%;
  left: 0px;
  transition: all 0.6s;
}
.w-menu.menu-fixed{
  transform: translateY(-100%);
}
.w-menu.menu-fixed.menu-scroll{
  transform: translateY(0%);
}
.menu-inpage {
  position: sticky;
  top: 0;
  background: #FFF;
}

.menu .wrap-content {
  display: flex;
  flex-wrap: wrap;
  background: rgba(244, 244, 244, 0.8);
  position: relative;
  height: 6.510vw;
  border-radius: var(--vpx4);
  backdrop-filter: blur(7.5px);
}

.menu .wrap-content::before {
  content: "";
  position: absolute;
  width: 100%;
  background-color: var(--html-bg-website);
  left: 0px;
  top: 0.4vw;
  height: var(--vpx41);
}

.right-main {
  position: relative;
  flex: 1;
}

.top-main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFF;
  margin-top: 0.7vw;
  padding: var(--vpx6) var(--vpx10) var(--vpx9) var(--vpx10);
  font-size: var(--vpx14);
  position: relative;
}

.top-main .slogan {}

.top-main .lang {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-main .lang a {
  display: block;
  margin-left: 10px;
  border: 3px solid #FFF;
  border-radius: 3px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4)
}

.right-main>span.line {
  display: block;
  width: 1px;
  height: 25px;
  background: #2E4B98
}

.right-main>div>a {
  display: flex;
  border: 1px solid #E45555;
  text-decoration: none;
  padding: 5px 10px;
  color: #E45555;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
}

.right-main>div>a span {
  display: block;
  width: 6px;
  height: 6px;
  background: #E45555;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
}

.right-main>div>a span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  ;
  border: 4px solid #e455557a;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s;
  animation: borderAni 0.5s linear infinite alternate;
}

@keyframes borderAni {
  0% {
    border: 7px solid #e455557a;
    opacity: 1;
  }

  100% {
    border: 4px solid #e455557a;
    opacity: 0;
  }
}

.right-main img {
  display: block;
  width: 1.3vw;
}

.right-main>a {
  position: relative
}

.right-main>a>span {
  position: absolute;
  display: inline-block;
  padding: 0px 5px;
  background: #E45555;
  border-radius: 50%;
  color: #FFF;
  font-size: 12px;
  top: -9px;
  right: -5px;
}

@media only screen and (max-width: 991px) {
  .menu {
    display: none;
  }
}

.menu ul {
  width: 100%;
  padding: 0px;
  margin: auto;
  list-style: none;
}

.menu ul.menu-main {
  width: 100%;
  display: flex;
  height: 2.604vw;
  justify-content: space-between;
  padding-right: var(--vpx70);
}

.menu ul li {
  position: relative;
  z-index: 1;
}

.menu ul li.menu-line {
  width: 1px;
  height: 15px;
  margin: 0px 8px;
  background-color: rgba(255, 255, 255, 0.3);
}

.menu ul li a {
  display: block;
  position: relative;
  font-size: var(--vpx14);
  color: #454545;
  padding: 8px 15px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
}

.menu ul.menu-main>li>a {
  font-family: 'UTMAvoBold';
  line-height: var(--vpx53);
  position: relative
}

.menu ul.menu-main>li>a::before,
.menu ul.menu-main>li>a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background-color: var(--html-bg-website);
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 400ms ease-out;
}

.menu ul.menu-main>li:hover>a::before,
.menu ul.menu-main>li:hover>a::before {
  left: 50%;
  transform: translateX(-50%);
  visibility: visible;
  width: 100%;
}

.menu ul.menu-main>li>a:hover {
  color: var(--html-bg-website)
}

.menu ul.menu-main>li:first-child {
  margin-right: var(--vpx20);
}

.menu ul.menu-main>li:first-child>a {
  padding: 0px 0px;
  height: var(--vpx53);
  display: flex;
  align-items: center;
}

.menu ul.menu-main>li:not(:first-child)>a {
  padding: 0px var(--vpx10);
}

.menu ul li:hover a,
.menu ul li a.active {
  color: #333;
  border-radius: 0px;
  font-weight: 700;
}

.menu ul li a.active {
  border-bottom: 2px solid #333;
}

.menu ul li a.has-child {
  padding-right: 15px;
  margin-right: 8px;
}

.menu ul li a.has-child:after {
  content: "";
  position: absolute;
  bottom: calc(50% - 4px / 2);
  right: 5px;
  width: 5px;
  height: 5px;
  border: 1px solid #fafafa;
  border-top: 0px;
  border-left: 0px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu ul li ul {
  position: absolute;
  min-width: 250px;
  /* margin-top: -5px; */
  /* padding-top: 0.75rem; */
  /* padding-bottom: 0.75rem; */
  background-color: #FFFFFF;
  border-radius: 0rem;
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
  -webkit-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  visibility: hidden;
}

.menu ul li ul.megaMenu {
  min-width: 400px;
  display: flex;
  flex-wrap: wrap;
}

.menu ul li ul.megaMenu>li {
  width: calc(100% / 2 - 5px);
}

.menu ul li:hover>ul {
  -webkit-transform: perspective(600px) rotateX(0);
  transform: perspective(600px) rotateX(0);
  transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  opacity: 1;
  visibility: visible;
}

.menu ul li ul li {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.menu ul li ul li a {
  color: #3d3d3d;
  border-bottom: 1px solid #ececec;
  padding: 10px 0px 9px 0px;
  text-transform: capitalize;
  font-size: var(--vpx14);
  font-family: 'UTMAvoBold';
}

.menu ul li ul li a.has-child {
  margin-right: 0px;
}

.menu ul li ul li a.has-child:after {
  border-color: #313131;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu ul li ul li a.active {
  color: var(--html-bg-website);
}

.menu ul li ul li a.active.has-child:after {
  border-color: var(--html-bg-website);
}

.menu ul li ul li:last-child>a {
  border-bottom: 0px;
}

.menu ul li ul li:hover>a {
  color: var(--html-bg-website);
}

.menu ul li ul li:hover>a.has-child:after {
  border-color: var(--html-bg-website);
}

.menu ul li ul li ul {
  top: 0;
  left: 100%;
  margin-top: 0px;
}

/* Search */
.search {
  width: 100%;
  background: #f6f2f2;
  border-radius: 3px;
  border: 1px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search p {
  width: var(--vpx34);
  height: var(--vpx34);
  line-height: var(--vpx34);
  cursor: pointer;
  text-align: center;
  margin: 0px;
  color: #6c757d;
  font-size: var(--vpx12);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.search p i {
  margin-top: 5px;
}

.search input {
  width: calc(100% - 35px);
  height: var(--vpx34);
  outline: none;
  padding: 0px;
  border: 0px;
  background: transparent;
  text-indent: 10px;
  font-size: var(--vpx13);
}

.search input::-webkit-input-placeholder {
  color: #313131;
}

.search input:-moz-placeholder {
  color: #313131;
}

.search input::-moz-placeholder {
  color: #313131;
}

.search input:-ms-input-placeholder {
  color: #313131;
}

/* Mmenu */
.menu-res {
  z-index: 100;
  background: #FFF;
  position: relative;
  display: none;
}

@media only screen and (max-width: 991px) {
  .menu-res {
    display: block;
  }
}

.menu-bar-res {
  height: 70px;
  padding: 0px 15px;
}

#menu {
  display: none;
}

#hamburger {
  display: block;
  width: 30px;
  height: 23px;
  position: relative;
  margin-left: 20px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
  background: #ed1c24;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0px;
}

#hamburger:before {
  top: 0px;
}

#hamburger span {
  top: 10px;
}

#hamburger:after {
  top: 20px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
  -webkit-transition: none 0.5s ease 0.5s;
  transition: none 0.5s ease 0.5s;
  -webkit-transition-property: transform, top, bottom, left, opacity;
  transition-property: transform, top, bottom, left, opacity;
}

.mm-wrapper_opening #hamburger:before,
.mm-wrapper_opening #hamburger:after {
  top: 10px;
}

.mm-wrapper_opening #hamburger span {
  left: -50px;
  opacity: 0;
}

.mm-wrapper_opening #hamburger:before {
  transform: rotate(45deg);
}

.mm-wrapper_opening #hamburger:after {
  transform: rotate(-45deg);
}

.mm-menu_opened {
  display: block !important;
}

/* Search Responsive */
.search-res {
  position: relative;
  margin-left: 5px;
}

.search-res .icon-search {
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  line-height: 36px;
  color: #333;
  font-size: 20px;
  margin: 0px;
  border-radius: 50%;
  background: rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-res .icon-search.active {
  color: #ec2d3f;
  background: #ffffff;
  border-radius: 100%;
}

.search-res .search-grid {
  position: absolute;
  top: 50px;
  right: 0px;
  width: 0px;
  height: 40px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ec2d3f;
  z-index: 2;
  opacity: 0;
  border-radius: 25px;
  line-height: normal;
}

.search-res .search-grid p {
  float: left;
  width: 35px;
  height: 38px;
  cursor: pointer;
  outline: none;
  border: none;
  margin: 0px;
  font-size: 17px;
  display: block;
  color: #ec2d3f;
  line-height: 40px;
  text-align: center;
}

.search-res .search-grid input {
  width: calc(100% - 35px);
  float: right;
  line-height: 38px;
  outline: none;
  border: none;
  color: #ec2d3f;
}

.search-res .search-grid input::-webkit-input-placeholder {
  color: #313131;
}

.search-res .search-grid input:-moz-placeholder {
  color: #313131;
}

.search-res .search-grid input::-moz-placeholder {
  color: #313131;
}

.search-res .search-grid input:-ms-input-placeholder {
  color: #313131;
}

/* Slideshow */
.slideshow {
  position: relative;
  margin-bottom: 50px;
}

.slideshow-item {
  display: block;
  cursor: pointer;
}

.slideshow:hover .control-slideshow {
  opacity: 1;
}

.control-slideshow {
  opacity: 0;
}


.info-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.name-slide {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
}

.desc-slide {
  font-size: 15px;
  color: #fff;
  width: 500px;
  margin: 20px 0;
}

.views-more-slide {
  background-color: var(--background-static);
  width: 120px;
  height: 40px;
  color: #fff;
  font-size: 15px;
}

.box-slide.slick-current.slick-active .name-slide {
  animation: fadeInUp;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.box-slide.slick-current.slick-active .desc-slide {
  animation: fadeInUp;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.box-slide.slick-current.slick-active .views-more-slide {
  animation: scaleLarge;
  animation-duration: 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}

.slide-text .slick-prev,
.slide-text .slick-next {
  width: 40px;
  height: 50px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
}

.slide-text .slick-prev {
  left: 5px;
}

.slide-text .slick-next {
  right: 5px;
}

.slide-text .slick-prev:before {
  font-family: "FontAwesome";
  font-weight: 400;
  content: "\f053";
}

.slide-text .slick-next:before {
  font-family: "FontAwesome";
  font-weight: 400;
  content: "\f054";
}

.slide-text .slick-dots {
  bottom: 20px;
}

.slide-text .slick-dots li {
  margin: 0;
}

.slide-text .slick-dots li button:before {
  color: #fff;
  font-size: 15px;
}

.wrap-khoinghiep {
  margin-top: 50px;
}

.wrap-about {
  padding-top: var(--vpx50);
  position: relative;
}

.section-abouts-background {
  left: 0;
  top: var(--vpx50);
  width: 22.5%;
  height: 100%;
  z-index: 0;
  position: absolute;
}

.about-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px -0.651vw;
}

.left-about {
  width: calc(50%);
  padding: 0px 0.651vw;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  z-index: 22;
}

.left-about>span {
  width: 56%;
}

.left-about>span img {
  width: 100%;
}

.section-abouts__left-content {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(7.5px);
  border-left: var(--vpx10) solid var(--html-bg-website);
  padding: var(--vpx25) 0px var(--vpx20) var(--vpx30);
}

.section-abouts__left-content>.title>a {
  font-size: var(--vpx16);
  font-weight: 700;
  text-transform: uppercase;
  color: #223d67;
  margin-bottom: var(--vpx5);
  text-decoration: none;
  display: block
}

.section-abouts__left-content>.detail {
  color: #4B4B4B;
  line-height: var(--vpx30);
  font-size: var(--vpx15);
  margin-bottom: var(--vpx20);
}

.right-about {
  width: calc(50%);
  padding: 0px 0.651vw;
}

.right-about>h3 {
  color: #4D4D4D;
  font-size: var(--vpx20);
  padding-left: var(--vpx110);
  position: relative;
  display: inline-block;
  margin-bottom: var(--vpx20);
  font-style: italic;
}

.right-about>h3::before {
  content: "";
  position: absolute;
  width: var(--vpx100);
  height: var(--vpx1);
  background-color: #E81C2E;
  bottom: 0px;
  left: 0px;
}

.quote-about {
  color: #989898;
  font-size: var(--vpx15);
  line-height: var(--vpx36);
  margin-bottom: var(--vpx20);
}

.quote-about h2 {
  color: #535353;
  line-height: var(--vpx40);
  font-size: var(--vpx30);
  text-transform: uppercase;
  font-family: 'UTMAvoBold'
}

.quote-about>p>a {
  display: inline-block;
  border: 1px solid var(--html-bg-website);
  color: #fff;
  font-size: var(--vpx15);
  font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
  padding: var(--vpx3) var(--vpx35);
  text-transform: uppercase;
  border-radius: var(--vpx4);
  background-color: var(--html-bg-website);
  transition: all 500ms ease-out;
  text-decoration: none;
  transition: all 0.5s;
  position: relative;
}
a.hover-btn{
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
}
a.hover-btn:before{
  content:"";
  position: absolute;
  width: 0%;
  left: 50%;
  top: 0px;
  height: 100%;
  background: rgba(0,0,0,0.1);
  transition: all 0.5s;
}
a.hover-btn:after{
  content:"";
  position: absolute;
  width: 0%;
  right: 50%;
  top: 0px;
  height: 100%;
  background: rgba(0,0,0,0.1);
  transition: all 0.5s;
  
}
a.hover-btn:hover:before,
a.hover-btn:hover:after{
  width: 50%;
}
a.hover-btn:hover{
  background: #223d67;
  border: 1px solid #223d67;
}
.flex-about {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--vpx10)* -1);
  margin-right: calc(var(--vpx10)* -1);
}

.item-about {
  padding-left: var(--vpx10);
  padding-right: var(--vpx10);
  width: 50%;
}

.ratio-video {
  position: relative;
}

.ratio-video::after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: var(--data-ratio-video);
}

.ratio-video__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

.ratio-img::after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: var(--data-ratio);
}

.ratio-cover>img {
  width: 100%;
  object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
}

.ratio-img>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-about {}

.video-about a {
  display: block;
  position: relative;
}

.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
  background: url('../images/icon-play.svg') no-repeat center;
  background-size: cover;
  display: block;
  z-index: 1;
}
.play-icon:hover{
  background: url('../images/icon-play-hover.svg') no-repeat center;
  background-size: cover;
}

.video-about a:before {
  content: '';
  position: absolute;
  top: -30px;
  left: -30px;
  width: 100%;
  height: 100%;
  border: 1px solid #3353a4;
  border-bottom-left-radius: 30px;
}

.video-about a img {
  position: relative;
  border-radius: 60px 0px 60px 0px;
}

.left-about h4 {
  font-size: 45px;
  color: #333;
  font-family: "Qwigley", cursive;
  margin: 0px;
}

.left-about h3 {
  color: #2E4B98;
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  margin-top: -10px;
}

.left-about h3:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 3px;
  background: var(--color-gradient);
}

.left-about .quote-about {
  color: #333;
  line-height: 30px;
  font-size: 18px;
}

.left-about .quote-about a {
  display: inline-block;
  padding: 10px 30px;
  background: var(--color-gradient);
  color: #FFF;
  border-radius: 50px;
  text-decoration: none;
  font-size: 18px;
  margin: 0 auto;
}

.left-about .quote-about ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.left-about .quote-about ul li {
  width: calc(100% / 2 - 10px);
  margin: 10px 0px;
  padding: 15px 15px 15px 50px;
  background: #F8F8F8;
  color: #878787;
  position: relative;
  cursor: pointer;
}

.left-about .quote-about ul li:before {
  content: '';
  position: absolute;
  background: #444E6D url('../images/check.png') no-repeat center;
  width: 34px;
  height: 34px;
  left: 10px;
  top: 10px;
  border-radius: 50%;
}

.left-about .quote-about ul li:hover:before {
  background: #D8B067 url('../images/check.png') no-repeat center;
}

/* Partner */


/* Breadcrumb */
.breadCrumbs {
  background-color: #e1e1e1;
}

.breadCrumbs .wrap-content {
  padding: 0.75rem 0;
}

.breadCrumbs .wrap-content .breadcrumb {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0;
}

.breadCrumbs .wrap-content .breadcrumb-item a {
  color: #6a6a6a;
  font-size: var(--vpx13);
}

.breadCrumbs .wrap-content .breadcrumb-item.active a {
  color: #545454;
  font-family: 'UTMAvoBold';
}

/* Intro */
.wrap-intro {
  background-color: #eee;
}

.news-intro:before {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% - 50px);
  top: 10px;
  left: 90px;
  background-color: #cacaca;
}

.news-control {
  left: 85px;
  font-size: 13px;
  opacity: 0.5;
  z-index: 1;
  cursor: pointer;
}

.news-control:hover {
  opacity: 1;
  color: #ec2d3f;
}

.news-control#up {
  top: -10px;
}

.news-control#down {
  bottom: 20px;
}

.news-shadow {
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.news-shadow .news-shadow-time {
  font-size: 13px;
  width: 75px;
  margin-right: 45px;
}

.news-shadow .news-shadow-time:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 20px / 2);
  right: -26px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/pattern-news.png);
}

.news-shadow .news-shadow-article {
  width: calc(100% - 120px);
  padding: 14px 15px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #cecabb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.news-shadow .news-shadow-article:before {
  content: "";
  position: absolute;
  top: calc(50% - 26px / 2);
  left: -13px;
  z-index: 0;
  border-top: 13px solid transparent;
  border-right: 13px solid #cecabb;
  border-bottom: 13px solid transparent;
}

.news-shadow .news-shadow-article:after {
  content: "";
  position: absolute;
  top: calc(50% - 24px / 2);
  left: -11px;
  z-index: 1;
  border-top: 12px solid transparent;
  border-right: 11px solid #ffffff;
  border-bottom: 12px solid transparent;
}

.news-shadow .news-shadow-article .news-shadow-image {
  margin-right: 10px;
  width: 90px;
}

.news-shadow .news-shadow-article .news-shadow-info {
  width: calc(100% - 100px);
}

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name {
  height: 36px;
  font-size: 15px;
  font-weight: 700;
}

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a {
  color: #222222;
}

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a:hover {
  color: #ec2d3f;
}

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a .text-split {
  -webkit-line-clamp: 2;
}

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc {
  height: 38px;
  font-size: 13px;
}

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc.text-split {
  -webkit-line-clamp: 2;
}

/* Video */
.video {
  cursor: pointer;
  margin-bottom: 1rem;
}

.video .video-image {
  position: relative;
  margin-bottom: 0.75rem;
}

.video .video-image:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 35px;
  top: calc(50% - 50px / 2);
  left: calc(50% - 35px / 2);
  z-index: 1;
  background-repeat: no-repeat;
  background-image: url(../images/play.png);
}

.video .video-name {
  text-align: center;
  font-size: 16px;
  color: #212529;
  margin-bottom: 0px;
}

/* Album */
.album {
  cursor: pointer;
}

.album .album-image {
  margin-bottom: 0.75rem;
}

.album .album-name {
  margin-bottom: 0px;
  text-align: center;
}

.album .album-name a {
  display: block;
  font-size: 16px;
  color: #212529;
  margin-bottom: 0px;
}

/* Brand */
.wrap-brand .wrap-content {
  position: relative;
}

.brand {
  display: block;
  border: 1px solid #eee;
  max-width: 160px;
  margin: 0px auto;
}

/* Product */
.wrap-product {
  margin-bottom: 50px;
}

.cart-product {
  margin-bottom: 0px;
}

.cart-product span,.cart-product a {
  cursor: pointer;
  color: #ffffff;
  text-transform: capitalize;
  text-align: center;
  text-decoration: none;
}

/* Product Detail */
.grid-pro-detail {
  padding: var(--vpx20);
  background: #FFF;
  margin-bottom: var(--vpx20);
}

.wrap-detail{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px calc(var(--vpx15) * -1);
}
.wrap-left{
  width: calc(100% / 12 * 9);
  padding: 0px var(--vpx15);
}
.wrap-right{
  width: calc(100% / 12 * 3);
  padding: 0px var(--vpx15);
}
.left-pro-detail {
  position: relative;
  text-align: center;
  width: 45%;
}
.video-youtube{
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 9;
  animation: hithere 1s ease infinite;
}
.hithere {
  animation: hithere 1s ease infinite;
}
@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}

.right-pro-detail {
  width: calc(55% - 40px);
}

.left-pro-detail .MagicZoom {
  border: 1px solid #eee;
  padding: 7px;
  border-radius: 5px;
  background-color: #ffffff;
  width: 100%;
}

.gallery-thumb-pro {
  position: relative;
  margin-top: 10px;
}

.owl-pro-detail {
  padding: 0;
}

.control-pro-detail button {
  background-color: transparent;
  color: #222222;
  opacity: 1;
  width: 25px;
  font-size: 23px;
}

.control-pro-detail button:hover {
  opacity: 0.7;
}

.control-pro-detail button.owl-prev {
  left: 0px;
}

.control-pro-detail button.owl-next {
  right: 0px;
}

.thumb-pro-detail {
  display: block !important;
  border: 1px solid #eee;
  padding: 5px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #ffffff;
}

.thumb-pro-detail.mz-thumb.mz-thumb-selected {
  border-color: #cecfd2;
}

.thumb-pro-detail img {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-filter: brightness(100%) !important;
  filter: brightness(100%) !important;
  border-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.title-pro-detail {
  text-transform: capitalize;
  font-size: var(--vpx18);
  display: block;
  font-family: 'UTMAvoBold';
}

.comment-pro-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.social-plugin-pro-detail {
  margin-bottom: 1rem;
  margin-top: 0px !important;
}

.desc-pro-detail {
  margin-bottom: 1rem;
}

.attr-pro-detail {
  list-style: none;
  padding: 0px;
}

.attr-pro-detail li {
  margin-bottom: 0.5rem;
}

.size-block-pro-detail {
  display: flex;
  align-items: center;
}

.attr-label-pro-detail {
  margin: 0px 5px 0px 0px;
}

.w-label {
  width: 100px;
  font-weight: 700;
}

.w-value {
  width: calc(100% - 120px);
}

.w-value select {
  width: 100%;
  border: 1px solid #e1e1e1;
  padding: 8px 10px;
  border-radius: 24px;
  outline: none;
}

.w-value select:focus {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2)
}

.attr-content-pro-detail {
  display: inline-block;
  margin-bottom: 0px;
}

.brand-pro-detail {}

.brand-pro-detail a {
  background: #265ba9;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
}

.price-new-pro-detail {
  font-weight: 700;
  font-size: 23px;
  color: #FF0000;
}

.price-old-pro-detail {
  font-weight: 400;
  color: var(--color-gray);
  text-decoration: line-through;
  padding-left: 10px;
}

.show-price span {
  font-size: 25px;
  color: #FF0000;
  font-weight: 700;
}

.show-price span:after {
  content: 'Ä‘'
}

.color-pro-detail {
  cursor: pointer;
  vertical-align: top;
  position: relative;
  width: 48px;
  height: 32px;
  margin: 0 8px 5px 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  border: 1px solid #dadada;
  transition: 0.3s;
  border-radius: 2px;
}

.size-pro-detail {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 48px;
  position: relative;
  margin: 0 8px 0 0;
  border: 1px solid #dadada;
  border-radius: 2px;
  font-size: 12px;
  transition: 0.3s;
}

.size-pro-detail.active,
.color-pro-detail.active {
  border-color: var(--color-dark-red);
}

.size-pro-detail.active:after,
.color-pro-detail.active:after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-image: url(../images/check-cart.png);
}

.color-pro-detail input[type="radio"],
.size-pro-detail input[type="radio"] {
  display: none;
}

.quantity-pro-detail {
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  height: 45px;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #dfdfdf;
}

.quantity-pro-detail span {
  line-height: 25px;
  padding: 0px;
  width: 45px;
  height: 100%;
  color: #000;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.quantity-pro-detail span.quantity-plus-pro-detail {
  border-left: 0px;
}

.quantity-pro-detail span.quantity-minus-pro-detail {
  border-right: 0px;
}

.quantity-pro-detail input {
  height: 100%;
  border: none;
  width: calc(100% - 90px);
  text-align: center;
  font-size: 15px;
}

.cart-pro-detail {
  max-width: 100%;
}

.cart-pro-detail button,
.cart-pro-detail a {
  text-align: center;
  color: #fff;
  cursor: pointer;
  width: calc(100% / 2 - 5px);
  height: 60px;
  border-radius: 5px;
  outline: none;
  border: none;
  display: flex;
  flex-wrap: wrap;
  margin: 4px 0px;
  align-items: center;
  border: 1px solid #e1e1e1;
}

.cart-pro-detail p {
  margin: 0px;
}

.cart-pro-detail button span,
.cart-pro-detail a span {
  width: 100%;
  display: block;

}

.cart-pro-detail button span:nth-child(1),
.cart-pro-detail a span:nth-child(1) {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}

.cart-pro-detail button span:nth-child(2),
.cart-pro-detail a span:nth-child(2) {
  font-size: 12px;
  color: #333;
}

.cart-pro-detail .addnow {
  background: #fff;
  color: var(--color-red);
}

.cart-pro-detail .addnow:not(:disabled):hover {
  color: #fff;
  background: var(--color-red);
}

.cart-pro-detail .buynow {
  background: transparent;
}

.cart-pro-detail a {
  background-color: rgba(207, 155, 248, 1);
  color: #FFF;
  border-color: rgba(207, 155, 248, 1);
}

.cart-pro-detail a span {
  color: #FFF;
}

.cart-pro-detail .giohang:not(:disabled):hover {
  border-color: rgba(207, 155, 248, 1);
  color: rgba(207, 155, 248, 1);
}

.cart-pro-detail .giohang:not(:disabled):hover span {
  color: rgba(207, 155, 248, 1);
}

.cart-pro-detail .muangay:not(:disabled):hover {
  background-color: rgba(207, 155, 248, 1);
  color: #fff;
}

.cart-pro-detail .muangay:not(:disabled):hover span {
  color: #FFF;
}

.cart-pro-detail .muangay:disabled,
.cart-pro-detail .buynow:disabled {
  background-color: #7ea3d8;
}

.cart-pro-detail a span:nth-child(1),
.cart-pro-detail a span:nth-child(2) {
  color: #FFF
}

.cart-pro-detail button i {
  vertical-align: top;
  margin-right: 8px;
  font-size: 24px;
  position: relative;
  top: -2px;
}

.tags-pro-detail a {
  float: left;
  font-size: 13px;
  padding-bottom: 0.375rem;
  margin: 0px 5px 5px 0px;
}

.tags-pro-detail a i {
  font-size: 11px;
  margin: 5px 5px 0px 0px;
}

.tabs-pro-detail {
  margin-top: 2rem;
}

.tabs-pro-detail .nav-tabs .nav-link {
  border-top-width: 3px;
  font-size: 13px;
  color: #333;
  text-transform: uppercase;
  font-weight: 500;
}

.tabs-pro-detail .nav-tabs .nav-link.active,
.tabs-pro-detail .nav-tabs .nav-item.show .nav-link {
  border-top-color: #555555;
}

/* News */
.new-col {
  margin-bottom: var(--vpx23);
}
.new-col .pic-news{
  margin-bottom: var(--vpx15)
}
.box-cnews{
  box-shadow: 0px 0px var(--vpx20) rgba(0,0,0,0.10);
  
}
.news-lia{
  box-shadow: 0px 0px var(--vpx20) rgba(0,0,0,0.10);
}

.pic-news {
  width: var(--vpx220);
}

.pic-news img {
  width: 100%;
}

.info-news {
  width: calc(100% - var(--vpx220));
  padding-left: var(--vpx20);
  min-height: var(--vpx120);
}
.news-lia .info-news {
  padding: var(--vpx10) var(--vpx10) var(--vpx10);
}
.new-col .info-news{
  padding: 0 var(--vpx10) var(--vpx10);
  min-height: var(--vpx155);
}
.name-news {
  color: #252525;
  font-size: var(--vpx14);
  line-height: normal;
  font-family: 'UTMAvoBold';
}

.name-news.text-split {
  -webkit-line-clamp: 2;
}

.name-news:hover {
  color: #ed1c24;
}

.time-news {
  color: var(--color-gray);
  margin-bottom: 10px;
}

.desc-news {
  color: #676767;
  margin-top: 5px;
  line-height: 22px;
  font-size: var(--vpx13);
  line-height: var(--vpx22);
}

.news .news-name {
  margin-bottom: 0.5rem;
}

.news .news-name a {
  color: #333;
  font-size: 16px;
}

.news .news-name a.text-split {
  -webkit-line-clamp: 2;
}

.news .news-name a:hover {
  color: #ec2d3f;
}

.news .news-time {
  color: #84878a;
  margin-bottom: 0.25rem;
}

.news .news-desc {
  color: #333333;
  margin-top: 5px;
  line-height: 22px;
}

.othernews b {
  margin-bottom: 10px;
  font-size: 15px;
  text-transform: uppercase;
}

/*News orther*/
.othernews {
  position: sticky;
  top: 60px;
  z-index: 11;
}
.sub-main{
  padding: var(--vpx15);
  background: #FFF;
}
.sub-main:not(:first-child){
  margin-top: var(--vpx20)
}
.sub-main > h4{
  font-family: 'UTMAvoBold';
  font-size: var(--vpx15);
  margin-bottom: var(--vpx15);
}
.sub-main-detail{
  padding: var(--vpx15);
  background: #FFF;
  position: sticky;
  top: 140px;
  z-index: 11;
}
.sub-main-detail .s-submain{
    padding-bottom: var(--vpx10);
    margin-bottom: var(--vpx10);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: center;
}
.sub-main-detail .s-submain h5{
    font-family: 'UTMAvoBold';
    color: #ed1c24;
}
.sub-main-detail .s-submain p{
    margin: 0px;
}
.sub-main-detail .d-submain{
  
}

.subnews-scroll {
  max-height: var(--vpx458);
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: var(--vpx10);
  margin-right: calc(var(--vpx10) * -1);
}

.subnews-scroll::-webkit-scrollbar {
  width: 2.5px;
  background-color: #005aab;
  border-radius: var(--vpx5);
}

.subnews-scroll::-webkit-scrollbar-thumb {
  background-color: #005aab;
  border-radius: var(--vpx5);
}

.subnews-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
  background-color: #D9D9D9;
  border-radius: var(--vpx5);
}

.news-other {
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.news-other:not(:last-child){
  border-bottom: 1px solid #e1e1e1;
}


.pic-news-other {
  width: 30%;
}

.info-news-other {
  width: 70%;
  padding-left: var(--vpx10);
}
.info-news-other h3 {
  font-family: 'UTMAvoBold';
}
.info-news-other p span{
  font-family: 'UTMAvoBold';
  color: #ed1c24
}

.name-news-other {
  color: #252525;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  line-height: 18px;
}

.name-news-other:hover {
  color: #ed1c24;
}

.name-news-other.text-split {
    -webkit-line-clamp: 2;
}


/* Contact */
.form-floating.form-floating-cus>input,
.form-floating-cus>select {
  height: var(--vpx38);
}

.form-floating.form-floating-cus>textarea {
  height: 100px;
}

.form-floating.form-floating-cus>label {
  padding: 10px 10px;
  color: var(--color-gray);
  font-size: var(--vpx12);
}

.contact-article {
  margin-bottom: 3rem;
}

.contact-input {
  position: relative;
  margin-bottom: 20px;
}

.contact-input input,
.contact-input textarea {
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}

.contact-input input:focus,
.contact-input textarea:focus {
  box-shadow: none;
  outline: none;
}

.contact-input textarea {
  resize: none;
  height: 150px;
}

.contact-input .custom-file-label::after {
  content: attr(title);
}

.contact-map {
  position: relative;
  height: 500px;
}

.contact-map iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100% !important;
  height: 100% !important;
}

/* Newsletter */
.section-newsletter {
  padding: var(--vpx30) 0;
  margin: var(--vpx50) 0px 0px;
}

.newsletter-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0px calc(var(--vpx10) * -1);
}

.newsletter-left {
  width: 60%;
  padding: 0px var(--vpx10);
}

.newsletter-left h2 {
  font-size: var(--vpx18);
  font-family: 'UTMAvoBold';
  color: #FFFFFF;
}

.newsletter-left .detail {
  font-size: var(--vpx15);
  color: #FFF;
}

.newsletter-left .detail p:last-child {
  margin-bottom: 0;
}

.newsletter-left .detail strong {
  font-size: var(--vpx18);
}

.newsletter-right {
  width: 40%;
  padding: 0px var(--vpx10);
}

.newsletter-slogan {
  margin-bottom: 0.5rem;
  color: var(--color-gray);
}

.form-newsletter {
  display: flex;
  justify-content: space-between;
}

.newsletter-input {
  position: relative;
  height: 100%;
  width: calc(100% - 150px);
}

.newsletter-input input {
  border-radius: var(--vpx5);
  height: 100%;
  width: 100%;
  border: 0px;
  padding: 0.5rem 0.75rem;
  background: #FFF;
}

.newsletter-button {
  width: 140px;
}

.newsletter-button input[type="submit"] {
  border: 0px;
  color: #fff;
  text-transform: uppercase;
  height: 100%;
  border-radius: 5px;
  background: var(--html-bg-website);
  width: 100%;
  padding: 6px 10px 4px;
}

/* Footer */
.footer {
  padding: var(--vpx50) 0;
}

.footer-article {
  color: #333;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0px calc(var(--vpx20) * -1);
}

.footer-title {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 1rem;
  font-weight: 500;
}

.name-company {
  font-size: var(--vpx15);
  font-family: 'UTMAvoBold';
  margin-bottom: var(--vpx10);
  padding-bottom: 5px;
  position: relative;
}
#fanpage-facebook{
  margin-bottom: var(--vpx15)
}
.footer-ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.footer-ul li {
  margin-bottom: 10px;
  width: 100%;
}

.footer-ul li:last-child {
  margin-bottom: 0px;
}

.footer-ul li a {
  color: #212529;
  font-size: var(--vpx13);
}

.footer-ul li a:hover {
  text-decoration: none;
  color: #ec2d3f;
}

.footer-tags {
  background: #eee;
}

.footer-tags .wrap-content {
  padding: 30px 15px;
}

.footer-tags-lists {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.footer-tags-lists li {
  float: left;
}

.footer-tags-lists li a {
  padding-bottom: 0.375rem;
}

.footer-powered {
  color: #333;
  font-size: var(--vpx13);
}

.footer-powered .wrap-content {
  position: relative;
}

.footer-powered .wrap-content:before {
  content: '';
  position: absolute;
  top: 0px;
  width: 100%;
  height: 2px;
  left: 0px;
  background: #9e9e9e;
}

.footer-powered .wrap-content {
  padding-top: 15px;
  padding-bottom: 15px;
}

.footer-statistic {
  text-align: right;
}

.footer-statistic span {
  padding-right: 10px;
}

.footer-statistic span:last-child {
  padding-right: 0px;
}

#footer-map {
  position: relative;
  height: 500px;
}

#footer-map iframe {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0px !important;
  left: 0px !important;
}

/* Like Share */
.social-plugin {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.social-plugin .at-share-btn {
  margin-bottom: 0px !important;
}

.social-plugin .zalo-share-button {
  margin-left: 3px;
}

/* Paging */
.pagination-home .pagination .page-item .page-link {
  color: #555555;
  font-size: 0.875rem;
}

.pagination-home .pagination .page-item.active .page-link {
  color: #ffffff;
  background-color: #555555;
  border-color: #555555;
}

/* Paging Ajax */
.pagination-ajax {
  text-align: center;
}

.pagination-ajax a {
  display: inline-block;
  vertical-align: top;
  margin: 0px 3px 3px 3px;
  width: 35px;
  height: 35px;
  line-height: 33px;
  color: #666 !important;
  border: 1px solid #e6e6e6;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none !important;
  background-color: #ffffff;
}

.pagination-ajax a.current,
.pagination-ajax a:hover {
  color: #ffffff !important;
  border-color: #ec2d3f;
  background-color: #ec2d3f;
}

.pagination-ajax a.first,
.pagination-ajax a.last,
.pagination-ajax a.prev,
.pagination-ajax a.next {
  text-indent: -9999px;
  position: relative;
  background-color: #ffffff !important;
}

.pagination-ajax a.first:before,
.pagination-ajax a.last:before,
.pagination-ajax a.prev:before,
.pagination-ajax a.next:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}

.pagination-ajax a.first:before {
  background-image: url(../images/page-first.png);
}

.pagination-ajax a.last:before {
  background-image: url(../images/page-last.png);
}

.pagination-ajax a.prev:before {
  background-image: url(../images/page-prev.png);
}

.pagination-ajax a.next:before {
  background-image: url(../images/page-next.png);
}

/* Popup */
#popup .modal-body {
  padding: 0px;
}

/* Hidden Google Captcha */
.grecaptcha-badge {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  overflow: hidden;
}

/* Hidden Check Grammar Coccoc */
coccocgrammar {
  display: none;
}

/* Scroll Top */
.scrollToTop {
  width: 41px;
  height: 41px;
  text-align: center;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position: fixed;
  bottom: 65px;
  right: 25px;
  display: none;
  z-index: 10;
  cursor: pointer;
}

/* Text Hide */
.text-split {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

/* Transition All */
.transition,
.control-owl button,
.carousel-comment-media .carousel-control a span,
.menu ul li a.has-child:after,
.menu ul li ul,
.menu ul li:hover>ul,
.scale-img img,
.scale-img:hover>img,
.btn-frame .kenit-alo-circle-fill,
.support-online .kenit-alo-circle-fill {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

/* Scale IMG */
.scale-img {
  overflow: hidden;
  display: block;
}

.scale-img img {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.scale-img:hover>img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* Blink */
.blink {
  -webkit-animation-name: blink;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blink;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blink;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Button Frame */
.btn-frame {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}

.btn-frame i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #1182fc;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-frame i img {
  vertical-align: middle;
  width: 70%;
}

.btn-frame .animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.btn-frame .kenit-alo-circle {
  width: 60px;
  height: 60px;
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid rgba(7, 41, 103, 0.8);
  opacity: 0.1;
  border-color: #1182fc;
  opacity: 0.5;
}

.btn-frame .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.btn-frame .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.btn-frame .kenit-alo-circle-fill {
  width: 70px;
  height: 70px;
  top: -10px;
  right: -10px;
  position: absolute;
  border-radius: 100%;
  border: 2px solid transparent;
  background-color: rgba(7, 41, 103, 0.35);
  opacity: 0.4;
}

.btn-frame .pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/* Zalo */
.btn-zalo {
  bottom: 315px;
}

/* Phone */
.btn-phone {
  bottom: 230px;
}

/* Messenger */
.js-facebook-messenger-top-header {
  background: #487dfc;
  color: #fff;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 5px 5px 0 0;
}

.js-facebook-messenger-container.closed {
  display: none !important;
}

.js-facebook-messenger-tooltip {
  bottom: 97px;
  right: 97px;
  color: #404040;
  background: #fff;
}

.js-facebook-messenger-tooltip.closed {
  display: none !important;
}

.js-facebook-messenger-box,
.js-facebook-messenger-button {
  z-index: 999;
}

.js-facebook-messenger-tooltip {
  z-index: 999;
  display: none;
  position: fixed;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;
  box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;
  z-index: 1000000000000000019884624838656;
}

.js-facebook-messenger-close-tooltip {
  width: 10px;
  height: 10px;
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
}

.js-facebook-messenger-box {
  z-index: 999;
}

.js-facebook-messenger-box.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

.js-facebook-messenger-box.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
  z-index: 999;
}

.js-facebook-messenger-box {
  display: block;
  position: fixed;
  cursor: pointer;
  bottom: 150px;
  right: 17px;
  width: 56px;
  height: 56px;
  text-align: center;
  background: #1182fc;
  border-radius: 100%;
  overflow: hidden;
  z-index: 99;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
}

.js-facebook-messenger-box.rotate svg#fb-msng-icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.js-facebook-messenger-box svg#fb-msng-icon {
  width: 32px;
  height: 33px;
  position: absolute;
  top: 13px;
  left: 12px;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
  -webkit-transition: opacity 160ms ease-in-out,
    -webkit-transform 160ms ease-in-out;
  transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;
  transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
  transition: opacity 160ms ease-in-out, transform 160ms ease-in-out,
    -webkit-transform 160ms ease-in-out;
}

.js-facebook-messenger-box.rotate svg#close-icon {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.js-facebook-messenger-box svg#close-icon {
  opacity: 0;
  width: 19px;
  height: 20px;
  position: absolute;
  top: 19px;
  left: 19px;
  -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
  -webkit-transition: opacity 160ms ease-in-out,
    -webkit-transform 160ms ease-in-out;
  transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;
  transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
  transition: opacity 160ms ease-in-out, transform 160ms ease-in-out,
    -webkit-transform 160ms ease-in-out;
}

.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
  z-index: 1000;
}

.js-facebook-messenger-container {
  width: 250px;
  position: fixed;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  bottom: 110px;
  right: 90px;
  border-radius: 10px;
  pointer-events: none;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06),
    0 2px 32px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
  -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
  -webkit-transition: opacity 160ms ease-in-out,
    -webkit-transform 160ms ease-in-out;
  transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;
  transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
  transition: transform 160ms ease-in-out, opacity 160ms ease-in-out,
    -webkit-transform 160ms ease-in-out;
}

.js-facebook-messenger-top-head {
  width: 220px;
  color: #ffffff;
  background: #1182fc;
  display: block;
  position: relative;
  width: 220px;
  background: #1182fc;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  padding: 10px;
  font-size: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.js-facebook-messenger-container iframe,
.js-facebook-messenger-container-button iframe {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
  z-index: 999;
}

.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
  z-index: 1000;
}

.js-facebook-messenger-top-head {
  color: #ffffff;
  background: #1182fc;
  width: 220px;
}

.js-facebook-messenger-tooltip {
  color: #404040;
  background: #fff;
}

.js-facebook-messenger-container.open {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  pointer-events: all;
}

.js-facebook-messenger-tooltip {
  bottom: 97px;
  right: 97px;
}

.js-facebook-messenger-box.open svg#fb-msng-icon {
  opacity: 0;
}

.js-facebook-messenger-box.rotate.open svg#close-icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.js-facebook-messenger-box.open svg#close-icon {
  opacity: 1;
}

/* Cart Fix */
.cart-fixed {
  position: fixed;
  right: 20px;
  bottom: 390px;
  z-index: 10;
  background: #4b4f56;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff !important;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cart-fixed i {
  font-size: 20px;
}

.cart-fixed span {
  position: absolute;
  top: 0px;
  right: -5px;
  color: #ffffff;
  width: 25px;
  height: 25px;
  background: #ec2d3f;
  text-align: center;
  line-height: 25px;
  font-size: 11px;
  border-radius: 100%;
}

/* Toolbar */
@keyframes tada {
  0% {
    transform: scaleX(1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);
  }

  to {
    transform: scaleX(1);
  }
}

.toolbar {
  background: var(--html-bg-website);
  width: 100%;
  padding: 3vw;
  bottom: 0px;
  position: fixed;
  z-index: 500;
  height: auto;
  left: 0px;
  max-height: 65px;
}

.toolbar ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
  margin: 0px;
}

.toolbar ul li {
  text-align: center;
  width: 25%;
}

.toolbar ul li a {
  display: block;
  width: 100%;
  cursor: pointer;
}

.toolbar ul li a img {
  height: 20px;
  width: 20px;
  animation: tada 1.2s infinite;
}

.toolbar ul li a span {
  color: #fff;
  font-size: 10px;
}

/* Fixbar */
.fixbar {
  bottom: 0;
  display: block;
  background: #f0eff4;
  border-top: 1px solid #ddd;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  margin: 0;
  z-index: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 50px;
}

.fixbar ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.fixbar ul li {
  margin: 0 auto 10px;
  text-align: center;
  width: 25%;
  float: left;
}

.fixbar .icon-cart-mobile,
.fixbar .icon-cart-new,
.fixbar .icon-home-new,
.fixbar .icon-hotdeal-new {
  width: 20px;
  height: 20px;
  display: block;
  margin: 8px auto 0;
}

.fixbar .icon-cart-mobile {
  background: url(../images/cart-mobile.png) no-repeat;
}

.cart-total-head-mobile {
  font-size: 10px;
  position: absolute;
  background: red;
  color: #fff !important;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  line-height: 15px;
  top: 5px;
  margin-left: 5px;
}

.fixbar ul li a {
  font-size: 11px;
  text-decoration: none;
  color: #333;
}

.fixbar ul li a i {
  font-size: 20px;
}

/* Plugbar */
.plugbar {
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #eae6e6;
  width: 100%;
  right: 0;
  max-width: 767px;
  margin: 0 auto;
  background: #ffffff;
  padding: 9px 10px 10px 7px;
  z-index: 10;
}

.plugbar ul {
  list-style: none;
  padding: 0;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.plugbar ul li {
  width: 20%;
  float: left;
}

.plugbar ul li a {
  display: block;
  color: #696969;
  font-size: 12px;
  text-align: center;
  position: relative;
}

.plugbar ul li a i {
  font-size: 20px;
  color: #696969;
}

.plugbar ul li a span {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -40px;
  left: calc(50% - 50px / 2);
  font-size: 14px;
  display: block;
  border: 1px solid rgba(234, 230, 230, 0.5);
  border-radius: 100%;
}

/* Combo Phone */
.support-online {
  position: fixed;
  z-index: 999;
  left: 10px;
  bottom: 0px;
}

.support-online a {
  position: relative;
  margin: 20px 10px;
  text-align: left;
  width: 40px;
  height: 40px;
}

.support-online i {
  width: 40px;
  height: 40px;
  background: #43a1f3;
  color: #ffffff;
  border-radius: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 1.9;
  position: relative;
  z-index: 999;
}

.support-online a {
  display: block;
}

.support-online a span {
  border-radius: 2px;
  text-align: center;
  background: #67b634;
  padding: 9px;
  display: none;
  width: 180px;
  margin-left: 10px;
  position: absolute;
  color: #ffffff;
  z-index: 999;
  top: 0px;
  left: 40px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -webkit-animation: headAnimation 0.7s 1;
  animation: headAnimation 0.7s 1;
}

.support-online a:hover span {
  display: block;
}

.support-online a span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #67b634 transparent transparent;
  position: absolute;
  left: -10px;
  top: 10px;
}

.support-online .kenit-alo-circle-fill {
  width: 60px;
  height: 60px;
  top: -10px;
  position: absolute;
  border-radius: 100%;
  border: 2px solid transparent;
  background-color: rgba(0, 175, 242, 0.5);
  opacity: 0.75;
  right: -10px;
}

.support-online .kenit-alo-circle {
  width: 50px;
  height: 50px;
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  opacity: 0.1;
  border-color: #0089b9;
  opacity: 0.5;
}

.support-online .support-online .btn-support {
  cursor: pointer;
}

.support-online .mes i {
  background: orange;
}

.support-online .sms i {
  background: red;
}

.support-online .call-now i {
  background: green;
}

/* Phone Switch */
.widget-mobile {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 10px;
  z-index: 9999999;
}

#my-phone-circle {
  position: relative;
  width: 50px !important;
  height: 50px !important;
}

.wcircle-open .wcircle-icon i:before {
  content: "\f00d";
}

.wcircle-icon {
  background: #1282fc;
  border-radius: 50%;
  position: relative !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wcircle-icon:before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background: rgba(18, 130, 252, 0.5);
  border: 1px solid #ffffff;
  border-radius: 50%;
  left: -5px;
  top: -5px;
  -webkit-animation: pulse 1s infinite ease-in-out;
  animation: pulse 1s infinite ease-in-out;
}

.wcircle-icon:after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background: rgba(18, 130, 252, 0.5);
  border-radius: 50%;
  left: -15px;
  top: -15px;
  -webkit-animation: zoomIn 2s infinite ease-in-out;
  animation: zoomIn 2s infinite ease-in-out;
}

.wcircle-menu {
  position: absolute !important;
  left: 0;
  top: 0;
  display: none;
}

.wcircle-menu-item {
  width: 50px;
  height: 50px;
  background: #1282fc;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wcircle-menu-item img {
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 50%;
}

.wcircle-menu-item i {
  font-size: 25px;
  color: #ffffff;
  position: relative;
  z-index: 9999;
}

.wcircle-icon i {
  font-size: 25px;
  color: #ffffff;
  position: relative;
  z-index: 9999;
}

.shake-anim {
  -webkit-animation: shake-anim 1s infinite ease-in-out;
  animation: shake-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.wrap-support {
  padding-top: var(--vpx70);
}

.form-support-box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0px calc(var(--vpx12) * -1);
}

.form-support-left {
  width: 55%;
  padding: 0px var(--vpx12);
}

.form-support-right {
  width: 45%;
  padding: 0px var(--vpx12);
}

.partner-scroll {
  max-height: var(--vpx258);
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: var(--vpx10);
  margin-right: calc(var(--vpx10) * -1);
  padding-left: var(--vpx10);
  margin-left: calc(var(--vpx10) * -1);
}

.partner-scroll::-webkit-scrollbar {
  width: 2.5px;
  background-color: #005aab;
  border-radius: var(--vpx5);
}

.partner-scroll::-webkit-scrollbar-thumb {
  background-color: #005aab;
  border-radius: var(--vpx5);
}

.partner-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
  background-color: #D9D9D9;
  border-radius: var(--vpx5);
}


.partner {
  position: relative;
  margin: 0px calc(var(--vpx12) * -1);
}

.item-partner {
  padding: 0px var(--vpx10);
}

.box-partner {
  border-radius: var(--vpx4);
  background: #FFF;
  box-shadow: 0px 0px var(--vpx15) rgba(0, 0, 0, 0.1);
  margin: var(--vpx10) 0;
}

.form-support-coam {
  padding: var(--vpx55);
  background: #FFF;
  box-shadow: 0px 0px var(--vpx15) rgba(0, 0, 0, 0.1);
  border-radius: var(--vpx10);
}

.form-support-coam h2 {
  font-size: var(--vpx18);
}

.form-support-coam h3 {
  font-size: var(--vpx25);
  font-family: 'UTMAvoBold';
  color: #6b6b6b;
}

.form-support-coam .detail {
  font-size: var(--vpx15);
  line-height: var(--vpx28);
  margin-top: var(--vpx15);
}

.support-input {
  margin-bottom: var(--vpx10);
  margin-top: var(--vpx10)
}

.support-input .form-control {
  border: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0px;
  border-radius: 0px;
}
.support-input select.form-control{
  height: var(--vpx35);
  color: var(--color-gray);
}

.support-input .form-floating.form-floating-cus>input,
.support-input .form-floating-cus>select {
  height: var(--vpx35);
  font-size: var(--vpx12);
}

.support-input .form-floating>.form-control:focus,
.support-input .form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 2rem;
  box-shadow: 0px 0px 0px transparent
}

.support-input .form-floating>.form-control:focus~label,
.support-input .form-floating>.form-control:not(:placeholder-shown)~label,
.support-input .form-floating>.form-select~label {
  opacity: 1;
  transform: scale(.85) translateY(-.8rem) translateX(0rem);
}

.support-input .form-floating.form-floating-cus>label {
  padding: var(--vpx4) 0px !important;
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
   0px !important;
   0px !important;
   0px !important;
}

.support-input.flex-support {
  position: relative;
}

.support-input.flex-support .left-captcha {}

.support-input.flex-support .right-captcha {
  position: absolute;
  display: flex;
  align-items: center;
  top: 6px;
  right: 0px;
}
.support-input.flex-support .right-captcha img{
  max-height: var(--vpx24)
}
.support-input.flex-support .right-captcha span {
  display: inline-block;
  padding: 0px var(--vpx10);
  cursor: pointer;
  font-size: var(--vpx15);
}

.support-button {
  display: flex;
  justify-content: center;
  margin-top: var(--vpx20);
}

.support-button .btn-support {
  display: inline-block;
  border: 1px solid var(--html-bg-website);
  color: #fff;
  font-size: var(--vpx15);
  font-family: 'UTMAvo';
  padding: var(--vpx8) var(--vpx35);
  text-transform: uppercase;
  border-radius: var(--vpx24);
  background-color: var(--html-bg-website);
  transition: all 500ms ease-out;
  text-decoration: none;
  cursor: pointer;
}

.wrap-newsnb {
  background: #f8f8f8;
  padding: 60px 0px 50px;
  margin-top: 70px;
}

.wrap-newsnb .wrap-content {
  position: relative;
}

.item-newsnb {}

.pic-newsnb {
  margin-bottom: 0px;
}

.left-news .pic-newsnb {
  border-radius: 10px;
  overflow: hidden;
}

.info-newsnb {
  background: #FFF;
  padding: 15px 0px 0px;
  position: relative;
}

.info-newsnb .detail {
  margin-top: var(--vpx10);
  font-size: var(--vpx13);
  line-height: var(--vpx25);
  color: #989898;
}

.time-post {
  position: absolute;
  background: #265ba9;
  top: -30px;
  right: 10px;
  width: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 5px 20px;
  color: #FFF;
}

.info-newsnb h3 {
  padding-right: 60px;
}

.time-post span:nth-child(2) {
  font-size: 20px;
}

a.name-newsnb {
  font-weight: 700;
  color: #494949;
  font-size: var(--vpx14);
  line-height: normal;
  font-family: 'UTMAvoBold';
}

.time-newsnb {
  color: #C5BEBE;
  font-style: italic;
  margin: 0px;
  margin-bottom: var(--vpx10);
}

.time-newsnb a {
  display: inline-block;
  padding: 2px 10px;
  background: #3352a3;
  color: #FFF;
  border-radius: 5px;
  text-decoration: none;
}

a.name-newsnb.text-split {
  -webkit-line-clamp: 2;
}

a.name-newsnb:hover {
  color: var(--color-dark-red);
}

.desc-newsnb {
  color: #878787;
  margin-bottom: 0px;
}

.info-servicenb {
  background: #FFF;
  padding: 20px;
  margin-bottom: 20px;
}

.name-servicenb {
  font-size: 20px;
  color: #5A5A5A;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

.desc-servicenb {
  color: #878787;
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}

.info-servicenb span {
  display: flex;
  width: 40px;
  height: 40px;
  background: #D8B067;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  cursor: pointer;
}

.info-servicenb span:hover {
  background: #434E6E;
}

.video-main {
  position: relative;
  height: 400px;
}

.video-main iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.listvideos {
  width: 100%;
  height: 40px;
  padding: 0px 10px;
  border: 1px solid #ccc;
  color: var(--color-black);
  margin-top: 10px;
  cursor: pointer;
}

.item-video1 img {
  max-height: 292px;
}

.item-video2 img {
  height: 102px;
}

.pic-video {
  position: relative;
  cursor: pointer;
}

.pic-video:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 35px;
  top: calc(50% - 50px / 2);
  left: calc(50% - 35px / 2);
  z-index: 1;
  background: url(../images/play.png) no-repeat center center;
  cursor: pointer;
  background-size: cover;
}

.pic-video img {
  width: 100%;
}

.pic-video-2 {
  position: relative;
  cursor: pointer;
}

.pic-video-2:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 35px;
  top: calc(50% - 50px / 2);
  left: calc(50% - 35px / 2);
  z-index: 1;
  background: url(../images/play.png) no-repeat center center;
  cursor: pointer;
  background-size: cover;
}

.pic-video-2 img {
  width: 100%;
}

.name-video {
  font-size: 16px;
  color: var(--color-black);
  margin-bottom: 0px;
}

.owl-video {
  margin-top: 10px;
}

.newshome-intro .name-newshome {
  margin: 10px 0;
}

.newshome-intro .view-newshome {
  margin-top: 10px;
}

.news-slick {
  margin-bottom: var(--vpx10);
  width: 100%;
  padding-bottom: var(--vpx10);
}

.news-slick:not(:last-child) {
  border-bottom: 1px solid #c5c5c5
}

.news-slick h3 {
  margin: 0;
  display: block;
  width: 100%;
}

.news-slick h3 a.name-newshome {
  margin-bottom: 10px;
}

.news-slick .img {
  width: 170px;
  border-radius: 10px;
}

.news-slick .info {
  width: calc(100% - 170px);
  padding-left: 15px;
}

.flex_ttnb {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.newshome-intro {
  width: calc(50% - 20px);
}

.pic-newshome-normal {
  float: left;
  width: 34%;
  margin-right: 3%;
  margin-bottom: 0px;
}

.pic-newshome-normal img {
  width: 100%;
}

.info-newshome-normal {
  float: left;
  width: calc(100% - 37%);
}

.name-newshome {
  color: #494949;
  font-size: var(--vpx14);
  line-height: normal;
  font-family: 'UTMAvoBold';
}

.name-newshome.text-split {
  -webkit-line-clamp: 2;
}

.name-newshome.text-split a {
  color: #000;
}

.time-newshome {
  color: var(--color-gray);
  margin-bottom: 10px;
  font-style: italic
}

.time-newshome span,
.time-newsnb span {
  padding-left: var(--vpx20);
  margin-right: var(--vpx20);
  line-height: var(--vpx20);
  font-size: var(--vpx12);
}

.time-newshome a {
  display: inline-block;
  padding: 2px 10px;
  background: #3352a3;
  color: #FFF;
  border-radius: 5px;
  text-decoration: none;
}

.desc-newshome {
  color: var(--color-black);
  margin-bottom: 0px;
  text-align: justify;
}

.desc-home-cl.text-split {
  -webkit-line-clamp: 2;
}

.view-newshome {
  width: 140px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  color: #000;
}

.view-newshome:hover {
  color: #000;
}

.title-cate {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: var(--vpx20);
}

.title-cate .title-left {
  min-width: 25%;
  position: relative;
}

.title-cate .title-left:before {
  content: '';
  width: var(--vpx6);
  height: 100%;
  border-left: var(--vpx3) solid #ed1c24;
  border-right: var(--vpx3) solid #FFF;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 22
}

.title-cate:after {
  content: '';
  position: absolute;
  width: 100%;
  height: var(--vpx3);
  background: #d8d8d8;
  bottom: 0px;
  z-index: -1;
  left: 0px;
}

.title-cate .title-left h3 {
  font-size: var(--vpx18);
  font-family: 'UTMAvoBold';
  display: block;
  padding: var(--vpx5) var(--vpx20) var(--vpx7);
  background: #ed1c24;
  color: #FFF;
  width: 100%;
  margin: 0px;
  position: relative;
  overflow: hidden;
}

.title-cate .title-left h3:after {
  content: '';
  width: var(--vpx16);
  height: 200%;
  border-left: var(--vpx4) solid #FFf;
  border-right: var(--vpx12) solid #d8d8d8;
  top: -35%;
  right: calc(var(--vpx1) * -1);
  position: absolute;
  transform: rotate(-24deg);
}

.title-cate .title-left h3:before {
  content: '';
  width: var(--vpx15);
  height: 200%;
  background: #FFF;
  top: -35%;
  right: calc(var(--vpx12) * -1);
  position: absolute;
  transform: rotate(-24deg);
  z-index: 2;
}

.menu-cate {
  width: 58%;
  position: relative;
  padding-right: var(--vpx44);
}

.item-cate {
  text-align: center;
  line-height: var(--vpx32);
  position: relative
}

.item-cate:after {
  position: absolute;
  right: 0px;
  height: 60%;
  width: var(--vpx2);
  background: #878787;
  top: 20%;
  content: '';
}

.item-cate:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  border-bottom: var(--vpx3) solid transparent;
  width: 100%;
  transition: all 0.3s
}

.item-cate:hover:before {
  border-bottom: var(--vpx3) solid #ed1c24;
}

.item-cate a {
  font-size: var(--vpx15);
  font-family: 'UTMAvoBold';
  text-decoration: none;
  color: #2d2d2d;
  text-transform: uppercase;
  display: block
}

.item-cate:hover a {
  color: #ed1c24;
}

.product-categories,
.product-outstanding,
.wrap-categories {
  margin: 0 calc(var(--vpx10) * -1);
  position: relative;
}

.item-product,
.item-product-outstanding,
.col-categories {
  padding: var(--vpx10) var(--vpx10);
}

.item-product-outstanding>h3 {
  display: none;
  margin-top: var(--vpx15);
  text-align: center;
  line-height: var(--vpx18);
}

.item-product-outstanding>h3 a {
  color: #333;
  font-size: var(--vpx14);
  font-family: 'UTMAvoBold';
}

.readmore-categories {
  text-align: center;
  margin-top: 0;
}

.readmore-categories a {
  display: inline-block;
  padding: var(--vpx8) var(--vpx20);
  background: var(--html-bg-website);
  color: #FFF;
  font-style: italic;
  font-size: var(--vpx13);
  text-decoration: none;
  border: 1px solid var(--html-bg-website);
}

.box-product {
  position: relative;
  margin-bottom: 40px;
  padding: var(--vpx13);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  overflow: hidden;
  background: #FFF;
}

.pic-product {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #FFF;
  padding-bottom: 100%;
}

.shop-quickview-button {
  position: absolute;
  top: 0px;
  right: 0px;
  border: 0px;
  background: #3353a5;
  color: #FFF;
  padding: 5px 15px;
  border-bottom-left-radius: 10px;
}

.info-product {
  position: relative;
  padding: 20px 0px 0px;
}

.info-product .star {
  text-align: center;
  font-size: var(--vpx12);
}

.info-product .star span {
  margin: 0px 2px;
}

.info-product .star span.fa-star {
  color: #feac2b
}

.info-product .star span.fa-star-o {
  color: #e2ded8
}

.info-product h3 {
  min-height: var(--vpx60);
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #e4e4e4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.info-product h3.no-bd{
  border-bottom: 0px solid #e4e4e4;
}
.info-product h3 a {
  font-size: var(--vpx15);
  line-height: var(--vpx23);
  font-family: 'UTMAvoBold';
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.info-product .quote-product {
  font-size: var(--vpx13);
  text-align: center;
  color: #858585;
  margin-top: 20px;
  -webkit-line-clamp: 2;
  min-height: var(--vpx40);
}

.pic-product a {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.pic-product .img-1 {}

.pic-product .img-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  transition: all 0.3s;
}

.box-product:hover .pic-product .img-1 {}

.box-product:hover .pic-product .img-2 {
  opacity: 1
}

.pic-product img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.product-tool {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  z-index: 1;
}

.product-tool a {
  cursor: pointer;
  width: 50%;
  padding: 10px;
  text-align: center;
  color: #ffffff;
  background-color: rgb(0 0 0 / 0.6);
}

.product-tool a:hover {
  background-color: rgb(0 0 0 / 0.8);
}

.product-tool a svg {
  margin-right: 5px;
}

.product-tool a span {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 300;
}

.box-product:hover .product-tool {
  opacity: 1;
  visibility: visible;
}

.name-product {
  color: #333333;
}

.name-product:hover {}

.name-product.text-split {
  -webkit-line-clamp: 2;
}

.price-product {
  margin-bottom: 0px;
  margin-top: 10px;
}

.price-product span {
  font-size: 20px;
}

.price-new {
  font-size: 20px;
  color: #2E4B98;
  font-weight: 700;
}

.price-old {
  padding-right: 50px;
  color: var(--color-gray);
  text-decoration: line-through;
}

.price-per {
  position: absolute;
  top: 0px;
  left: 15px;
  color: #ffffff;
  background: var(--color-red);
  font-size: 16x;
  font-weight: 700;
  border-radius: 0px 0px 30px 30px;
  width: 52px;
  height: 60px;
  text-align: center;
  line-height: 25px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-product {
  margin-top: 20px;
}

.cart-product span,.cart-product a {
  cursor: pointer;
  color: #ffffff;
  text-align: center;
  padding: var(--vpx10) var(--vpx10);
  border-radius: 5px;
  font-weight: 400;
  width: 47%;
  font-family: 'UTMAvo';
  font-size: var(--vpx12);
}

.cart-product a:nth-child(1) {
  background: #ec1b22;
}
.cart-product a:nth-child(1):hover {
  background: #013f56;
}


.cart-product span:nth-child(2) {
  background: #d9d9d9;
  color: #333;
}
.cart-product span:nth-child(2):hover {
  background: #013f56;
  color: #FFF;
}
.cart-add {
  background-color: var(--color-red);
}

.cart-add:hover {
  background-color: var(--color-dark-red);
}

.cart-buy {
  background: var(--color-gradient);
}

.cart-buy:hover {
  background-color: var(--color-dark-green);
}

.dm-noibat {
  max-width: 1000px;
  position: relative;
  margin: auto;
  margin-bottom: 40px;
}

.dm-noibat a {
  cursor: pointer;
  color: #333;
  transition: 0.4s;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  position: relative;
  display: block;
  background: #f7f7f7;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  height: 100%;
  padding: 10px;
}

.dm-noibat a:hover,
.dm-noibat a.active {
  background: var(--background-static);
  color: #fff;
}

.cats-bar {
  width: 50px;
  padding-top: 3px;
  position: relative;
}

.cats-bar-icon {
  width: 30px;
  cursor: pointer;
}

.cats-bar-icon span {
  display: block;
  width: 100%;
  height: 2px;
  background: #505050;
  transition: all 0.3s;
  position: relative;
}

.cats-bar-icon span+span {
  margin-top: 5px;
}

.cats-bar-icon.active span:nth-child(1) {
  animation: ease 0.7s top forwards;
}

.cats-bar-icon.not-active span:nth-child(1) {
  animation: ease 0.7s top-2 forwards;
}

.cats-bar-icon.active span:nth-child(2) {
  animation: ease 0.7s scaled forwards;
}

.cats-bar-icon.not-active span:nth-child(2) {
  animation: ease 0.7s scaled-2 forwards;
}

.cats-bar-icon.active span:nth-child(3) {
  animation: ease 0.7s bottom forwards;
}

.cats-bar-icon.not-active span:nth-child(3) {
  animation: ease 0.7s bottom-2 forwards;
}

@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }

  50% {
    top: 6px;
    transform: rotate(0);
  }

  100% {
    top: 6px;
    transform: rotate(45deg);
  }
}

@keyframes top-2 {
  0% {
    top: 6px;
    transform: rotate(45deg);
  }

  50% {
    top: 6px;
    transform: rotate(0deg);
  }

  100% {
    top: 0;
    transform: rotate(0deg);
  }
}

@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }

  50% {
    bottom: 8px;
    transform: rotate(0);
  }

  100% {
    bottom: 8px;
    transform: rotate(135deg);
  }
}

@keyframes bottom-2 {
  0% {
    bottom: 8px;
    transform: rotate(135deg);
  }

  50% {
    bottom: 8px;
    transform: rotate(0);
  }

  100% {
    bottom: 0;
    transform: rotate(0);
  }
}

@keyframes scaled {
  50% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

.cats-owl.list-hot {
  width: calc(100% - 50px);
}

.footer-news {
  padding: 0px var(--vpx20);
}

.footer-news:nth-child(1) {
  width: 40%;
}

.footer-news:nth-child(2) {
  width: 30%;
}

.footer-news:nth-child(3) {
  width: 30%;
}

.footer-news:nth-child(4) {
  width: 300px;
}

.flex-f {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin: 0px calc(var(--vpx10)* -1);
}

.fleft {
  width: 50%;
  padding: 0px var(--vpx10);
  text-align: center;
}
.fleft h2{
  font-family: 'UTMAvoBold';
  margin: 0px;
}

.fright {
  width: 100%;
  padding: 0px var(--vpx10);
}

.footer-info p {
  font-size: var(--vpx13);
  margin-bottom: 8px;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.choose_list {}

.choose_list span {
  text-transform: capitalize;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding: 0 10px;
}

.choose_list span:last-child:after {
  display: none;
}

.choose_list span:after {
  content: '';
  width: 1px;
  height: 10px;
  background: #ddd;
  position: absolute;
  right: 0;
  top: 6px;
}

.choose_list span.choosed {
  color: #f00;
}

.btn_sp {}

.btn_sp a {
  color: #000;
  text-transform: uppercase;
  background: #e6e6e6;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.btn_sp a:hover {
  color: #f00;
}

.d-title-choose-list {
  margin-bottom: 20px;
  border: 1px solid #ddd;
  padding: 5px;
}

.d-title-choose-cat {}

/* dat lich */
.div-datlich {
  width: 46%;
}
.product-pahe{
  position: relative;
}
.form-booking {}

.newsletter-booking {
  margin-bottom: 5px;
}

.newsletter-booking input {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--background-static);
  background: none;
  padding: 0;
}

.newsletter-booking input::placeholder {}

.newsletter-booking textarea {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--background-static);
  background: none;
  margin-bottom: 10px;
  padding: 0;
}

.newsletter-booking textarea::placeholder {}

.newsletter-checkbox {}

.newsletter-checkbox input {
  outline: none;
  width: 15px;
  height: 15px;
}

.d-dongy {}

.label-checkbox {
  color: #7e7e7e;
  position: relative;
  top: 1px;
  margin-left: 10px;
}

.booking-button {}

.booking-button input {
  width: 86px;
  height: 37px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
}

.khung-datlich {
  background: rgba(255, 255, 255, 0.8);
  padding: 40px;
  border: 1px solid var(--background-static);
  border-radius: 20px;
}

.desc-dongy {
  color: #7e7e7e;
  font-size: 13px;
  font-style: italic;
  margin-top: 5px;
}

.btn-datlich {
  position: fixed;
  bottom: 455px;
  right: 10px;
  padding: 10px;
  border-radius: 5px;
  z-index: 99;
  background: #333;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none !important;
}

.btn-datlich i {
  font-size: 20px;
}

.btn-datlich:hover {
  color: #ffff00;
  transition: 0.2s;
}

.wrap-servicenb {
  padding: 50px 0px;
  background: #434E6E;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.project-left {
  width: 50%;
}

.project-right {
  width: 48%;
}

.title-small {
  font-size: 18px;
  text-transform: uppercase;
  color: #D8B067;
  font-weight: bold;
  margin-bottom: 18px;
}

.title-large {
  color: #333;
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 4px;
  margin-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}

.title-large.text-white {
  color: #FFF;
}

.title-large:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background: #265ba9;
}

.text-center {
  text-align: center;
}

.title-large.text-center:before {
  left: 50%;
  margin-left: -50px;
}

.wrap-head {
  max-width: var(--vpx800);
  text-align: center;
  margin: 0 auto;
}

.wrap-head h3 {
  color: #3C3C3C;
  font-size: var(--vpx24);
  font-family: 'UTMAvoBold';
  text-transform: uppercase;
}

.wrap-head h3 a {
  color: #3C3C3C;
  text-decoration: none;
}

.wrap-head .detail {
  line-height: var(--vpx28);
  color: #454545;
  font-size: var(--vpx13);
  margin-bottom: var(--vpx30);
}
.wrap-head .detail p:last-child{
  margin-bottom: 0px;
}

.wrap-head p a {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  align-items: center;
  text-decoration: none;
  color: #A6A3A3;
}

.wrap-head p a img {
  margin-left: 5px;
  display: block;
}

.section-product {
  padding: 30px 0px 0px;
}

.quote-project {
  color: #878787;
  line-height: 30px;
  font-size: 19px;
}

.quote-project p {
  margin-top: 25px;
}

.quote-project a {
  text-decoration: none;
  padding: 7px 20px 5px;
  display: inline-block;
  background: #D8B067;
  color: #FFF;
  border-radius: 5px;
}

.list-project {
  display: flex;
  flex-wrap: wrap;
  margin-left: -190px;
  background: #FFF;
  z-index: 99;
  position: relative;
  border-top: 1px solid #F1f1f1;
  border-right: 1px solid #F1f1f1;
  box-shadow: 0px 4px 40px #ccc;
  margin-top: 90px;
}

.item-project {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  border-left: 1px solid #f1f1f1;
  border-bottom: 1px solid #F1f1f1;
}

.productHideTitle {
  margin: 0px -10px;
}

.boxProductHideTitle {
  width: calc(100% / 4);
  padding: 10px;
}

.productHideTitleContent {
  position: relative;
  overflow: hidden;
}

.productHideTitleContent a img {}

.productHideTitleContent h3 {
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 75px 10px 25px;
  bottom: 0px;
  left: 0px;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  transform: translateY(100%);
  transition: all 0.3s;
}

.productHideTitleContent:hover h3 {
  transform: translateY(0%);
}

.productHideTitleContent h3 a {
  color: #FFF;
  font-size: 18px;
}

.section-review {
  padding: 40px 0px;
}

.item-feedback {
  padding: 20px;
  background: #f6f6f6;
  color: #333;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
}

.feedback-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.feedback-box span {
  display: block;
  width: 60px;
}

.feedback-box span a {
  display: block;
  position: relative
}

.feedback-box span a:before {
  width: 26px;
  height: 26px;
  content: '';
  position: absolute;
  right: -3px;
  bottom: -3px;
  background: url('../images/phay.png') no-repeat top center;
}

.feedback-box span img {
  border-radius: 50%;
}

.feedback-box div {
  width: calc(100% - 80px);
}

.feedback-box div h3 {
  font-size: 16px;
  margin-bottom: 0px;
}

.feedback-box div p {
  margin-bottom: 0px;
}

.feedback-box div h3 a {
  color: #333;
}

.info-feedback {
  font-size: 16px;
  line-height: 26px;
}

.btn-contact {
  margin-bottom: 40px;
}

.btn-contact a {
  display: inline-block;
  padding: 8px 25px 6px;
  border-radius: 5px;
  background: #434E6E;
  color: #FFF;
  text-decoration: none;
  font-size: 16px;
}

.box-article {
  margin-bottom: 100px;
  padding: 20px;
  border: 1px dashed #265ba9;
  border-radius: 10px;
}

.wrap-categories {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px -10px;
}


.item-categories {
  position: relative;
  transition: box-shadow 0.4s ease;
  margin: var(--vpx10) 0px;
}

.item-categories .info {
  margin-top: calc(var(--vpx30) * -1);
  position: relative;
  z-index: 1;
  width: calc(100% - var(--vpx40));
  margin-left: calc(var(--vpx40) / 2);
  padding: var(--vpx12);
  background: #FFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.item-categories:hover .info::before {
  width: 100%;
}

.item-categories .info::before {
  content: "";
  position: absolute;
  width: 0%;
  height: var(--vpx3);
  background-color: #ed1c24;
  left: 0;
  bottom: 0;
  transition: all 500ms ease-in;
}

.item-categories .info .title-box {}

.item-categories .info .title-box .title {
  color: #333;
  margin-bottom: var(--vpx10);
  font-family: 'UTMAvoBold';
  font-size: var(--vpx15);
}

.item-categories:hover .info .title-box .title {
  color: #ed1c24;
}

.item-categories .info .title-box .sub-title {
  color: #c6ccd3;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.item-categories .info .desc {
  background-color: #FFF;
}

.item-categories .info .desc p {
  margin-bottom: 0;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--vpx12);
  line-height: var(--vpx25);
}

.item-categories .info .desc p:nth-child(2) {
  text-align: right;
  color: #005aab;
  text-transform: uppercase;
  margin-top: var(--vpx10)
}

.item-categories .link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  z-index: 11;
}

.text-xs {
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.section-categories {
  padding: var(--vpx30) 0px 10px;
}

.section-product-categories {
  padding: var(--vpx30) 0px;
}

.section-product-outstanding {
  background: #F0F3FD;
  padding: var(--vpx60) 0px;
  border-top: var(--vpx4) solid #eeca00;
  border-bottom: var(--vpx4) solid #eeca00;
  margin-top: var(--vpx40);
}

.product-outstanding {
  position: relative;
}

.box-product-outstanding {
  position: relative;
}

.pic-product-outstanding {
  position: relative;
}

.pic-product-outstanding::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-top: var(--vpx50) solid transparent;
  border-left: var(--vpx50) solid transparent;
  border-bottom: var(--vpx50) solid var(--html-bg-website);
  border-right: var(--vpx50) solid var(--html-bg-website);
}

.pic-product-outstanding>span {
  width: var(--vpx50);
  height: var(--vpx50);
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: var(--vpx25);
  right: var(--vpx25);
  font-size: var(--vpx26);
  color: var(--html-bg-website);
  z-index: 2;
  position: absolute;
}

.pic-product-outstanding>span:hover i {
  transform: rotate(360deg);
}

.pic-product-outstanding>span>i {
  transition: all 500ms ease-in-out;
  cursor: pointer;
}

.info-product-outstanding {
  position: absolute;
  top: 0px;
  color: #fff;
  font-size: var(--vpx13);
  line-height: var(--vpx30);
  padding: 10px;
  text-align: center;
  height: 100%;
  left: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s
}

.box-product-outstanding:hover .info-product-outstanding {
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}

.info-product-outstanding h3 {
  margin-bottom: 20px;
  display: block;
  line-height: var(--vpx36);
  position: relative;
  padding-bottom: 10px;
}

.info-product-outstanding h3:before {
  content: '';
  position: absolute;
  width: 40%;
  height: 3px;
  background: #FFF;
  bottom: 0px;
  left: 30%;
}

.info-product-outstanding h3 a {
  color: #FFF;
  font-size: var(--vpx24);
  text-transform: uppercase;
}

.info-product-outstanding p {
  line-height: var(--vpx30);
  color: #FFF;
  font-size: var(--vpx15);
  margin-bottom: 0;
}

.section-product-buy {
  padding: 50px 0px;
}

.bg-khoinghiep {
  background: url('../images/bg-dk.jpg') no-repeat center;
  background-size: cover;
  padding: 40px 80px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 15px;
}

.left-khoinghiep {
  width: 300px;
}

.right-khoinghiep {
  width: calc(100% - 380px);
  color: #FFF;
}

.right-khoinghiep h2 {
  font-weight: 900;
  text-shadow: 2px 2px 5px #3a3a3a;
  font-size: 42px;
}

.right-khoinghiep ul {
  padding: 0px;
  list-style: none;
  margin-top: 30px
}

.right-khoinghiep ul li {
  padding-left: 35px;
  background: url('../images/icon-check.svg') no-repeat left top;
  font-size: 20px;
  margin: 15px 0px;
}

.read-khoinghiep {
  display: inline-block;
  padding: 10px 30px;
  background: var(--color-gradient);
  color: #FFF;
  border-radius: 50px;
  text-decoration: none;
  font-size: 18px;
  margin: 0 auto;
}

.read-khoinghiep:hover {
  color: #FFF;
}

.mtop-30 {
  margin-top: 30px;
}

.section-customer {
  padding: 50px 0px;
}

.box-customer a {
  display: block;
  position: relative;
}

.item-customer:not(:last-child) {
  margin-bottom: var(--vpx12)
}

.box-customer a.h-img {
  height: 400px;
}

.box-customer a.h-img img,
.h-img-news img,
.h-img-news-top img,
.h-news img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}


.h-img-news {
  height: 128px;
  position: relative;
}

.h-img-news-top {
  height: 428px;
  position: relative;
}

.scale-img.h-img-news:hover>img,
.scale-img.h-img-news-top:hover>img,
.scale-img.h-news:hover>img {
  -webkit-transform: scale(1.1, 1.1) translate(-50%, -50%);
  transform: scale(1.1, 1.1) translate(-50%, -50%);
}

.section-video {
  padding: 50px 0px;
  background: #f0f3fd;
}

.news-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px calc(var(--vpx10) * -1);
}

.title-nes {
  color: #3C3C3C;
  font-size: var(--vpx24);
  font-family: 'UTMAvoBold';
  text-transform: uppercase;
  margin-bottom: var(--vpx20)
}

.left-news {
  width: 25%;
  padding: 0px calc(var(--vpx10));
}

.video-scroll {
  max-height: var(--vpx495);
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: var(--vpx20);
  margin-right: calc(var(--vpx20) *-1);
}

.video-scroll::-webkit-scrollbar {
  width: 2.5px;
  background-color: #ed1c24;
  border-radius: var(--vpx5);
}

.video-scroll::-webkit-scrollbar-thumb {
  background-color: #ed1c24;
  border-radius: var(--vpx5);
}

.video-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
  background-color: #D9D9D9;
  border-radius: var(--vpx5);
}

.news-scroll {
  max-height: var(--vpx495);
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: var(--vpx20);
}

.news-scroll::-webkit-scrollbar {
  width: 2.5px;
  background-color: #005aab;
  border-radius: var(--vpx5);
}

.news-scroll::-webkit-scrollbar-thumb {
  background-color: #005aab;
  border-radius: var(--vpx5);
}

.news-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
  background-color: #D9D9D9;
  border-radius: var(--vpx5);
}

.right-news {
  width: 75%;
  padding: 0px calc(var(--vpx10));
}

.box-news {
  display: flex;
  flex-wrap: wrap;
  margin: 0px calc(var(--vpx10) * -1)
}

.itam-mn,
.newshome-scroll {
  width: 50%;
  padding: 0px calc(var(--vpx10));
}

.box-news h4 {
  font-size: 18px;
  display: block;
  margin-bottom: 20px;
}

.section-news {
  padding: 50px 0px;
}

.wrap-chungnhan {
  padding: 50px 0px;
  margin-bottom: 50px;
}

.chungnhan-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0px -20px;
}

.left-chungnhan {
  width: 50%;
  padding: 0px 20px;
}

.right-chungnhan {
  width: 40%;
  padding: 0px 20px;
}

.box-chungnhan {
  position: relative;
}

.discount-size {
  display: inline-block;
  padding: 4px 10px;
  background: #FF0000;
  color: #FFF;
  border-radius: 5px;
  font-weight: 700;
  margin-left: 10px;
}

.search-btan {
  cursor: pointer;
}

.flex-mmenu {
  display: flex;
  align-items: center;
}
.lang-m{
  display: flex;
  margin-right: 10px;
}
.lang-m a:first-child{
  margin-right: 10px;
 
}
.lang-m a {
   display: block;
   border: 3px solid #FFF;
   border-radius: 3px;
   box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
.flex-mmenu>a.livestream {
  display: flex;
  border: 1px solid #E45555;
  text-decoration: none;
  padding: 5px 10px;
  color: #E45555;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
}

.flex-mmenu>a.livestream span {
  display: block;
  width: 6px;
  height: 6px;
  background: #E45555;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
}

.flex-mmenu>a.livestream span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  ;
  border: 4px solid #e455557a;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s;
  animation: borderAni1 0.5s linear infinite alternate;
}

@keyframes borderAni1 {
  0% {
    border: 7px solid #e455557a;
    opacity: 1;
  }

  100% {
    border: 4px solid #e455557a;
    opacity: 0;
  }
}

.flex-mmenu>a.mgiohang {
  position: relative
}

.flex-mmenu>a.mgiohang>span {
  position: absolute;
  display: inline-block;
  padding: 0px 5px;
  background: #E45555;
  border-radius: 50%;
  color: #FFF;
  font-size: 12px;
  top: -9px;
  right: -5px;
}

.logo-mhead img {
  max-height: 60px;
}


.banner-video {
  overflow: hidden;
  position: relative;
  line-height: 0;
}
.mt019{
  margin-top: var(--vpx30);
}
.submit-phone{
  padding: 0 10px;
  width: 100%;
  height: var(--vpx41);
  line-height: var(--vpx41);
  border: none;
  color: #fff;
  border: 1px solid #ed1c24;
  transition: all .3s ease-in-out;
  cursor: pointer;
  background: #ed1c24;
  border-radius: var(--vpx4);
  font-size: var(--vpx13);
  text-transform: uppercase;
  margin-top: var(--vpx15);
}
.submit-phone:hover {
  background: #fff;
  color: #ed1c24;
}


.thumb__products:hover .wrapper-line__box-outline1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0.208vw;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(var(--html-bg-website)));
    background: linear-gradient(to left, #fff, var(--html-bg-website));
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
    z-index: 2;
}

.thumb__products:hover .wrapper-line__box-outline2 {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0.208vw;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(var(--html-bg-website)));
    background: linear-gradient(to top, #fff, var(--html-bg-website));
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
    z-index: 2;
}

.thumb__products:hover .wrapper-line__box-outline3 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0.208vw;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(var(--html-bg-website)));
    background: linear-gradient(to right, #fff, var(--html-bg-website));
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
    z-index: 2;
}

.thumb__products:hover .wrapper-line__box-outline4 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0.208vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(var(--html-bg-website)));
    background: linear-gradient(to bottom, #fff, var(--html-bg-website));
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
    z-index: 2;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}


.tool-pc {
    position: fixed;
    left: var(--vpx13);
    border-radius: var(--vpx5);
    width: auto;
    z-index: 10000;
    top: 50%;
    transform: translateY(-50%);
    padding: var(--vpx10) 0;
}
.tool-pc ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
  max-width: var(--vpx72);
}
.tool-pc ul>li {
    background-color: #fff;
    border-radius: var(--vpx4);
    margin-bottom: var(--vpx4);
    box-shadow: 2px 2px 7px #ccc;
    transition: all 0.4s;
    max-width: var(--vpx72);
}
.tool-pc ul>li a {
    border: none;
    padding: var(--vpx3);
    display: block;
    border-radius: var(--vpx5);
    text-align: center;
    font-size: var(--vpx10);
    line-height: var(--vpx15);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #515151;
    font-weight: 700;
    max-width: var(--vpx72);
    max-height: var(--vpx54);
    text-decoration: none;
}
[class^="icons-"] {
    background-size: contain !important;
    width: var(--vpx36);
    height: var(--vpx36);
    display: block;
}

.hotline-right {
    width: var(--vpx60);
    height: var(--vpx60);
    position: fixed;
    right: var(--vpx10);
    background: var(--html-bg-website);
    top: 40%;
    border-radius: 100%;
    text-align: Center;
    color: #ffffff;
    padding-top: var(--vpx10);
    font-size: var(--vpx12);
    line-height: var(--vpx20);
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.hotline-right::before {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0px 0px var(--vpx20) var(--html-bg-website);
    content: "";
    left: 0;
    top: 0;
    border-radius: 100%;
    animation: shadow 1s infinite ease;
    -webkit-animation: shadow 1s infinite ease;
    -moz-animation: shadow 1s infinite ease;
    -o-animation: shadow 1s infinite ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.hotline-right::after {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0px 0px var(--vpx20) var(--html-bg-website);
    content: "";
    left: 0;
    top: 0;
    border-radius: 100%;
    animation: shadow 1.4s 1000ms infinite;
    -webkit-animation: shadow 1.4s 1000ms infinite;
    -moz-animation: shadow 1.4s 1000ms infinite;
    -o-animation: shadow 1.4s 1000ms infinite;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hotline-right i.fab-hothotline1 {
    background-color: transparent;
}

.hotline-right i.fab-hothotline1 {
    font-size: var(--vpx21);
    line-height: var(--vpx17);
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.support-content {
    width: var(--vpx250);
    position: absolute;
    background: #fff;
    top: 0;
    right: calc(100% + 20px);
    padding: var(--vpx18);
    color: #000;
    text-align: left;
    font-size: var(--vpx17);
    line-height: var(--vpx25);
    border: solid var(--vpx2) var(--html-bg-website);
    border-radius: var(--vpx5);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -mos-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -mos-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
}

.support-content::before {
    content: "";
    width: 0;
    height: 0;
    border-top: var(--vpx10) solid transparent;
    border-bottom: var(--vpx10) solid transparent;
    border-left: var(--vpx10) solid var(--html-bg-website);
    position: absolute;
    left: 101%;
}
.support-content.active {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -mos-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
}
.support-content p {
    padding: 0;
    font-size: var(--vpx14);
    line-height: var(--vpx20);
    text-transform: uppercase;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
}

.support-content .line a {
    display: block;
    padding-left: var(--vpx30);
    position: relative;
    color: var(--html-bg-website);
    font-weight: bold;
    font-size: var(--vpx20);
    line-height: var(--vpx30);
    margin-bottom: var(--vpx10);
}

.support-content .line a:before {
    content: "\f130";
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--vpx28);
    line-height: var(--vpx28);
    border-radius: var(--vpx5);
}
.hotline-group{
  list-style: none;
  padding: 0px;
  margin: 0px;
}
@-webkit-keyframes shadow {
    0% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }

    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes shadow {
    0% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }

    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        opacity: 0
    }
}

@-o-keyframes shadow {
    0% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }

    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        opacity: 0
    }
}

@-webkit-keyframes shadow {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    20% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .2
    }

    40% {
        transform: rotate(0deg) scale(1.3) skew(1deg);
        opacity: .4
    }

    60% {
        transform: rotate(0deg) scale(1.4) skew(1deg);
        opacity: .6
    }

    80% {
        transform: rotate(0deg) scale(1.5) skew(1deg);
        opacity: .4
    }

    100% {
        transform: rotate(0deg) scale(1.6) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes shadow {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    20% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .2
    }

    40% {
        transform: rotate(0deg) scale(1.3) skew(1deg);
        opacity: .4
    }

    60% {
        transform: rotate(0deg) scale(1.4) skew(1deg);
        opacity: .6
    }

    80% {
        transform: rotate(0deg) scale(1.5) skew(1deg);
        opacity: .4
    }

    100% {
        transform: rotate(0deg) scale(1.6) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes shadow {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    20% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .2
    }

    40% {
        transform: rotate(0deg) scale(1.3) skew(1deg);
        opacity: .4
    }

    60% {
        transform: rotate(0deg) scale(1.4) skew(1deg);
        opacity: .6
    }

    80% {
        transform: rotate(0deg) scale(1.5) skew(1deg);
        opacity: .4
    }

    100% {
        transform: rotate(0deg) scale(1.6) skew(1deg);
        opacity: .1
    }
}

@keyframes shadow {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    20% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .2
    }

    40% {
        transform: rotate(0deg) scale(1.3) skew(1deg);
        opacity: .4
    }

    60% {
        transform: rotate(0deg) scale(1.4) skew(1deg);
        opacity: .6
    }

    80% {
        transform: rotate(0deg) scale(1.5) skew(1deg);
        opacity: .4
    }

    100% {
        transform: rotate(0deg) scale(1.6) skew(1deg);
        opacity: .1
    }
}

@keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

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

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

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    100%,50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0%,100%,50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0%,100%,50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@keyframes quick-alo-circle-img-anim {
    0%,100%,50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}
@media (max-width:739px) {
  :root {
    --vpx1: 1px;
    --vpx2: 2px;
    --vpx3: 3px;
    --vpx4: 4px;
    --vpx5: 5px;
    --vpx6: 6px;
    --vpx7: 7px;
    --vpx8: 8px;
    --vpx9: 9px;
    --vpx10: 10px;
    --vpx11: 11px;
    --vpx12: 12px;
    --vpx13: 13px;
    --vpx14: 14px;
    --vpx15: 15px;
    --vpx16: 16px;
    --vpx17: 17px;
    --vpx18: 18px;
    --vpx19: 19px;
    --vpx20: 20px;
    --vpx21: 21px;
    --vpx22: 22px;
    --vpx23: 23px;
    --vpx24: 24px;
    --vpx25: 25px;
    --vpx26: 26px;
    --vpx27: 27px;
    --vpx28: 28px;
    --vpx29: 29px;
    --vpx30: 30px;
    --vpx31: 31px;
    --vpx32: 32px;
    --vpx33: 33px;
    --vpx34: 34px;
    --vpx35: 35px;
    --vpx36: 36px;
    --vpx37: 37px;
    --vpx38: 38px;
    --vpx39: 39px;
    --vpx40: 40px;
    --vpx41: 41px;
    --vpx42: 42px;
    --vpx43: 43px;
    --vpx44: 44px;
    --vpx45: 45px;
    --vpx46: 46px;
    --vpx47: 47px;
    --vpx48: 48px;
    --vpx49: 49px;
    --vpx50: 50px;
    --vpx51: 51px;
    --vpx52: 52px;
    --vpx53: 53px;
    --vpx54: 54px;
    --vpx55: 55px;
    --vpx56: 56px;
    --vpx57: 57px;
    --vpx58: 58px;
    --vpx59: 59px;
    --vpx60: 60px;
    --vpx61: 61px;
    --vpx62: 62px;
    --vpx63: 63px;
    --vpx64: 64px;
    --vpx65: 65px;
    --vpx66: 66px;
    --vpx67: 67px;
    --vpx68: 68px;
    --vpx69: 69px;
    --vpx70: 70px;
    --vpx71: 71px;
    --vpx72: 72px;
    --vpx73: 73px;
    --vpx74: 74px;
    --vpx75: 75px;
    --vpx76: 76px;
    --vpx77: 77px;
    --vpx78: 78px;
    --vpx79: 79px;
    --vpx80: 80px;
    --vpx81: 81px;
    --vpx82: 82px;
    --vpx83: 83px;
    --vpx84: 84px;
    --vpx85: 85px;
    --vpx86: 86px;
    --vpx87: 87px;
    --vpx88: 88px;
    --vpx89: 89px;
    --vpx90: 90px;
    --vpx91: 91px;
    --vpx92: 92px;
    --vpx93: 93px;
    --vpx94: 94px;
    --vpx95: 95px;
    --vpx96: 96px;
    --vpx97: 97px;
    --vpx98: 98px;
    --vpx99: 99px;
    --vpx100: 100px;
    --vpx101: 101px;
    --vpx102: 102px;
    --vpx103: 103px;
    --vpx104: 104px;
    --vpx105: 105px;
    --vpx106: 106px;
    --vpx107: 107px;
    --vpx108: 108px;
    --vpx109: 109px;
    --vpx110: 110px;
    --vpx111: 111px;
    --vpx112: 112px;
    --vpx113: 113px;
    --vpx114: 114px;
    --vpx115: 115px;
    --vpx116: 116px;
    --vpx117: 117px;
    --vpx118: 118px;
    --vpx119: 119px;
    --vpx120: 120px;
    --vpx121: 121px;
    --vpx122: 122px;
    --vpx123: 123px;
    --vpx124: 124px;
    --vpx125: 125px;
    --vpx126: 126px;
    --vpx127: 127px;
    --vpx128: 128px;
    --vpx129: 129px;
    --vpx130: 130px;
    --vpx131: 131px;
    --vpx132: 132px;
    --vpx133: 133px;
    --vpx134: 134px;
    --vpx135: 135px;
    --vpx136: 136px;
    --vpx137: 137px;
    --vpx138: 138px;
    --vpx139: 139px;
    --vpx140: 140px;
    --vpx141: 141px;
    --vpx142: 142px;
    --vpx143: 143px;
    --vpx144: 144px;
    --vpx145: 145px;
    --vpx146: 146px;
    --vpx147: 147px;
    --vpx148: 148px;
    --vpx149: 149px;
    --vpx150: 150px;
    --vpx151: 151px;
    --vpx152: 152px;
    --vpx153: 153px;
    --vpx154: 154px;
    --vpx155: 155px;
    --vpx156: 156px;
    --vpx157: 157px;
    --vpx158: 158px;
    --vpx159: 159px;
    --vpx160: 160px;
    --vpx161: 161px;
    --vpx162: 162px;
    --vpx163: 163px;
    --vpx164: 164px;
    --vpx165: 165px;
    --vpx166: 166px;
    --vpx167: 167px;
    --vpx168: 168px;
    --vpx169: 169px;
    --vpx170: 170px;
    --vpx171: 171px;
    --vpx172: 172px;
    --vpx173: 173px;
    --vpx174: 174px;
    --vpx175: 175px;
    --vpx176: 176px;
    --vpx177: 177px;
    --vpx178: 178px;
    --vpx179: 179px;
    --vpx180: 180px;
    --vpx181: 181px;
    --vpx182: 182px;
    --vpx183: 183px;
    --vpx184: 184px;
    --vpx185: 185px;
    --vpx186: 186px;
    --vpx187: 187px;
    --vpx188: 188px;
    --vpx189: 189px;
    --vpx190: 190px;
    --vpx191: 191px;
    --vpx192: 192px;
    --vpx193: 193px;
    --vpx194: 194px;
    --vpx195: 195px;
    --vpx196: 196px;
    --vpx197: 197px;
    --vpx198: 198px;
    --vpx199: 199px;
    --vpx200: 200px;
    --vpx201: 201px;
    --vpx202: 202px;
    --vpx203: 203px;
    --vpx204: 204px;
    --vpx205: 205px;
    --vpx206: 206px;
    --vpx207: 207px;
    --vpx208: 208px;
    --vpx209: 209px;
    --vpx210: 210px;
    --vpx211: 211px;
    --vpx212: 212px;
    --vpx213: 213px;
    --vpx214: 214px;
    --vpx215: 215px;
    --vpx216: 216px;
    --vpx217: 217px;
    --vpx218: 218px;
    --vpx219: 219px;
    --vpx220: 220px;
    --vpx221: 221px;
    --vpx222: 222px;
    --vpx223: 223px;
    --vpx224: 224px;
    --vpx225: 225px;
    --vpx226: 226px;
    --vpx227: 227px;
    --vpx228: 228px;
    --vpx229: 229px;
    --vpx230: 230px;
    --vpx231: 231px;
    --vpx232: 232px;
    --vpx233: 233px;
    --vpx234: 234px;
    --vpx235: 235px;
    --vpx236: 236px;
    --vpx237: 237px;
    --vpx238: 238px;
    --vpx239: 239px;
    --vpx240: 240px;
    --vpx241: 241px;
    --vpx242: 242px;
    --vpx243: 243px;
    --vpx244: 244px;
    --vpx245: 245px;
    --vpx246: 246px;
    --vpx247: 247px;
    --vpx248: 248px;
    --vpx249: 249px;
    --vpx250: 250px;
    --vpx251: 251px;
    --vpx252: 252px;
    --vpx253: 253px;
    --vpx254: 254px;
    --vpx255: 255px;
    --vpx256: 256px;
    --vpx257: 257px;
    --vpx258: 258px;
    --vpx259: 259px;
    --vpx260: 260px;
    --vpx261: 261px;
    --vpx262: 262px;
    --vpx263: 263px;
    --vpx264: 264px;
    --vpx265: 265px;
    --vpx266: 266px;
    --vpx267: 267px;
    --vpx268: 268px;
    --vpx269: 269px;
    --vpx270: 270px;
    --vpx271: 271px;
    --vpx272: 272px;
    --vpx273: 273px;
    --vpx274: 274px;
    --vpx275: 275px;
    --vpx276: 276px;
    --vpx277: 277px;
    --vpx278: 278px;
    --vpx279: 279px;
    --vpx280: 280px;
    --vpx281: 281px;
    --vpx282: 282px;
    --vpx283: 283px;
    --vpx284: 284px;
    --vpx285: 285px;
    --vpx286: 286px;
    --vpx287: 287px;
    --vpx288: 288px;
    --vpx289: 289px;
    --vpx290: 290px;
    --vpx291: 291px;
    --vpx292: 292px;
    --vpx293: 293px;
    --vpx294: 294px;
    --vpx295: 295px;
    --vpx296: 296px;
    --vpx297: 297px;
    --vpx298: 298px;
    --vpx299: 299px;
    --vpx300: 300px;
    --vpx301: 301px;
    --vpx302: 302px;
    --vpx303: 303px;
    --vpx304: 304px;
    --vpx305: 305px;
    --vpx306: 306px;
    --vpx307: 307px;
    --vpx308: 308px;
    --vpx309: 309px;
    --vpx310: 310px;
    --vpx311: 311px;
    --vpx312: 312px;
    --vpx313: 313px;
    --vpx314: 314px;
    --vpx315: 315px;
    --vpx316: 316px;
    --vpx317: 317px;
    --vpx318: 318px;
    --vpx319: 319px;
    --vpx320: 320px;
    --vpx321: 321px;
    --vpx322: 322px;
    --vpx323: 323px;
    --vpx324: 324px;
    --vpx325: 325px;
    --vpx326: 326px;
    --vpx327: 327px;
    --vpx328: 328px;
    --vpx329: 329px;
    --vpx330: 330px;
    --vpx331: 331px;
    --vpx332: 332px;
    --vpx333: 333px;
    --vpx334: 334px;
    --vpx335: 335px;
    --vpx336: 336px;
    --vpx337: 337px;
    --vpx338: 338px;
    --vpx339: 339px;
    --vpx340: 340px;
    --vpx341: 341px;
    --vpx342: 342px;
    --vpx343: 343px;
    --vpx344: 344px;
    --vpx345: 345px;
    --vpx346: 346px;
    --vpx347: 347px;
    --vpx348: 348px;
    --vpx349: 349px;
    --vpx350: 350px;
    --vpx351: 351px;
    --vpx352: 352px;
    --vpx353: 353px;
    --vpx354: 354px;
    --vpx355: 355px;
    --vpx356: 356px;
    --vpx357: 357px;
    --vpx358: 358px;
    --vpx359: 359px;
    --vpx360: 360px;
    --vpx361: 361px;
    --vpx362: 362px;
    --vpx363: 363px;
    --vpx364: 364px;
    --vpx365: 365px;
    --vpx366: 366px;
    --vpx367: 367px;
    --vpx368: 368px;
    --vpx369: 369px;
    --vpx370: 370px;
    --vpx371: 371px;
    --vpx372: 372px;
    --vpx373: 373px;
    --vpx374: 374px;
    --vpx375: 375px;
    --vpx376: 376px;
    --vpx377: 377px;
    --vpx378: 378px;
    --vpx379: 379px;
    --vpx380: 380px;
    --vpx381: 381px;
    --vpx382: 382px;
    --vpx383: 383px;
    --vpx384: 384px;
    --vpx385: 385px;
    --vpx386: 386px;
    --vpx387: 387px;
    --vpx388: 388px;
    --vpx389: 389px;
    --vpx390: 390px;
    --vpx391: 391px;
    --vpx392: 392px;
    --vpx393: 393px;
    --vpx394: 394px;
    --vpx395: 395px;
    --vpx396: 396px;
    --vpx397: 397px;
    --vpx398: 398px;
    --vpx399: 399px;
    --vpx400: 400px;
    --vpx401: 401px;
    --vpx402: 402px;
    --vpx403: 403px;
    --vpx404: 404px;
    --vpx405: 405px;
    --vpx406: 406px;
    --vpx407: 407px;
    --vpx408: 408px;
    --vpx409: 409px;
    --vpx410: 410px;
    --vpx411: 411px;
    --vpx412: 412px;
    --vpx413: 413px;
    --vpx414: 414px;
    --vpx415: 415px;
    --vpx416: 416px;
    --vpx417: 417px;
    --vpx418: 418px;
    --vpx419: 419px;
    --vpx420: 420px;
    --vpx421: 421px;
    --vpx422: 422px;
    --vpx423: 423px;
    --vpx424: 424px;
    --vpx425: 425px;
    --vpx426: 426px;
    --vpx427: 427px;
    --vpx428: 428px;
    --vpx429: 429px;
    --vpx430: 430px;
    --vpx431: 431px;
    --vpx432: 432px;
    --vpx433: 433px;
    --vpx434: 434px;
    --vpx435: 435px;
    --vpx436: 436px;
    --vpx437: 437px;
    --vpx438: 438px;
    --vpx439: 439px;
    --vpx440: 440px;
    --vpx441: 441px;
    --vpx442: 442px;
    --vpx443: 443px;
    --vpx444: 444px;
    --vpx445: 445px;
    --vpx446: 446px;
    --vpx447: 447px;
    --vpx448: 448px;
    --vpx449: 449px;
    --vpx450: 450px;
    --vpx451: 451px;
    --vpx452: 452px;
    --vpx453: 453px;
    --vpx454: 454px;
    --vpx455: 455px;
    --vpx456: 456px;
    --vpx457: 457px;
    --vpx458: 458px;
    --vpx459: 459px;
    --vpx460: 460px;
    --vpx461: 461px;
    --vpx462: 462px;
    --vpx463: 463px;
    --vpx464: 464px;
    --vpx465: 465px;
    --vpx466: 466px;
    --vpx467: 467px;
    --vpx468: 468px;
    --vpx469: 469px;
    --vpx470: 470px;
    --vpx471: 471px;
    --vpx472: 472px;
    --vpx473: 473px;
    --vpx474: 474px;
    --vpx475: 475px;
    --vpx476: 476px;
    --vpx477: 477px;
    --vpx478: 478px;
    --vpx479: 479px;
    --vpx480: 480px;
    --vpx481: 481px;
    --vpx482: 482px;
    --vpx483: 483px;
    --vpx484: 484px;
    --vpx485: 485px;
    --vpx486: 486px;
    --vpx487: 487px;
    --vpx488: 488px;
    --vpx489: 489px;
    --vpx490: 490px;
    --vpx491: 491px;
    --vpx492: 492px;
    --vpx493: 493px;
    --vpx494: 494px;
    --vpx495: 495px;
    --vpx496: 496px;
    --vpx497: 497px;
    --vpx498: 498px;
    --vpx499: 499px;
    --vpx500: 500px;
    --vpx501: 501px;
    --vpx502: 502px;
    --vpx503: 503px;
    --vpx504: 504px;
    --vpx505: 505px;
    --vpx506: 506px;
    --vpx507: 507px;
    --vpx508: 508px;
    --vpx509: 509px;
    --vpx510: 510px;
    --vpx511: 511px;
    --vpx512: 512px;
    --vpx513: 513px;
    --vpx514: 514px;
    --vpx515: 515px;
    --vpx516: 516px;
    --vpx517: 517px;
    --vpx518: 518px;
    --vpx519: 519px;
    --vpx520: 520px;
    --vpx521: 521px;
    --vpx522: 522px;
    --vpx523: 523px;
    --vpx524: 524px;
    --vpx525: 525px;
    --vpx526: 526px;
    --vpx527: 527px;
    --vpx528: 528px;
    --vpx529: 529px;
    --vpx530: 530px;
    --vpx531: 531px;
    --vpx532: 532px;
    --vpx533: 533px;
    --vpx534: 534px;
    --vpx535: 535px;
    --vpx536: 536px;
    --vpx537: 537px;
    --vpx538: 538px;
    --vpx539: 539px;
    --vpx540: 540px;
    --vpx541: 541px;
    --vpx542: 542px;
    --vpx543: 543px;
    --vpx544: 544px;
    --vpx545: 545px;
    --vpx546: 546px;
    --vpx547: 547px;
    --vpx548: 548px;
    --vpx549: 549px;
    --vpx550: 550px;
    --vpx551: 551px;
    --vpx552: 552px;
    --vpx553: 553px;
    --vpx554: 554px;
    --vpx555: 555px;
    --vpx556: 556px;
    --vpx557: 557px;
    --vpx558: 558px;
    --vpx559: 559px;
    --vpx560: 560px;
    --vpx561: 561px;
    --vpx562: 562px;
    --vpx563: 563px;
    --vpx564: 564px;
    --vpx565: 565px;
    --vpx566: 566px;
    --vpx567: 567px;
    --vpx568: 568px;
    --vpx569: 569px;
    --vpx570: 570px;
    --vpx571: 571px;
    --vpx572: 572px;
    --vpx573: 573px;
    --vpx574: 574px;
    --vpx575: 575px;
    --vpx576: 576px;
    --vpx577: 577px;
    --vpx578: 578px;
    --vpx579: 579px;
    --vpx580: 580px;
    --vpx581: 581px;
    --vpx582: 582px;
    --vpx583: 583px;
    --vpx584: 584px;
    --vpx585: 585px;
    --vpx586: 586px;
    --vpx587: 587px;
    --vpx588: 588px;
    --vpx589: 589px;
    --vpx590: 590px;
    --vpx591: 591px;
    --vpx592: 592px;
    --vpx593: 593px;
    --vpx594: 594px;
    --vpx595: 595px;
    --vpx596: 596px;
    --vpx597: 597px;
    --vpx598: 598px;
    --vpx599: 599px;
    --vpx600: 600px;
    --vpx601: 601px;
    --vpx602: 602px;
    --vpx603: 603px;
    --vpx604: 604px;
    --vpx605: 605px;
    --vpx606: 606px;
    --vpx607: 607px;
    --vpx608: 608px;
    --vpx609: 609px;
    --vpx610: 610px;
    --vpx611: 611px;
    --vpx612: 612px;
    --vpx613: 613px;
    --vpx614: 614px;
    --vpx615: 615px;
    --vpx616: 616px;
    --vpx617: 617px;
    --vpx618: 618px;
    --vpx619: 619px;
    --vpx620: 620px;
    --vpx621: 621px;
    --vpx622: 622px;
    --vpx623: 623px;
    --vpx624: 624px;
    --vpx625: 625px;
    --vpx626: 626px;
    --vpx627: 627px;
    --vpx628: 628px;
    --vpx629: 629px;
    --vpx630: 630px;
    --vpx631: 631px;
    --vpx632: 632px;
    --vpx633: 633px;
    --vpx634: 634px;
    --vpx635: 635px;
    --vpx636: 636px;
    --vpx637: 637px;
    --vpx638: 638px;
    --vpx639: 639px;
    --vpx640: 640px;
    --vpx641: 641px;
    --vpx642: 642px;
    --vpx643: 643px;
    --vpx644: 644px;
    --vpx645: 645px;
    --vpx646: 646px;
    --vpx647: 647px;
    --vpx648: 648px;
    --vpx649: 649px;
    --vpx650: 650px;
    --vpx651: 651px;
    --vpx652: 652px;
    --vpx653: 653px;
    --vpx654: 654px;
    --vpx655: 655px;
    --vpx656: 656px;
    --vpx657: 657px;
    --vpx658: 658px;
    --vpx659: 659px;
    --vpx660: 660px;
    --vpx661: 661px;
    --vpx662: 662px;
    --vpx663: 663px;
    --vpx664: 664px;
    --vpx665: 665px;
    --vpx666: 666px;
    --vpx667: 667px;
    --vpx668: 668px;
    --vpx669: 669px;
    --vpx670: 670px;
    --vpx671: 671px;
    --vpx672: 672px;
    --vpx673: 673px;
    --vpx674: 674px;
    --vpx675: 675px;
    --vpx676: 676px;
    --vpx677: 677px;
    --vpx678: 678px;
    --vpx679: 679px;
    --vpx680: 680px;
    --vpx681: 681px;
    --vpx682: 682px;
    --vpx683: 683px;
    --vpx684: 684px;
    --vpx685: 685px;
    --vpx686: 686px;
    --vpx687: 687px;
    --vpx688: 688px;
    --vpx689: 689px;
    --vpx690: 690px;
    --vpx691: 691px;
    --vpx692: 692px;
    --vpx693: 693px;
    --vpx694: 694px;
    --vpx695: 695px;
    --vpx696: 696px;
    --vpx697: 697px;
    --vpx698: 698px;
    --vpx699: 699px;
    --vpx700: 700px;
    --vpx701: 701px;
    --vpx702: 702px;
    --vpx703: 703px;
    --vpx704: 704px;
    --vpx705: 705px;
    --vpx706: 706px;
    --vpx707: 707px;
    --vpx708: 708px;
    --vpx709: 709px;
    --vpx710: 710px;
    --vpx711: 711px;
    --vpx712: 712px;
    --vpx713: 713px;
    --vpx714: 714px;
    --vpx715: 715px;
    --vpx716: 716px;
    --vpx717: 717px;
    --vpx718: 718px;
    --vpx719: 719px;
    --vpx720: 720px;
    --vpx721: 721px;
    --vpx722: 722px;
    --vpx723: 723px;
    --vpx724: 724px;
    --vpx725: 725px;
    --vpx726: 726px;
    --vpx727: 727px;
    --vpx728: 728px;
    --vpx729: 729px;
    --vpx730: 730px;
    --vpx731: 731px;
    --vpx732: 732px;
    --vpx733: 733px;
    --vpx734: 734px;
    --vpx735: 735px;
    --vpx736: 736px;
    --vpx737: 737px;
    --vpx738: 738px;
    --vpx739: 739px;
    --vpx740: 740px;
    --vpx741: 741px;
    --vpx742: 742px;
    --vpx743: 743px;
    --vpx744: 744px;
    --vpx745: 745px;
    --vpx746: 746px;
    --vpx747: 747px;
    --vpx748: 748px;
    --vpx749: 749px;
    --vpx750: 750px;
    --vpx751: 751px;
    --vpx752: 752px;
    --vpx753: 753px;
    --vpx754: 754px;
    --vpx755: 755px;
    --vpx756: 756px;
    --vpx757: 757px;
    --vpx758: 758px;
    --vpx759: 759px;
    --vpx760: 760px;
    --vpx761: 761px;
    --vpx762: 762px;
    --vpx763: 763px;
    --vpx764: 764px;
    --vpx765: 765px;
    --vpx766: 766px;
    --vpx767: 767px;
    --vpx768: 768px;
    --vpx769: 769px;
    --vpx770: 770px;
    --vpx771: 771px;
    --vpx772: 772px;
    --vpx773: 773px;
    --vpx774: 774px;
    --vpx775: 775px;
    --vpx776: 776px;
    --vpx777: 777px;
    --vpx778: 778px;
    --vpx779: 779px;
    --vpx780: 780px;
    --vpx781: 781px;
    --vpx782: 782px;
    --vpx783: 783px;
    --vpx784: 784px;
    --vpx785: 785px;
    --vpx786: 786px;
    --vpx787: 787px;
    --vpx788: 788px;
    --vpx789: 789px;
    --vpx790: 790px;
    --vpx791: 791px;
    --vpx792: 792px;
    --vpx793: 793px;
    --vpx794: 794px;
    --vpx795: 795px;
    --vpx796: 796px;
    --vpx797: 797px;
    --vpx798: 798px;
    --vpx799: 799px;
    --vpx800: 800px;
    --vpx801: 801px;
    --vpx802: 802px;
    --vpx803: 803px;
    --vpx804: 804px;
    --vpx805: 805px;
    --vpx806: 806px;
    --vpx807: 807px;
    --vpx808: 808px;
    --vpx809: 809px;
    --vpx810: 810px;
    --vpx811: 811px;
    --vpx812: 812px;
    --vpx813: 813px;
    --vpx814: 814px;
    --vpx815: 815px;
    --vpx816: 816px;
    --vpx817: 817px;
    --vpx818: 818px;
    --vpx819: 819px;
    --vpx820: 820px;
    --vpx821: 821px;
    --vpx822: 822px;
    --vpx823: 823px;
    --vpx824: 824px;
    --vpx825: 825px;
    --vpx826: 826px;
    --vpx827: 827px;
    --vpx828: 828px;
    --vpx829: 829px;
    --vpx830: 830px;
    --vpx831: 831px;
    --vpx832: 832px;
    --vpx833: 833px;
    --vpx834: 834px;
    --vpx835: 835px;
    --vpx836: 836px;
    --vpx837: 837px;
    --vpx838: 838px;
    --vpx839: 839px;
    --vpx840: 840px;
    --vpx841: 841px;
    --vpx842: 842px;
    --vpx843: 843px;
    --vpx844: 844px;
    --vpx845: 845px;
    --vpx846: 846px;
    --vpx847: 847px;
    --vpx848: 848px;
    --vpx849: 849px;
    --vpx850: 850px;
    --vpx851: 851px;
    --vpx852: 852px;
    --vpx853: 853px;
    --vpx854: 854px;
    --vpx855: 855px;
    --vpx856: 856px;
    --vpx857: 857px;
    --vpx858: 858px;
    --vpx859: 859px;
    --vpx860: 860px;
    --vpx861: 861px;
    --vpx862: 862px;
    --vpx863: 863px;
    --vpx864: 864px;
    --vpx865: 865px;
    --vpx866: 866px;
    --vpx867: 867px;
    --vpx868: 868px;
    --vpx869: 869px;
    --vpx870: 870px;
    --vpx871: 871px;
    --vpx872: 872px;
    --vpx873: 873px;
    --vpx874: 874px;
    --vpx875: 875px;
    --vpx876: 876px;
    --vpx877: 877px;
    --vpx878: 878px;
    --vpx879: 879px;
    --vpx880: 880px;
    --vpx881: 881px;
    --vpx882: 882px;
    --vpx883: 883px;
    --vpx884: 884px;
    --vpx885: 885px;
    --vpx886: 886px;
    --vpx887: 887px;
    --vpx888: 888px;
    --vpx889: 889px;
    --vpx890: 890px;
    --vpx891: 891px;
    --vpx892: 892px;
    --vpx893: 893px;
    --vpx894: 894px;
    --vpx895: 895px;
    --vpx896: 896px;
    --vpx897: 897px;
    --vpx898: 898px;
    --vpx899: 899px;
    --vpx900: 900px;
    --vpx901: 901px;
    --vpx902: 902px;
    --vpx903: 903px;
    --vpx904: 904px;
    --vpx905: 905px;
    --vpx906: 906px;
    --vpx907: 907px;
    --vpx908: 908px;
    --vpx909: 909px;
    --vpx910: 910px;
    --vpx911: 911px;
    --vpx912: 912px;
    --vpx913: 913px;
    --vpx914: 914px;
    --vpx915: 915px;
    --vpx916: 916px;
    --vpx917: 917px;
    --vpx918: 918px;
    --vpx919: 919px;
    --vpx920: 920px;
    --vpx921: 921px;
    --vpx922: 922px;
    --vpx923: 923px;
    --vpx924: 924px;
    --vpx925: 925px;
    --vpx926: 926px;
    --vpx927: 927px;
    --vpx928: 928px;
    --vpx929: 929px;
    --vpx930: 930px;
    --vpx931: 931px;
    --vpx932: 932px;
    --vpx933: 933px;
    --vpx934: 934px;
    --vpx935: 935px;
    --vpx936: 936px;
    --vpx937: 937px;
    --vpx938: 938px;
    --vpx939: 939px;
    --vpx940: 940px;
    --vpx941: 941px;
    --vpx942: 942px;
    --vpx943: 943px;
    --vpx944: 944px;
    --vpx945: 945px;
    --vpx946: 946px;
    --vpx947: 947px;
    --vpx948: 948px;
    --vpx949: 949px;
    --vpx950: 950px;
    --vpx951: 951px;
    --vpx952: 952px;
    --vpx953: 953px;
    --vpx954: 954px;
    --vpx955: 955px;
    --vpx956: 956px;
    --vpx957: 957px;
    --vpx958: 958px;
    --vpx959: 959px;
    --vpx960: 960px;
    --vpx961: 961px;
    --vpx962: 962px;
    --vpx963: 963px;
    --vpx964: 964px;
    --vpx965: 965px;
    --vpx966: 966px;
    --vpx967: 967px;
    --vpx968: 968px;
    --vpx969: 969px;
    --vpx970: 970px;
    --vpx971: 971px;
    --vpx972: 972px;
    --vpx973: 973px;
    --vpx974: 974px;
    --vpx975: 975px;
    --vpx976: 976px;
    --vpx977: 977px;
    --vpx978: 978px;
    --vpx979: 979px;
    --vpx980: 980px;
    --vpx981: 981px;
    --vpx982: 982px;
    --vpx983: 983px;
    --vpx984: 984px;
    --vpx985: 985px;
    --vpx986: 986px;
    --vpx987: 987px;
    --vpx988: 988px;
    --vpx989: 989px;
    --vpx990: 990px;
    --vpx991: 991px;
    --vpx992: 992px;
    --vpx993: 993px;
    --vpx994: 994px;
    --vpx995: 995px;
    --vpx996: 996px;
    --vpx997: 997px;
    --vpx998: 998px;
    --vpx999: 999px;
    --vpx1000: 1000px;
    --vpx1001: 1001px;
    --vpx1002: 1002px;
    --vpx1003: 1003px;
    --vpx1004: 1004px;
    --vpx1005: 1005px;
    --vpx1006: 1006px;
    --vpx1007: 1007px;
    --vpx1008: 1008px;
    --vpx1009: 1009px;
    --vpx1010: 1010px;
    --vpx1011: 1011px;
    --vpx1012: 1012px;
    --vpx1013: 1013px;
    --vpx1014: 1014px;
    --vpx1015: 1015px;
    --vpx1016: 1016px;
    --vpx1017: 1017px;
    --vpx1018: 1018px;
    --vpx1019: 1019px;
    --vpx1020: 1020px;
    --vpx1021: 1021px;
    --vpx1022: 1022px;
    --vpx1023: 1023px;
    --vpx1024: 1024px;
    --vpx1025: 1025px;
    --vpx1026: 1026px;
    --vpx1027: 1027px;
    --vpx1028: 1028px;
    --vpx1029: 1029px;
    --vpx1030: 1030px;
    --vpx1031: 1031px;
    --vpx1032: 1032px;
    --vpx1033: 1033px;
    --vpx1034: 1034px;
    --vpx1035: 1035px;
    --vpx1036: 1036px;
    --vpx1037: 1037px;
    --vpx1038: 1038px;
    --vpx1039: 1039px;
    --vpx1040: 1040px;
    --vpx1041: 1041px;
    --vpx1042: 1042px;
    --vpx1043: 1043px;
    --vpx1044: 1044px;
    --vpx1045: 1045px;
    --vpx1046: 1046px;
    --vpx1047: 1047px;
    --vpx1048: 1048px;
    --vpx1049: 1049px;
    --vpx1050: 1050px;
    --vpx1051: 1051px;
    --vpx1052: 1052px;
    --vpx1053: 1053px;
    --vpx1054: 1054px;
    --vpx1055: 1055px;
    --vpx1056: 1056px;
    --vpx1057: 1057px;
    --vpx1058: 1058px;
    --vpx1059: 1059px;
    --vpx1060: 1060px;
    --vpx1061: 1061px;
    --vpx1062: 1062px;
    --vpx1063: 1063px;
    --vpx1064: 1064px;
    --vpx1065: 1065px;
    --vpx1066: 1066px;
    --vpx1067: 1067px;
    --vpx1068: 1068px;
    --vpx1069: 1069px;
    --vpx1070: 1070px;
    --vpx1071: 1071px;
    --vpx1072: 1072px;
    --vpx1073: 1073px;
    --vpx1074: 1074px;
    --vpx1075: 1075px;
    --vpx1076: 1076px;
    --vpx1077: 1077px;
    --vpx1078: 1078px;
    --vpx1079: 1079px;
    --vpx1080: 1080px;
    --vpx1081: 1081px;
    --vpx1082: 1082px;
    --vpx1083: 1083px;
    --vpx1084: 1084px;
    --vpx1085: 1085px;
    --vpx1086: 1086px;
    --vpx1087: 1087px;
    --vpx1088: 1088px;
    --vpx1089: 1089px;
    --vpx1090: 1090px;
    --vpx1091: 1091px;
    --vpx1092: 1092px;
    --vpx1093: 1093px;
    --vpx1094: 1094px;
    --vpx1095: 1095px;
    --vpx1096: 1096px;
    --vpx1097: 1097px;
    --vpx1098: 1098px;
    --vpx1099: 1099px;
    --vpx1100: 1100px;
    --vpx1101: 1101px;
    --vpx1102: 1102px;
    --vpx1103: 1103px;
    --vpx1104: 1104px;
    --vpx1105: 1105px;
    --vpx1106: 1106px;
    --vpx1107: 1107px;
    --vpx1108: 1108px;
    --vpx1109: 1109px;
    --vpx1110: 1110px;
    --vpx1111: 1111px;
    --vpx1112: 1112px;
    --vpx1113: 1113px;
    --vpx1114: 1114px;
    --vpx1115: 1115px;
    --vpx1116: 1116px;
    --vpx1117: 1117px;
    --vpx1118: 1118px;
    --vpx1119: 1119px;
    --vpx1120: 1120px;
    --vpx1121: 1121px;
    --vpx1122: 1122px;
    --vpx1123: 1123px;
    --vpx1124: 1124px;
    --vpx1125: 1125px;
    --vpx1126: 1126px;
    --vpx1127: 1127px;
    --vpx1128: 1128px;
    --vpx1129: 1129px;
    --vpx1130: 1130px;
    --vpx1131: 1131px;
    --vpx1132: 1132px;
    --vpx1133: 1133px;
    --vpx1134: 1134px;
    --vpx1135: 1135px;
    --vpx1136: 1136px;
    --vpx1137: 1137px;
    --vpx1138: 1138px;
    --vpx1139: 1139px;
    --vpx1140: 1140px;
    --vpx1141: 1141px;
    --vpx1142: 1142px;
    --vpx1143: 1143px;
    --vpx1144: 1144px;
    --vpx1145: 1145px;
    --vpx1146: 1146px;
    --vpx1147: 1147px;
    --vpx1148: 1148px;
    --vpx1149: 1149px;
    --vpx1150: 1150px;
    --vpx1151: 1151px;
    --vpx1152: 1152px;
    --vpx1153: 1153px;
    --vpx1154: 1154px;
    --vpx1155: 1155px;
    --vpx1156: 1156px;
    --vpx1157: 1157px;
    --vpx1158: 1158px;
    --vpx1159: 1159px;
    --vpx1160: 1160px;
    --vpx1161: 1161px;
    --vpx1162: 1162px;
    --vpx1163: 1163px;
    --vpx1164: 1164px;
    --vpx1165: 1165px;
    --vpx1166: 1166px;
    --vpx1167: 1167px;
    --vpx1168: 1168px;
    --vpx1169: 1169px;
    --vpx1170: 1170px;
    --vpx1171: 1171px;
    --vpx1172: 1172px;
    --vpx1173: 1173px;
    --vpx1174: 1174px;
    --vpx1175: 1175px;
    --vpx1176: 1176px;
    --vpx1177: 1177px;
    --vpx1178: 1178px;
    --vpx1179: 1179px;
    --vpx1180: 1180px;
    --vpx1181: 1181px;
    --vpx1182: 1182px;
    --vpx1183: 1183px;
    --vpx1184: 1184px;
    --vpx1185: 1185px;
    --vpx1186: 1186px;
    --vpx1187: 1187px;
    --vpx1188: 1188px;
    --vpx1189: 1189px;
    --vpx1190: 1190px;
    --vpx1191: 1191px;
    --vpx1192: 1192px;
    --vpx1193: 1193px;
    --vpx1194: 1194px;
    --vpx1195: 1195px;
    --vpx1196: 1196px;
    --vpx1197: 1197px;
    --vpx1198: 1198px;
    --vpx1199: 1199px;
    --vpx1200: 1200px;
    --vpx1230: 1230px;
  }
}

@media (min-width:740px) {
  :root {
    --vpx1: 1px;
    --vpx2: 2px;
    --vpx3: 3px;
    --vpx4: 4px;
    --vpx5: 5px;
    --vpx6: 6px;
    --vpx7: 7px;
    --vpx8: 8px;
    --vpx9: 9px;
    --vpx10: 10px;
    --vpx11: 11px;
    --vpx12: 12px;
    --vpx13: 13px;
    --vpx14: 14px;
    --vpx15: 15px;
    --vpx16: 16px;
    --vpx17: 17px;
    --vpx18: 18px;
    --vpx19: 19px;
    --vpx20: 20px;
    --vpx21: 21px;
    --vpx22: 22px;
    --vpx23: 23px;
    --vpx24: 24px;
    --vpx25: 25px;
    --vpx26: 26px;
    --vpx27: 27px;
    --vpx28: 28px;
    --vpx29: 29px;
    --vpx30: 30px;
    --vpx31: 31px;
    --vpx32: 32px;
    --vpx33: 33px;
    --vpx34: 34px;
    --vpx35: 35px;
    --vpx36: 36px;
    --vpx37: 37px;
    --vpx38: 38px;
    --vpx39: 39px;
    --vpx40: 40px;
    --vpx41: 41px;
    --vpx42: 42px;
    --vpx43: 43px;
    --vpx44: 44px;
    --vpx45: 45px;
    --vpx46: 46px;
    --vpx47: 47px;
    --vpx48: 48px;
    --vpx49: 49px;
    --vpx50: 50px;
    --vpx51: 51px;
    --vpx52: 52px;
    --vpx53: 53px;
    --vpx54: 54px;
    --vpx55: 55px;
    --vpx56: 56px;
    --vpx57: 57px;
    --vpx58: 58px;
    --vpx59: 59px;
    --vpx60: 60px;
    --vpx61: 61px;
    --vpx62: 62px;
    --vpx63: 63px;
    --vpx64: 64px;
    --vpx65: 65px;
    --vpx66: 66px;
    --vpx67: 67px;
    --vpx68: 68px;
    --vpx69: 69px;
    --vpx70: 70px;
    --vpx71: 71px;
    --vpx72: 72px;
    --vpx73: 73px;
    --vpx74: 74px;
    --vpx75: 75px;
    --vpx76: 76px;
    --vpx77: 77px;
    --vpx78: 78px;
    --vpx79: 79px;
    --vpx80: 80px;
    --vpx81: 81px;
    --vpx82: 82px;
    --vpx83: 83px;
    --vpx84: 84px;
    --vpx85: 85px;
    --vpx86: 86px;
    --vpx87: 87px;
    --vpx88: 88px;
    --vpx89: 89px;
    --vpx90: 90px;
    --vpx91: 91px;
    --vpx92: 92px;
    --vpx93: 93px;
    --vpx94: 94px;
    --vpx95: 95px;
    --vpx96: 96px;
    --vpx97: 97px;
    --vpx98: 98px;
    --vpx99: 99px;
    --vpx100: 100px;
    --vpx101: 101px;
    --vpx102: 102px;
    --vpx103: 103px;
    --vpx104: 104px;
    --vpx105: 105px;
    --vpx106: 106px;
    --vpx107: 107px;
    --vpx108: 108px;
    --vpx109: 109px;
    --vpx110: 110px;
    --vpx111: 111px;
    --vpx112: 112px;
    --vpx113: 113px;
    --vpx114: 114px;
    --vpx115: 115px;
    --vpx116: 116px;
    --vpx117: 117px;
    --vpx118: 118px;
    --vpx119: 119px;
    --vpx120: 120px;
    --vpx121: 121px;
    --vpx122: 122px;
    --vpx123: 123px;
    --vpx124: 124px;
    --vpx125: 125px;
    --vpx126: 126px;
    --vpx127: 127px;
    --vpx128: 128px;
    --vpx129: 129px;
    --vpx130: 130px;
    --vpx131: 131px;
    --vpx132: 132px;
    --vpx133: 133px;
    --vpx134: 134px;
    --vpx135: 135px;
    --vpx136: 136px;
    --vpx137: 137px;
    --vpx138: 138px;
    --vpx139: 139px;
    --vpx140: 140px;
    --vpx141: 141px;
    --vpx142: 142px;
    --vpx143: 143px;
    --vpx144: 144px;
    --vpx145: 145px;
    --vpx146: 146px;
    --vpx147: 147px;
    --vpx148: 148px;
    --vpx149: 149px;
    --vpx150: 150px;
    --vpx151: 151px;
    --vpx152: 152px;
    --vpx153: 153px;
    --vpx154: 154px;
    --vpx155: 155px;
    --vpx156: 156px;
    --vpx157: 157px;
    --vpx158: 158px;
    --vpx159: 159px;
    --vpx160: 160px;
    --vpx161: 161px;
    --vpx162: 162px;
    --vpx163: 163px;
    --vpx164: 164px;
    --vpx165: 165px;
    --vpx166: 166px;
    --vpx167: 167px;
    --vpx168: 168px;
    --vpx169: 169px;
    --vpx170: 170px;
    --vpx171: 171px;
    --vpx172: 172px;
    --vpx173: 173px;
    --vpx174: 174px;
    --vpx175: 175px;
    --vpx176: 176px;
    --vpx177: 177px;
    --vpx178: 178px;
    --vpx179: 179px;
    --vpx180: 180px;
    --vpx181: 181px;
    --vpx182: 182px;
    --vpx183: 183px;
    --vpx184: 184px;
    --vpx185: 185px;
    --vpx186: 186px;
    --vpx187: 187px;
    --vpx188: 188px;
    --vpx189: 189px;
    --vpx190: 190px;
    --vpx191: 191px;
    --vpx192: 192px;
    --vpx193: 193px;
    --vpx194: 194px;
    --vpx195: 195px;
    --vpx196: 196px;
    --vpx197: 197px;
    --vpx198: 198px;
    --vpx199: 199px;
    --vpx200: 200px;
    --vpx201: 201px;
    --vpx202: 202px;
    --vpx203: 203px;
    --vpx204: 204px;
    --vpx205: 205px;
    --vpx206: 206px;
    --vpx207: 207px;
    --vpx208: 208px;
    --vpx209: 209px;
    --vpx210: 210px;
    --vpx211: 211px;
    --vpx212: 212px;
    --vpx213: 213px;
    --vpx214: 214px;
    --vpx215: 215px;
    --vpx216: 216px;
    --vpx217: 217px;
    --vpx218: 218px;
    --vpx219: 219px;
    --vpx220: 220px;
    --vpx221: 221px;
    --vpx222: 222px;
    --vpx223: 223px;
    --vpx224: 224px;
    --vpx225: 225px;
    --vpx226: 226px;
    --vpx227: 227px;
    --vpx228: 228px;
    --vpx229: 229px;
    --vpx230: 230px;
    --vpx231: 231px;
    --vpx232: 232px;
    --vpx233: 233px;
    --vpx234: 234px;
    --vpx235: 235px;
    --vpx236: 236px;
    --vpx237: 237px;
    --vpx238: 238px;
    --vpx239: 239px;
    --vpx240: 240px;
    --vpx241: 241px;
    --vpx242: 242px;
    --vpx243: 243px;
    --vpx244: 244px;
    --vpx245: 245px;
    --vpx246: 246px;
    --vpx247: 247px;
    --vpx248: 248px;
    --vpx249: 249px;
    --vpx250: 250px;
    --vpx251: 251px;
    --vpx252: 252px;
    --vpx253: 253px;
    --vpx254: 254px;
    --vpx255: 255px;
    --vpx256: 256px;
    --vpx257: 257px;
    --vpx258: 258px;
    --vpx259: 259px;
    --vpx260: 260px;
    --vpx261: 261px;
    --vpx262: 262px;
    --vpx263: 263px;
    --vpx264: 264px;
    --vpx265: 265px;
    --vpx266: 266px;
    --vpx267: 267px;
    --vpx268: 268px;
    --vpx269: 269px;
    --vpx270: 270px;
    --vpx271: 271px;
    --vpx272: 272px;
    --vpx273: 273px;
    --vpx274: 274px;
    --vpx275: 275px;
    --vpx276: 276px;
    --vpx277: 277px;
    --vpx278: 278px;
    --vpx279: 279px;
    --vpx280: 280px;
    --vpx281: 281px;
    --vpx282: 282px;
    --vpx283: 283px;
    --vpx284: 284px;
    --vpx285: 285px;
    --vpx286: 286px;
    --vpx287: 287px;
    --vpx288: 288px;
    --vpx289: 289px;
    --vpx290: 290px;
    --vpx291: 291px;
    --vpx292: 292px;
    --vpx293: 293px;
    --vpx294: 294px;
    --vpx295: 295px;
    --vpx296: 296px;
    --vpx297: 297px;
    --vpx298: 298px;
    --vpx299: 299px;
    --vpx300: 300px;
    --vpx301: 301px;
    --vpx302: 302px;
    --vpx303: 303px;
    --vpx304: 304px;
    --vpx305: 305px;
    --vpx306: 306px;
    --vpx307: 307px;
    --vpx308: 308px;
    --vpx309: 309px;
    --vpx310: 310px;
    --vpx311: 311px;
    --vpx312: 312px;
    --vpx313: 313px;
    --vpx314: 314px;
    --vpx315: 315px;
    --vpx316: 316px;
    --vpx317: 317px;
    --vpx318: 318px;
    --vpx319: 319px;
    --vpx320: 320px;
    --vpx321: 321px;
    --vpx322: 322px;
    --vpx323: 323px;
    --vpx324: 324px;
    --vpx325: 325px;
    --vpx326: 326px;
    --vpx327: 327px;
    --vpx328: 328px;
    --vpx329: 329px;
    --vpx330: 330px;
    --vpx331: 331px;
    --vpx332: 332px;
    --vpx333: 333px;
    --vpx334: 334px;
    --vpx335: 335px;
    --vpx336: 336px;
    --vpx337: 337px;
    --vpx338: 338px;
    --vpx339: 339px;
    --vpx340: 340px;
    --vpx341: 341px;
    --vpx342: 342px;
    --vpx343: 343px;
    --vpx344: 344px;
    --vpx345: 345px;
    --vpx346: 346px;
    --vpx347: 347px;
    --vpx348: 348px;
    --vpx349: 349px;
    --vpx350: 350px;
    --vpx351: 351px;
    --vpx352: 352px;
    --vpx353: 353px;
    --vpx354: 354px;
    --vpx355: 355px;
    --vpx356: 356px;
    --vpx357: 357px;
    --vpx358: 358px;
    --vpx359: 359px;
    --vpx360: 360px;
    --vpx361: 361px;
    --vpx362: 362px;
    --vpx363: 363px;
    --vpx364: 364px;
    --vpx365: 365px;
    --vpx366: 366px;
    --vpx367: 367px;
    --vpx368: 368px;
    --vpx369: 369px;
    --vpx370: 370px;
    --vpx371: 371px;
    --vpx372: 372px;
    --vpx373: 373px;
    --vpx374: 374px;
    --vpx375: 375px;
    --vpx376: 376px;
    --vpx377: 377px;
    --vpx378: 378px;
    --vpx379: 379px;
    --vpx380: 380px;
    --vpx381: 381px;
    --vpx382: 382px;
    --vpx383: 383px;
    --vpx384: 384px;
    --vpx385: 385px;
    --vpx386: 386px;
    --vpx387: 387px;
    --vpx388: 388px;
    --vpx389: 389px;
    --vpx390: 390px;
    --vpx391: 391px;
    --vpx392: 392px;
    --vpx393: 393px;
    --vpx394: 394px;
    --vpx395: 395px;
    --vpx396: 396px;
    --vpx397: 397px;
    --vpx398: 398px;
    --vpx399: 399px;
    --vpx400: 400px;
    --vpx401: 401px;
    --vpx402: 402px;
    --vpx403: 403px;
    --vpx404: 404px;
    --vpx405: 405px;
    --vpx406: 406px;
    --vpx407: 407px;
    --vpx408: 408px;
    --vpx409: 409px;
    --vpx410: 410px;
    --vpx411: 411px;
    --vpx412: 412px;
    --vpx413: 413px;
    --vpx414: 414px;
    --vpx415: 415px;
    --vpx416: 416px;
    --vpx417: 417px;
    --vpx418: 418px;
    --vpx419: 419px;
    --vpx420: 420px;
    --vpx421: 421px;
    --vpx422: 422px;
    --vpx423: 423px;
    --vpx424: 424px;
    --vpx425: 425px;
    --vpx426: 426px;
    --vpx427: 427px;
    --vpx428: 428px;
    --vpx429: 429px;
    --vpx430: 430px;
    --vpx431: 431px;
    --vpx432: 432px;
    --vpx433: 433px;
    --vpx434: 434px;
    --vpx435: 435px;
    --vpx436: 436px;
    --vpx437: 437px;
    --vpx438: 438px;
    --vpx439: 439px;
    --vpx440: 440px;
    --vpx441: 441px;
    --vpx442: 442px;
    --vpx443: 443px;
    --vpx444: 444px;
    --vpx445: 445px;
    --vpx446: 446px;
    --vpx447: 447px;
    --vpx448: 448px;
    --vpx449: 449px;
    --vpx450: 450px;
    --vpx451: 451px;
    --vpx452: 452px;
    --vpx453: 453px;
    --vpx454: 454px;
    --vpx455: 455px;
    --vpx456: 456px;
    --vpx457: 457px;
    --vpx458: 458px;
    --vpx459: 459px;
    --vpx460: 460px;
    --vpx461: 461px;
    --vpx462: 462px;
    --vpx463: 463px;
    --vpx464: 464px;
    --vpx465: 465px;
    --vpx466: 466px;
    --vpx467: 467px;
    --vpx468: 468px;
    --vpx469: 469px;
    --vpx470: 470px;
    --vpx471: 471px;
    --vpx472: 472px;
    --vpx473: 473px;
    --vpx474: 474px;
    --vpx475: 475px;
    --vpx476: 476px;
    --vpx477: 477px;
    --vpx478: 478px;
    --vpx479: 479px;
    --vpx480: 480px;
    --vpx481: 481px;
    --vpx482: 482px;
    --vpx483: 483px;
    --vpx484: 484px;
    --vpx485: 485px;
    --vpx486: 486px;
    --vpx487: 487px;
    --vpx488: 488px;
    --vpx489: 489px;
    --vpx490: 490px;
    --vpx491: 491px;
    --vpx492: 492px;
    --vpx493: 493px;
    --vpx494: 494px;
    --vpx495: 495px;
    --vpx496: 496px;
    --vpx497: 497px;
    --vpx498: 498px;
    --vpx499: 499px;
    --vpx500: 500px;
    --vpx501: 501px;
    --vpx502: 502px;
    --vpx503: 503px;
    --vpx504: 504px;
    --vpx505: 505px;
    --vpx506: 506px;
    --vpx507: 507px;
    --vpx508: 508px;
    --vpx509: 509px;
    --vpx510: 510px;
    --vpx511: 511px;
    --vpx512: 512px;
    --vpx513: 513px;
    --vpx514: 514px;
    --vpx515: 515px;
    --vpx516: 516px;
    --vpx517: 517px;
    --vpx518: 518px;
    --vpx519: 519px;
    --vpx520: 520px;
    --vpx521: 521px;
    --vpx522: 522px;
    --vpx523: 523px;
    --vpx524: 524px;
    --vpx525: 525px;
    --vpx526: 526px;
    --vpx527: 527px;
    --vpx528: 528px;
    --vpx529: 529px;
    --vpx530: 530px;
    --vpx531: 531px;
    --vpx532: 532px;
    --vpx533: 533px;
    --vpx534: 534px;
    --vpx535: 535px;
    --vpx536: 536px;
    --vpx537: 537px;
    --vpx538: 538px;
    --vpx539: 539px;
    --vpx540: 540px;
    --vpx541: 541px;
    --vpx542: 542px;
    --vpx543: 543px;
    --vpx544: 544px;
    --vpx545: 545px;
    --vpx546: 546px;
    --vpx547: 547px;
    --vpx548: 548px;
    --vpx549: 549px;
    --vpx550: 550px;
    --vpx551: 551px;
    --vpx552: 552px;
    --vpx553: 553px;
    --vpx554: 554px;
    --vpx555: 555px;
    --vpx556: 556px;
    --vpx557: 557px;
    --vpx558: 558px;
    --vpx559: 559px;
    --vpx560: 560px;
    --vpx561: 561px;
    --vpx562: 562px;
    --vpx563: 563px;
    --vpx564: 564px;
    --vpx565: 565px;
    --vpx566: 566px;
    --vpx567: 567px;
    --vpx568: 568px;
    --vpx569: 569px;
    --vpx570: 570px;
    --vpx571: 571px;
    --vpx572: 572px;
    --vpx573: 573px;
    --vpx574: 574px;
    --vpx575: 575px;
    --vpx576: 576px;
    --vpx577: 577px;
    --vpx578: 578px;
    --vpx579: 579px;
    --vpx580: 580px;
    --vpx581: 581px;
    --vpx582: 582px;
    --vpx583: 583px;
    --vpx584: 584px;
    --vpx585: 585px;
    --vpx586: 586px;
    --vpx587: 587px;
    --vpx588: 588px;
    --vpx589: 589px;
    --vpx590: 590px;
    --vpx591: 591px;
    --vpx592: 592px;
    --vpx593: 593px;
    --vpx594: 594px;
    --vpx595: 595px;
    --vpx596: 596px;
    --vpx597: 597px;
    --vpx598: 598px;
    --vpx599: 599px;
    --vpx600: 600px;
    --vpx601: 601px;
    --vpx602: 602px;
    --vpx603: 603px;
    --vpx604: 604px;
    --vpx605: 605px;
    --vpx606: 606px;
    --vpx607: 607px;
    --vpx608: 608px;
    --vpx609: 609px;
    --vpx610: 610px;
    --vpx611: 611px;
    --vpx612: 612px;
    --vpx613: 613px;
    --vpx614: 614px;
    --vpx615: 615px;
    --vpx616: 616px;
    --vpx617: 617px;
    --vpx618: 618px;
    --vpx619: 619px;
    --vpx620: 620px;
    --vpx621: 621px;
    --vpx622: 622px;
    --vpx623: 623px;
    --vpx624: 624px;
    --vpx625: 625px;
    --vpx626: 626px;
    --vpx627: 627px;
    --vpx628: 628px;
    --vpx629: 629px;
    --vpx630: 630px;
    --vpx631: 631px;
    --vpx632: 632px;
    --vpx633: 633px;
    --vpx634: 634px;
    --vpx635: 635px;
    --vpx636: 636px;
    --vpx637: 637px;
    --vpx638: 638px;
    --vpx639: 639px;
    --vpx640: 640px;
    --vpx641: 641px;
    --vpx642: 642px;
    --vpx643: 643px;
    --vpx644: 644px;
    --vpx645: 645px;
    --vpx646: 646px;
    --vpx647: 647px;
    --vpx648: 648px;
    --vpx649: 649px;
    --vpx650: 650px;
    --vpx651: 651px;
    --vpx652: 652px;
    --vpx653: 653px;
    --vpx654: 654px;
    --vpx655: 655px;
    --vpx656: 656px;
    --vpx657: 657px;
    --vpx658: 658px;
    --vpx659: 659px;
    --vpx660: 660px;
    --vpx661: 661px;
    --vpx662: 662px;
    --vpx663: 663px;
    --vpx664: 664px;
    --vpx665: 665px;
    --vpx666: 666px;
    --vpx667: 667px;
    --vpx668: 668px;
    --vpx669: 669px;
    --vpx670: 670px;
    --vpx671: 671px;
    --vpx672: 672px;
    --vpx673: 673px;
    --vpx674: 674px;
    --vpx675: 675px;
    --vpx676: 676px;
    --vpx677: 677px;
    --vpx678: 678px;
    --vpx679: 679px;
    --vpx680: 680px;
    --vpx681: 681px;
    --vpx682: 682px;
    --vpx683: 683px;
    --vpx684: 684px;
    --vpx685: 685px;
    --vpx686: 686px;
    --vpx687: 687px;
    --vpx688: 688px;
    --vpx689: 689px;
    --vpx690: 690px;
    --vpx691: 691px;
    --vpx692: 692px;
    --vpx693: 693px;
    --vpx694: 694px;
    --vpx695: 695px;
    --vpx696: 696px;
    --vpx697: 697px;
    --vpx698: 698px;
    --vpx699: 699px;
    --vpx700: 700px;
    --vpx701: 701px;
    --vpx702: 702px;
    --vpx703: 703px;
    --vpx704: 704px;
    --vpx705: 705px;
    --vpx706: 706px;
    --vpx707: 707px;
    --vpx708: 708px;
    --vpx709: 709px;
    --vpx710: 710px;
    --vpx711: 711px;
    --vpx712: 712px;
    --vpx713: 713px;
    --vpx714: 714px;
    --vpx715: 715px;
    --vpx716: 716px;
    --vpx717: 717px;
    --vpx718: 718px;
    --vpx719: 719px;
    --vpx720: 720px;
    --vpx721: 721px;
    --vpx722: 722px;
    --vpx723: 723px;
    --vpx724: 724px;
    --vpx725: 725px;
    --vpx726: 726px;
    --vpx727: 727px;
    --vpx728: 728px;
    --vpx729: 729px;
    --vpx730: 730px;
    --vpx731: 731px;
    --vpx732: 732px;
    --vpx733: 733px;
    --vpx734: 734px;
    --vpx735: 735px;
    --vpx736: 736px;
    --vpx737: 737px;
    --vpx738: 738px;
    --vpx739: 739px;
    --vpx740: 740px;
    --vpx741: 741px;
    --vpx742: 742px;
    --vpx743: 743px;
    --vpx744: 744px;
    --vpx745: 745px;
    --vpx746: 746px;
    --vpx747: 747px;
    --vpx748: 748px;
    --vpx749: 749px;
    --vpx750: 750px;
    --vpx751: 751px;
    --vpx752: 752px;
    --vpx753: 753px;
    --vpx754: 754px;
    --vpx755: 755px;
    --vpx756: 756px;
    --vpx757: 757px;
    --vpx758: 758px;
    --vpx759: 759px;
    --vpx760: 760px;
    --vpx761: 761px;
    --vpx762: 762px;
    --vpx763: 763px;
    --vpx764: 764px;
    --vpx765: 765px;
    --vpx766: 766px;
    --vpx767: 767px;
    --vpx768: 768px;
    --vpx769: 769px;
    --vpx770: 770px;
    --vpx771: 771px;
    --vpx772: 772px;
    --vpx773: 773px;
    --vpx774: 774px;
    --vpx775: 775px;
    --vpx776: 776px;
    --vpx777: 777px;
    --vpx778: 778px;
    --vpx779: 779px;
    --vpx780: 780px;
    --vpx781: 781px;
    --vpx782: 782px;
    --vpx783: 783px;
    --vpx784: 784px;
    --vpx785: 785px;
    --vpx786: 786px;
    --vpx787: 787px;
    --vpx788: 788px;
    --vpx789: 789px;
    --vpx790: 790px;
    --vpx791: 791px;
    --vpx792: 792px;
    --vpx793: 793px;
    --vpx794: 794px;
    --vpx795: 795px;
    --vpx796: 796px;
    --vpx797: 797px;
    --vpx798: 798px;
    --vpx799: 799px;
    --vpx800: 800px;
    --vpx801: 801px;
    --vpx802: 802px;
    --vpx803: 803px;
    --vpx804: 804px;
    --vpx805: 805px;
    --vpx806: 806px;
    --vpx807: 807px;
    --vpx808: 808px;
    --vpx809: 809px;
    --vpx810: 810px;
    --vpx811: 811px;
    --vpx812: 812px;
    --vpx813: 813px;
    --vpx814: 814px;
    --vpx815: 815px;
    --vpx816: 816px;
    --vpx817: 817px;
    --vpx818: 818px;
    --vpx819: 819px;
    --vpx820: 820px;
    --vpx821: 821px;
    --vpx822: 822px;
    --vpx823: 823px;
    --vpx824: 824px;
    --vpx825: 825px;
    --vpx826: 826px;
    --vpx827: 827px;
    --vpx828: 828px;
    --vpx829: 829px;
    --vpx830: 830px;
    --vpx831: 831px;
    --vpx832: 832px;
    --vpx833: 833px;
    --vpx834: 834px;
    --vpx835: 835px;
    --vpx836: 836px;
    --vpx837: 837px;
    --vpx838: 838px;
    --vpx839: 839px;
    --vpx840: 840px;
    --vpx841: 841px;
    --vpx842: 842px;
    --vpx843: 843px;
    --vpx844: 844px;
    --vpx845: 845px;
    --vpx846: 846px;
    --vpx847: 847px;
    --vpx848: 848px;
    --vpx849: 849px;
    --vpx850: 850px;
    --vpx851: 851px;
    --vpx852: 852px;
    --vpx853: 853px;
    --vpx854: 854px;
    --vpx855: 855px;
    --vpx856: 856px;
    --vpx857: 857px;
    --vpx858: 858px;
    --vpx859: 859px;
    --vpx860: 860px;
    --vpx861: 861px;
    --vpx862: 862px;
    --vpx863: 863px;
    --vpx864: 864px;
    --vpx865: 865px;
    --vpx866: 866px;
    --vpx867: 867px;
    --vpx868: 868px;
    --vpx869: 869px;
    --vpx870: 870px;
    --vpx871: 871px;
    --vpx872: 872px;
    --vpx873: 873px;
    --vpx874: 874px;
    --vpx875: 875px;
    --vpx876: 876px;
    --vpx877: 877px;
    --vpx878: 878px;
    --vpx879: 879px;
    --vpx880: 880px;
    --vpx881: 881px;
    --vpx882: 882px;
    --vpx883: 883px;
    --vpx884: 884px;
    --vpx885: 885px;
    --vpx886: 886px;
    --vpx887: 887px;
    --vpx888: 888px;
    --vpx889: 889px;
    --vpx890: 890px;
    --vpx891: 891px;
    --vpx892: 892px;
    --vpx893: 893px;
    --vpx894: 894px;
    --vpx895: 895px;
    --vpx896: 896px;
    --vpx897: 897px;
    --vpx898: 898px;
    --vpx899: 899px;
    --vpx900: 900px;
    --vpx901: 901px;
    --vpx902: 902px;
    --vpx903: 903px;
    --vpx904: 904px;
    --vpx905: 905px;
    --vpx906: 906px;
    --vpx907: 907px;
    --vpx908: 908px;
    --vpx909: 909px;
    --vpx910: 910px;
    --vpx911: 911px;
    --vpx912: 912px;
    --vpx913: 913px;
    --vpx914: 914px;
    --vpx915: 915px;
    --vpx916: 916px;
    --vpx917: 917px;
    --vpx918: 918px;
    --vpx919: 919px;
    --vpx920: 920px;
    --vpx921: 921px;
    --vpx922: 922px;
    --vpx923: 923px;
    --vpx924: 924px;
    --vpx925: 925px;
    --vpx926: 926px;
    --vpx927: 927px;
    --vpx928: 928px;
    --vpx929: 929px;
    --vpx930: 930px;
    --vpx931: 931px;
    --vpx932: 932px;
    --vpx933: 933px;
    --vpx934: 934px;
    --vpx935: 935px;
    --vpx936: 936px;
    --vpx937: 937px;
    --vpx938: 938px;
    --vpx939: 939px;
    --vpx940: 940px;
    --vpx941: 941px;
    --vpx942: 942px;
    --vpx943: 943px;
    --vpx944: 944px;
    --vpx945: 945px;
    --vpx946: 946px;
    --vpx947: 947px;
    --vpx948: 948px;
    --vpx949: 949px;
    --vpx950: 950px;
    --vpx951: 951px;
    --vpx952: 952px;
    --vpx953: 953px;
    --vpx954: 954px;
    --vpx955: 955px;
    --vpx956: 956px;
    --vpx957: 957px;
    --vpx958: 958px;
    --vpx959: 959px;
    --vpx960: 960px;
    --vpx961: 961px;
    --vpx962: 962px;
    --vpx963: 963px;
    --vpx964: 964px;
    --vpx965: 965px;
    --vpx966: 966px;
    --vpx967: 967px;
    --vpx968: 968px;
    --vpx969: 969px;
    --vpx970: 970px;
    --vpx971: 971px;
    --vpx972: 972px;
    --vpx973: 973px;
    --vpx974: 974px;
    --vpx975: 975px;
    --vpx976: 976px;
    --vpx977: 977px;
    --vpx978: 978px;
    --vpx979: 979px;
    --vpx980: 980px;
    --vpx981: 981px;
    --vpx982: 982px;
    --vpx983: 983px;
    --vpx984: 984px;
    --vpx985: 985px;
    --vpx986: 986px;
    --vpx987: 987px;
    --vpx988: 988px;
    --vpx989: 989px;
    --vpx990: 990px;
    --vpx991: 991px;
    --vpx992: 992px;
    --vpx993: 993px;
    --vpx994: 994px;
    --vpx995: 995px;
    --vpx996: 996px;
    --vpx997: 997px;
    --vpx998: 998px;
    --vpx999: 999px;
    --vpx1000: 1000px;
    --vpx1001: 1001px;
    --vpx1002: 1002px;
    --vpx1003: 1003px;
    --vpx1004: 1004px;
    --vpx1005: 1005px;
    --vpx1006: 1006px;
    --vpx1007: 1007px;
    --vpx1008: 1008px;
    --vpx1009: 1009px;
    --vpx1010: 1010px;
    --vpx1011: 1011px;
    --vpx1012: 1012px;
    --vpx1013: 1013px;
    --vpx1014: 1014px;
    --vpx1015: 1015px;
    --vpx1016: 1016px;
    --vpx1017: 1017px;
    --vpx1018: 1018px;
    --vpx1019: 1019px;
    --vpx1020: 1020px;
    --vpx1021: 1021px;
    --vpx1022: 1022px;
    --vpx1023: 1023px;
    --vpx1024: 1024px;
    --vpx1025: 1025px;
    --vpx1026: 1026px;
    --vpx1027: 1027px;
    --vpx1028: 1028px;
    --vpx1029: 1029px;
    --vpx1030: 1030px;
    --vpx1031: 1031px;
    --vpx1032: 1032px;
    --vpx1033: 1033px;
    --vpx1034: 1034px;
    --vpx1035: 1035px;
    --vpx1036: 1036px;
    --vpx1037: 1037px;
    --vpx1038: 1038px;
    --vpx1039: 1039px;
    --vpx1040: 1040px;
    --vpx1041: 1041px;
    --vpx1042: 1042px;
    --vpx1043: 1043px;
    --vpx1044: 1044px;
    --vpx1045: 1045px;
    --vpx1046: 1046px;
    --vpx1047: 1047px;
    --vpx1048: 1048px;
    --vpx1049: 1049px;
    --vpx1050: 1050px;
    --vpx1051: 1051px;
    --vpx1052: 1052px;
    --vpx1053: 1053px;
    --vpx1054: 1054px;
    --vpx1055: 1055px;
    --vpx1056: 1056px;
    --vpx1057: 1057px;
    --vpx1058: 1058px;
    --vpx1059: 1059px;
    --vpx1060: 1060px;
    --vpx1061: 1061px;
    --vpx1062: 1062px;
    --vpx1063: 1063px;
    --vpx1064: 1064px;
    --vpx1065: 1065px;
    --vpx1066: 1066px;
    --vpx1067: 1067px;
    --vpx1068: 1068px;
    --vpx1069: 1069px;
    --vpx1070: 1070px;
    --vpx1071: 1071px;
    --vpx1072: 1072px;
    --vpx1073: 1073px;
    --vpx1074: 1074px;
    --vpx1075: 1075px;
    --vpx1076: 1076px;
    --vpx1077: 1077px;
    --vpx1078: 1078px;
    --vpx1079: 1079px;
    --vpx1080: 1080px;
    --vpx1081: 1081px;
    --vpx1082: 1082px;
    --vpx1083: 1083px;
    --vpx1084: 1084px;
    --vpx1085: 1085px;
    --vpx1086: 1086px;
    --vpx1087: 1087px;
    --vpx1088: 1088px;
    --vpx1089: 1089px;
    --vpx1090: 1090px;
    --vpx1091: 1091px;
    --vpx1092: 1092px;
    --vpx1093: 1093px;
    --vpx1094: 1094px;
    --vpx1095: 1095px;
    --vpx1096: 1096px;
    --vpx1097: 1097px;
    --vpx1098: 1098px;
    --vpx1099: 1099px;
    --vpx1100: 1100px;
    --vpx1101: 1101px;
    --vpx1102: 1102px;
    --vpx1103: 1103px;
    --vpx1104: 1104px;
    --vpx1105: 1105px;
    --vpx1106: 1106px;
    --vpx1107: 1107px;
    --vpx1108: 1108px;
    --vpx1109: 1109px;
    --vpx1110: 1110px;
    --vpx1111: 1111px;
    --vpx1112: 1112px;
    --vpx1113: 1113px;
    --vpx1114: 1114px;
    --vpx1115: 1115px;
    --vpx1116: 1116px;
    --vpx1117: 1117px;
    --vpx1118: 1118px;
    --vpx1119: 1119px;
    --vpx1120: 1120px;
    --vpx1121: 1121px;
    --vpx1122: 1122px;
    --vpx1123: 1123px;
    --vpx1124: 1124px;
    --vpx1125: 1125px;
    --vpx1126: 1126px;
    --vpx1127: 1127px;
    --vpx1128: 1128px;
    --vpx1129: 1129px;
    --vpx1130: 1130px;
    --vpx1131: 1131px;
    --vpx1132: 1132px;
    --vpx1133: 1133px;
    --vpx1134: 1134px;
    --vpx1135: 1135px;
    --vpx1136: 1136px;
    --vpx1137: 1137px;
    --vpx1138: 1138px;
    --vpx1139: 1139px;
    --vpx1140: 1140px;
    --vpx1141: 1141px;
    --vpx1142: 1142px;
    --vpx1143: 1143px;
    --vpx1144: 1144px;
    --vpx1145: 1145px;
    --vpx1146: 1146px;
    --vpx1147: 1147px;
    --vpx1148: 1148px;
    --vpx1149: 1149px;
    --vpx1150: 1150px;
    --vpx1151: 1151px;
    --vpx1152: 1152px;
    --vpx1153: 1153px;
    --vpx1154: 1154px;
    --vpx1155: 1155px;
    --vpx1156: 1156px;
    --vpx1157: 1157px;
    --vpx1158: 1158px;
    --vpx1159: 1159px;
    --vpx1160: 1160px;
    --vpx1161: 1161px;
    --vpx1162: 1162px;
    --vpx1163: 1163px;
    --vpx1164: 1164px;
    --vpx1165: 1165px;
    --vpx1166: 1166px;
    --vpx1167: 1167px;
    --vpx1168: 1168px;
    --vpx1169: 1169px;
    --vpx1170: 1170px;
    --vpx1171: 1171px;
    --vpx1172: 1172px;
    --vpx1173: 1173px;
    --vpx1174: 1174px;
    --vpx1175: 1175px;
    --vpx1176: 1176px;
    --vpx1177: 1177px;
    --vpx1178: 1178px;
    --vpx1179: 1179px;
    --vpx1180: 1180px;
    --vpx1181: 1181px;
    --vpx1182: 1182px;
    --vpx1183: 1183px;
    --vpx1184: 1184px;
    --vpx1185: 1185px;
    --vpx1186: 1186px;
    --vpx1187: 1187px;
    --vpx1188: 1188px;
    --vpx1189: 1189px;
    --vpx1190: 1190px;
    --vpx1191: 1191px;
    --vpx1192: 1192px;
    --vpx1193: 1193px;
    --vpx1194: 1194px;
    --vpx1195: 1195px;
    --vpx1196: 1196px;
    --vpx1197: 1197px;
    --vpx1198: 1198px;
    --vpx1199: 1199px;
    --vpx1200: 1200px;
    --vpx1230: 1230px;
  }
}

@media (min-width:1113px) {
  :root {
    --vpx1: 0.065vw;
    --vpx2: 0.130vw;
    --vpx3: 0.195vw;
    --vpx4: 0.260vw;
    --vpx5: 0.326vw;
    --vpx6: 0.391vw;
    --vpx7: 0.456vw;
    --vpx8: 0.521vw;
    --vpx9: 0.586vw;
    --vpx9phay5: 0.619vw;
    --vpx10: 0.651vw;
    --vpx11: 0.716vw;
    --vpx12: 0.781vw;
    --vpx13: 0.846vw;
    --vpx14: 0.911vw;
    --vpx15: 0.977vw;
    --vpx16: 1.042vw;
    --vpx17: 1.107vw;
    --vpx18: 1.172vw;
    --vpx19: 1.237vw;
    --vpx20: 1.302vw;
    --vpx21: 1.367vw;
    --vpx22: 1.432vw;
    --vpx23: 1.497vw;
    --vpx24: 1.563vw;
    --vpx25: 1.628vw;
    --vpx26: 1.693vw;
    --vpx27: 1.758vw;
    --vpx28: 1.823vw;
    --vpx29: 1.888vw;
    --vpx30: 1.953vw;
    --vpx31: 2.018vw;
    --vpx32: 2.083vw;
    --vpx33: 2.148vw;
    --vpx34: 2.214vw;
    --vpx35: 2.279vw;
    --vpx36: 2.344vw;
    --vpx37: 2.409vw;
    --vpx38: 2.474vw;
    --vpx39: 2.539vw;
    --vpx40: 2.604vw;
    --vpx41: 2.669vw;
    --vpx42: 2.734vw;
    --vpx43: 2.799vw;
    --vpx44: 2.865vw;
    --vpx45: 2.930vw;
    --vpx46: 2.995vw;
    --vpx47: 3.060vw;
    --vpx48: 3.125vw;
    --vpx49: 3.190vw;
    --vpx50: 3.255vw;
    --vpx51: 3.320vw;
    --vpx52: 3.385vw;
    --vpx53: 3.451vw;
    --vpx54: 3.516vw;
    --vpx55: 3.581vw;
    --vpx56: 3.646vw;
    --vpx57: 3.711vw;
    --vpx58: 3.776vw;
    --vpx59: 3.841vw;
    --vpx60: 3.906vw;
    --vpx61: 3.971vw;
    --vpx62: 4.036vw;
    --vpx63: 4.102vw;
    --vpx64: 4.167vw;
    --vpx65: 4.232vw;
    --vpx66: 4.297vw;
    --vpx67: 4.362vw;
    --vpx68: 4.427vw;
    --vpx69: 4.492vw;
    --vpx70: 4.557vw;
    --vpx71: 4.622vw;
    --vpx72: 4.688vw;
    --vpx73: 4.753vw;
    --vpx74: 4.818vw;
    --vpx75: 4.883vw;
    --vpx76: 4.948vw;
    --vpx77: 5.013vw;
    --vpx78: 5.078vw;
    --vpx79: 5.143vw;
    --vpx80: 5.208vw;
    --vpx81: 5.273vw;
    --vpx82: 5.339vw;
    --vpx83: 5.404vw;
    --vpx84: 5.469vw;
    --vpx85: 5.534vw;
    --vpx86: 5.599vw;
    --vpx87: 5.664vw;
    --vpx88: 5.729vw;
    --vpx89: 5.794vw;
    --vpx90: 5.859vw;
    --vpx91: 5.924vw;
    --vpx92: 5.990vw;
    --vpx93: 6.055vw;
    --vpx94: 6.120vw;
    --vpx95: 6.185vw;
    --vpx96: 6.250vw;
    --vpx97: 6.315vw;
    --vpx98: 6.380vw;
    --vpx99: 6.445vw;
    --vpx100: 6.510vw;
    --vpx101: 6.576vw;
    --vpx102: 6.641vw;
    --vpx103: 6.706vw;
    --vpx104: 6.771vw;
    --vpx105: 6.836vw;
    --vpx106: 6.901vw;
    --vpx107: 6.966vw;
    --vpx108: 7.031vw;
    --vpx109: 7.096vw;
    --vpx110: 7.161vw;
    --vpx111: 7.227vw;
    --vpx112: 7.292vw;
    --vpx113: 7.357vw;
    --vpx114: 7.422vw;
    --vpx115: 7.487vw;
    --vpx116: 7.552vw;
    --vpx117: 7.617vw;
    --vpx118: 7.682vw;
    --vpx119: 7.747vw;
    --vpx120: 7.813vw;
    --vpx121: 7.878vw;
    --vpx122: 7.943vw;
    --vpx123: 8.008vw;
    --vpx124: 8.073vw;
    --vpx125: 8.138vw;
    --vpx126: 8.203vw;
    --vpx127: 8.268vw;
    --vpx128: 8.333vw;
    --vpx129: 8.398vw;
    --vpx130: 8.464vw;
    --vpx131: 8.529vw;
    --vpx132: 8.594vw;
    --vpx133: 8.659vw;
    --vpx134: 8.724vw;
    --vpx135: 8.789vw;
    --vpx136: 8.854vw;
    --vpx137: 8.919vw;
    --vpx138: 8.984vw;
    --vpx139: 9.049vw;
    --vpx140: 9.115vw;
    --vpx141: 9.180vw;
    --vpx142: 9.245vw;
    --vpx143: 9.310vw;
    --vpx144: 9.375vw;
    --vpx145: 9.440vw;
    --vpx146: 9.505vw;
    --vpx147: 9.570vw;
    --vpx148: 9.635vw;
    --vpx149: 9.701vw;
    --vpx150: 9.766vw;
    --vpx151: 9.831vw;
    --vpx152: 9.896vw;
    --vpx153: 9.961vw;
    --vpx154: 10.026vw;
    --vpx155: 10.091vw;
    --vpx156: 10.156vw;
    --vpx157: 10.221vw;
    --vpx158: 10.286vw;
    --vpx159: 10.352vw;
    --vpx160: 10.417vw;
    --vpx161: 10.482vw;
    --vpx162: 10.547vw;
    --vpx163: 10.612vw;
    --vpx164: 10.677vw;
    --vpx165: 10.742vw;
    --vpx166: 10.807vw;
    --vpx167: 10.872vw;
    --vpx168: 10.938vw;
    --vpx169: 11.003vw;
    --vpx170: 11.068vw;
    --vpx171: 11.133vw;
    --vpx172: 11.198vw;
    --vpx173: 11.263vw;
    --vpx174: 11.328vw;
    --vpx175: 11.393vw;
    --vpx176: 11.458vw;
    --vpx177: 11.523vw;
    --vpx178: 11.589vw;
    --vpx179: 11.654vw;
    --vpx180: 11.719vw;
    --vpx181: 11.784vw;
    --vpx182: 11.849vw;
    --vpx183: 11.914vw;
    --vpx184: 11.979vw;
    --vpx185: 12.044vw;
    --vpx186: 12.109vw;
    --vpx187: 12.174vw;
    --vpx188: 12.240vw;
    --vpx189: 12.305vw;
    --vpx190: 12.370vw;
    --vpx191: 12.435vw;
    --vpx192: 12.500vw;
    --vpx193: 12.565vw;
    --vpx194: 12.630vw;
    --vpx195: 12.695vw;
    --vpx196: 12.760vw;
    --vpx197: 12.826vw;
    --vpx198: 12.891vw;
    --vpx199: 12.956vw;
    --vpx200: 13.021vw;
    --vpx201: 13.086vw;
    --vpx202: 13.151vw;
    --vpx203: 13.216vw;
    --vpx204: 13.281vw;
    --vpx205: 13.346vw;
    --vpx206: 13.411vw;
    --vpx207: 13.477vw;
    --vpx208: 13.542vw;
    --vpx209: 13.607vw;
    --vpx210: 13.672vw;
    --vpx211: 13.737vw;
    --vpx212: 13.802vw;
    --vpx213: 13.867vw;
    --vpx214: 13.932vw;
    --vpx215: 13.997vw;
    --vpx216: 14.063vw;
    --vpx217: 14.128vw;
    --vpx218: 14.193vw;
    --vpx219: 14.258vw;
    --vpx220: 14.323vw;
    --vpx221: 14.388vw;
    --vpx222: 14.453vw;
    --vpx223: 14.518vw;
    --vpx224: 14.583vw;
    --vpx225: 14.648vw;
    --vpx226: 14.714vw;
    --vpx227: 14.779vw;
    --vpx228: 14.844vw;
    --vpx229: 14.909vw;
    --vpx230: 14.974vw;
    --vpx231: 15.039vw;
    --vpx232: 15.104vw;
    --vpx233: 15.169vw;
    --vpx234: 15.234vw;
    --vpx235: 15.299vw;
    --vpx236: 15.365vw;
    --vpx237: 15.430vw;
    --vpx238: 15.495vw;
    --vpx239: 15.560vw;
    --vpx240: 15.625vw;
    --vpx241: 15.690vw;
    --vpx242: 15.755vw;
    --vpx243: 15.820vw;
    --vpx244: 15.885vw;
    --vpx245: 15.951vw;
    --vpx246: 16.016vw;
    --vpx247: 16.081vw;
    --vpx248: 16.146vw;
    --vpx249: 16.211vw;
    --vpx250: 16.276vw;
    --vpx251: 16.341vw;
    --vpx252: 16.406vw;
    --vpx253: 16.471vw;
    --vpx254: 16.536vw;
    --vpx255: 16.602vw;
    --vpx256: 16.667vw;
    --vpx257: 16.732vw;
    --vpx258: 16.797vw;
    --vpx259: 16.862vw;
    --vpx260: 16.927vw;
    --vpx261: 16.992vw;
    --vpx262: 17.057vw;
    --vpx263: 17.122vw;
    --vpx264: 17.188vw;
    --vpx265: 17.253vw;
    --vpx266: 17.318vw;
    --vpx267: 17.383vw;
    --vpx268: 17.448vw;
    --vpx269: 17.513vw;
    --vpx270: 17.578vw;
    --vpx271: 17.643vw;
    --vpx272: 17.708vw;
    --vpx273: 17.773vw;
    --vpx274: 17.839vw;
    --vpx275: 17.904vw;
    --vpx276: 17.969vw;
    --vpx277: 18.034vw;
    --vpx278: 18.099vw;
    --vpx279: 18.164vw;
    --vpx280: 18.229vw;
    --vpx281: 18.294vw;
    --vpx282: 18.359vw;
    --vpx283: 18.424vw;
    --vpx284: 18.490vw;
    --vpx285: 18.555vw;
    --vpx286: 18.620vw;
    --vpx287: 18.685vw;
    --vpx288: 18.750vw;
    --vpx289: 18.815vw;
    --vpx290: 18.880vw;
    --vpx291: 18.945vw;
    --vpx292: 19.010vw;
    --vpx293: 19.076vw;
    --vpx294: 19.141vw;
    --vpx295: 19.206vw;
    --vpx296: 19.271vw;
    --vpx297: 19.336vw;
    --vpx298: 19.401vw;
    --vpx299: 19.466vw;
    --vpx300: 19.531vw;
    --vpx301: 19.596vw;
    --vpx302: 19.661vw;
    --vpx303: 19.727vw;
    --vpx304: 19.792vw;
    --vpx305: 19.857vw;
    --vpx306: 19.922vw;
    --vpx307: 19.987vw;
    --vpx308: 20.052vw;
    --vpx309: 20.117vw;
    --vpx310: 20.182vw;
    --vpx311: 20.247vw;
    --vpx312: 20.313vw;
    --vpx313: 20.378vw;
    --vpx314: 20.443vw;
    --vpx315: 20.508vw;
    --vpx316: 20.573vw;
    --vpx317: 20.638vw;
    --vpx318: 20.703vw;
    --vpx319: 20.768vw;
    --vpx320: 20.833vw;
    --vpx321: 20.898vw;
    --vpx322: 20.964vw;
    --vpx323: 21.029vw;
    --vpx324: 21.094vw;
    --vpx325: 21.159vw;
    --vpx326: 21.224vw;
    --vpx327: 21.289vw;
    --vpx328: 21.354vw;
    --vpx329: 21.419vw;
    --vpx330: 21.484vw;
    --vpx331: 21.549vw;
    --vpx332: 21.615vw;
    --vpx333: 21.680vw;
    --vpx334: 21.745vw;
    --vpx335: 21.810vw;
    --vpx336: 21.875vw;
    --vpx337: 21.940vw;
    --vpx338: 22.005vw;
    --vpx339: 22.070vw;
    --vpx340: 22.135vw;
    --vpx341: 22.201vw;
    --vpx342: 22.266vw;
    --vpx343: 22.331vw;
    --vpx344: 22.396vw;
    --vpx345: 22.461vw;
    --vpx346: 22.526vw;
    --vpx347: 22.591vw;
    --vpx348: 22.656vw;
    --vpx349: 22.721vw;
    --vpx350: 22.786vw;
    --vpx351: 22.852vw;
    --vpx352: 22.917vw;
    --vpx353: 22.982vw;
    --vpx354: 23.047vw;
    --vpx355: 23.112vw;
    --vpx356: 23.177vw;
    --vpx357: 23.242vw;
    --vpx358: 23.307vw;
    --vpx359: 23.372vw;
    --vpx360: 23.438vw;
    --vpx361: 23.503vw;
    --vpx362: 23.568vw;
    --vpx363: 23.633vw;
    --vpx364: 23.698vw;
    --vpx365: 23.763vw;
    --vpx366: 23.828vw;
    --vpx367: 23.893vw;
    --vpx368: 23.958vw;
    --vpx369: 24.023vw;
    --vpx370: 24.089vw;
    --vpx371: 24.154vw;
    --vpx372: 24.219vw;
    --vpx373: 24.284vw;
    --vpx374: 24.349vw;
    --vpx375: 24.414vw;
    --vpx376: 24.479vw;
    --vpx377: 24.544vw;
    --vpx378: 24.609vw;
    --vpx379: 24.674vw;
    --vpx380: 24.740vw;
    --vpx381: 24.805vw;
    --vpx382: 24.870vw;
    --vpx383: 24.935vw;
    --vpx384: 25.000vw;
    --vpx385: 25.065vw;
    --vpx386: 25.130vw;
    --vpx387: 25.195vw;
    --vpx388: 25.260vw;
    --vpx389: 25.326vw;
    --vpx390: 25.391vw;
    --vpx391: 25.456vw;
    --vpx392: 25.521vw;
    --vpx393: 25.586vw;
    --vpx394: 25.651vw;
    --vpx395: 25.716vw;
    --vpx396: 25.781vw;
    --vpx397: 25.846vw;
    --vpx398: 25.911vw;
    --vpx399: 25.977vw;
    --vpx400: 26.042vw;
    --vpx401: 26.107vw;
    --vpx402: 26.172vw;
    --vpx403: 26.237vw;
    --vpx404: 26.302vw;
    --vpx405: 26.367vw;
    --vpx406: 26.432vw;
    --vpx407: 26.497vw;
    --vpx408: 26.563vw;
    --vpx409: 26.628vw;
    --vpx410: 26.693vw;
    --vpx411: 26.758vw;
    --vpx412: 26.823vw;
    --vpx413: 26.888vw;
    --vpx414: 26.953vw;
    --vpx415: 27.018vw;
    --vpx416: 27.083vw;
    --vpx417: 27.148vw;
    --vpx418: 27.214vw;
    --vpx419: 27.279vw;
    --vpx420: 27.344vw;
    --vpx421: 27.409vw;
    --vpx422: 27.474vw;
    --vpx423: 27.539vw;
    --vpx424: 27.604vw;
    --vpx425: 27.669vw;
    --vpx426: 27.734vw;
    --vpx427: 27.799vw;
    --vpx428: 27.865vw;
    --vpx429: 27.930vw;
    --vpx430: 27.995vw;
    --vpx431: 28.060vw;
    --vpx432: 28.125vw;
    --vpx433: 28.190vw;
    --vpx434: 28.255vw;
    --vpx435: 28.320vw;
    --vpx436: 28.385vw;
    --vpx437: 28.451vw;
    --vpx438: 28.516vw;
    --vpx439: 28.581vw;
    --vpx440: 28.646vw;
    --vpx441: 28.711vw;
    --vpx442: 28.776vw;
    --vpx443: 28.841vw;
    --vpx444: 28.906vw;
    --vpx445: 28.971vw;
    --vpx446: 29.036vw;
    --vpx447: 29.102vw;
    --vpx448: 29.167vw;
    --vpx449: 29.232vw;
    --vpx450: 29.297vw;
    --vpx451: 29.362vw;
    --vpx452: 29.427vw;
    --vpx453: 29.492vw;
    --vpx454: 29.557vw;
    --vpx455: 29.622vw;
    --vpx456: 29.688vw;
    --vpx457: 29.753vw;
    --vpx458: 29.818vw;
    --vpx459: 29.883vw;
    --vpx460: 29.948vw;
    --vpx461: 30.013vw;
    --vpx462: 30.078vw;
    --vpx463: 30.143vw;
    --vpx464: 30.208vw;
    --vpx465: 30.273vw;
    --vpx466: 30.339vw;
    --vpx467: 30.404vw;
    --vpx468: 30.469vw;
    --vpx469: 30.534vw;
    --vpx470: 30.599vw;
    --vpx471: 30.664vw;
    --vpx472: 30.729vw;
    --vpx473: 30.794vw;
    --vpx474: 30.859vw;
    --vpx475: 30.924vw;
    --vpx476: 30.990vw;
    --vpx477: 31.055vw;
    --vpx478: 31.120vw;
    --vpx479: 31.185vw;
    --vpx480: 31.250vw;
    --vpx481: 31.315vw;
    --vpx482: 31.380vw;
    --vpx483: 31.445vw;
    --vpx484: 31.510vw;
    --vpx485: 31.576vw;
    --vpx486: 31.641vw;
    --vpx487: 31.706vw;
    --vpx488: 31.771vw;
    --vpx489: 31.836vw;
    --vpx490: 31.901vw;
    --vpx491: 31.966vw;
    --vpx492: 32.031vw;
    --vpx493: 32.096vw;
    --vpx494: 32.161vw;
    --vpx495: 32.227vw;
    --vpx496: 32.292vw;
    --vpx497: 32.357vw;
    --vpx498: 32.422vw;
    --vpx499: 32.487vw;
    --vpx500: 32.552vw;
    --vpx501: 32.617vw;
    --vpx502: 32.682vw;
    --vpx503: 32.747vw;
    --vpx504: 32.813vw;
    --vpx505: 32.878vw;
    --vpx506: 32.943vw;
    --vpx507: 33.008vw;
    --vpx508: 33.073vw;
    --vpx509: 33.138vw;
    --vpx510: 33.203vw;
    --vpx511: 33.268vw;
    --vpx512: 33.333vw;
    --vpx513: 33.398vw;
    --vpx514: 33.464vw;
    --vpx515: 33.529vw;
    --vpx516: 33.594vw;
    --vpx517: 33.659vw;
    --vpx518: 33.724vw;
    --vpx519: 33.789vw;
    --vpx520: 33.854vw;
    --vpx521: 33.919vw;
    --vpx522: 33.984vw;
    --vpx523: 34.049vw;
    --vpx524: 34.115vw;
    --vpx525: 34.180vw;
    --vpx526: 34.245vw;
    --vpx527: 34.310vw;
    --vpx528: 34.375vw;
    --vpx529: 34.440vw;
    --vpx530: 34.505vw;
    --vpx531: 34.570vw;
    --vpx532: 34.635vw;
    --vpx533: 34.701vw;
    --vpx534: 34.766vw;
    --vpx535: 34.831vw;
    --vpx536: 34.896vw;
    --vpx537: 34.961vw;
    --vpx538: 35.026vw;
    --vpx539: 35.091vw;
    --vpx540: 35.156vw;
    --vpx541: 35.221vw;
    --vpx542: 35.286vw;
    --vpx543: 35.352vw;
    --vpx544: 35.417vw;
    --vpx545: 35.482vw;
    --vpx546: 35.547vw;
    --vpx547: 35.612vw;
    --vpx548: 35.677vw;
    --vpx549: 35.742vw;
    --vpx550: 35.807vw;
    --vpx551: 35.872vw;
    --vpx552: 35.938vw;
    --vpx553: 36.003vw;
    --vpx554: 36.068vw;
    --vpx555: 36.133vw;
    --vpx556: 36.198vw;
    --vpx557: 36.263vw;
    --vpx558: 36.328vw;
    --vpx559: 36.393vw;
    --vpx560: 36.458vw;
    --vpx561: 36.523vw;
    --vpx562: 36.589vw;
    --vpx563: 36.654vw;
    --vpx564: 36.719vw;
    --vpx565: 36.784vw;
    --vpx566: 36.849vw;
    --vpx567: 36.914vw;
    --vpx568: 36.979vw;
    --vpx569: 37.044vw;
    --vpx570: 37.109vw;
    --vpx571: 37.174vw;
    --vpx572: 37.240vw;
    --vpx573: 37.305vw;
    --vpx574: 37.370vw;
    --vpx575: 37.435vw;
    --vpx576: 37.500vw;
    --vpx577: 37.565vw;
    --vpx578: 37.630vw;
    --vpx579: 37.695vw;
    --vpx580: 37.760vw;
    --vpx581: 37.826vw;
    --vpx582: 37.891vw;
    --vpx583: 37.956vw;
    --vpx584: 38.021vw;
    --vpx585: 38.086vw;
    --vpx586: 38.151vw;
    --vpx587: 38.216vw;
    --vpx588: 38.281vw;
    --vpx589: 38.346vw;
    --vpx590: 38.411vw;
    --vpx591: 38.477vw;
    --vpx592: 38.542vw;
    --vpx593: 38.607vw;
    --vpx594: 38.672vw;
    --vpx595: 38.737vw;
    --vpx596: 38.802vw;
    --vpx597: 38.867vw;
    --vpx598: 38.932vw;
    --vpx599: 38.997vw;
    --vpx600: 39.063vw;
    --vpx601: 39.128vw;
    --vpx602: 39.193vw;
    --vpx603: 39.258vw;
    --vpx604: 39.323vw;
    --vpx605: 39.388vw;
    --vpx606: 39.453vw;
    --vpx607: 39.518vw;
    --vpx608: 39.583vw;
    --vpx609: 39.648vw;
    --vpx610: 39.714vw;
    --vpx611: 39.779vw;
    --vpx612: 39.844vw;
    --vpx613: 39.909vw;
    --vpx614: 39.974vw;
    --vpx615: 40.039vw;
    --vpx616: 40.104vw;
    --vpx617: 40.169vw;
    --vpx618: 40.234vw;
    --vpx619: 40.299vw;
    --vpx620: 40.365vw;
    --vpx621: 40.430vw;
    --vpx622: 40.495vw;
    --vpx623: 40.560vw;
    --vpx624: 40.625vw;
    --vpx625: 40.690vw;
    --vpx626: 40.755vw;
    --vpx627: 40.820vw;
    --vpx628: 40.885vw;
    --vpx629: 40.951vw;
    --vpx630: 41.016vw;
    --vpx631: 41.081vw;
    --vpx632: 41.146vw;
    --vpx633: 41.211vw;
    --vpx634: 41.276vw;
    --vpx635: 41.341vw;
    --vpx636: 41.406vw;
    --vpx637: 41.471vw;
    --vpx638: 41.536vw;
    --vpx639: 41.602vw;
    --vpx640: 41.667vw;
    --vpx641: 41.732vw;
    --vpx642: 41.797vw;
    --vpx643: 41.862vw;
    --vpx644: 41.927vw;
    --vpx645: 41.992vw;
    --vpx646: 42.057vw;
    --vpx647: 42.122vw;
    --vpx648: 42.188vw;
    --vpx649: 42.253vw;
    --vpx650: 42.318vw;
    --vpx651: 42.383vw;
    --vpx652: 42.448vw;
    --vpx653: 42.513vw;
    --vpx654: 42.578vw;
    --vpx655: 42.643vw;
    --vpx656: 42.708vw;
    --vpx657: 42.773vw;
    --vpx658: 42.839vw;
    --vpx659: 42.904vw;
    --vpx660: 42.969vw;
    --vpx661: 43.034vw;
    --vpx662: 43.099vw;
    --vpx663: 43.164vw;
    --vpx664: 43.229vw;
    --vpx665: 43.294vw;
    --vpx666: 43.359vw;
    --vpx667: 43.424vw;
    --vpx668: 43.490vw;
    --vpx669: 43.555vw;
    --vpx670: 43.620vw;
    --vpx671: 43.685vw;
    --vpx672: 43.750vw;
    --vpx673: 43.815vw;
    --vpx674: 43.880vw;
    --vpx675: 43.945vw;
    --vpx676: 44.010vw;
    --vpx677: 44.076vw;
    --vpx678: 44.141vw;
    --vpx679: 44.206vw;
    --vpx680: 44.271vw;
    --vpx681: 44.336vw;
    --vpx682: 44.401vw;
    --vpx683: 44.466vw;
    --vpx684: 44.531vw;
    --vpx685: 44.596vw;
    --vpx686: 44.661vw;
    --vpx687: 44.727vw;
    --vpx688: 44.792vw;
    --vpx689: 44.857vw;
    --vpx690: 44.922vw;
    --vpx691: 44.987vw;
    --vpx692: 45.052vw;
    --vpx693: 45.117vw;
    --vpx694: 45.182vw;
    --vpx695: 45.247vw;
    --vpx696: 45.313vw;
    --vpx697: 45.378vw;
    --vpx698: 45.443vw;
    --vpx699: 45.508vw;
    --vpx700: 45.573vw;
    --vpx701: 45.638vw;
    --vpx702: 45.703vw;
    --vpx703: 45.768vw;
    --vpx704: 45.833vw;
    --vpx705: 45.898vw;
    --vpx706: 45.964vw;
    --vpx707: 46.029vw;
    --vpx708: 46.094vw;
    --vpx709: 46.159vw;
    --vpx710: 46.224vw;
    --vpx711: 46.289vw;
    --vpx712: 46.354vw;
    --vpx713: 46.419vw;
    --vpx714: 46.484vw;
    --vpx715: 46.549vw;
    --vpx716: 46.615vw;
    --vpx717: 46.680vw;
    --vpx718: 46.745vw;
    --vpx719: 46.810vw;
    --vpx720: 46.875vw;
    --vpx721: 46.940vw;
    --vpx722: 47.005vw;
    --vpx723: 47.070vw;
    --vpx724: 47.135vw;
    --vpx725: 47.201vw;
    --vpx726: 47.266vw;
    --vpx727: 47.331vw;
    --vpx728: 47.396vw;
    --vpx729: 47.461vw;
    --vpx730: 47.526vw;
    --vpx731: 47.591vw;
    --vpx732: 47.656vw;
    --vpx733: 47.721vw;
    --vpx734: 47.786vw;
    --vpx735: 47.852vw;
    --vpx736: 47.917vw;
    --vpx737: 47.982vw;
    --vpx738: 48.047vw;
    --vpx739: 48.112vw;
    --vpx740: 48.177vw;
    --vpx741: 48.242vw;
    --vpx742: 48.307vw;
    --vpx743: 48.372vw;
    --vpx744: 48.438vw;
    --vpx745: 48.503vw;
    --vpx746: 48.568vw;
    --vpx747: 48.633vw;
    --vpx748: 48.698vw;
    --vpx749: 48.763vw;
    --vpx750: 48.828vw;
    --vpx751: 48.893vw;
    --vpx752: 48.958vw;
    --vpx753: 49.023vw;
    --vpx754: 49.089vw;
    --vpx755: 49.154vw;
    --vpx756: 49.219vw;
    --vpx757: 49.284vw;
    --vpx758: 49.349vw;
    --vpx759: 49.414vw;
    --vpx760: 49.479vw;
    --vpx761: 49.544vw;
    --vpx762: 49.609vw;
    --vpx763: 49.674vw;
    --vpx764: 49.740vw;
    --vpx765: 49.805vw;
    --vpx766: 49.870vw;
    --vpx767: 49.935vw;
    --vpx768: 50.000vw;
    --vpx769: 50.065vw;
    --vpx770: 50.130vw;
    --vpx771: 50.195vw;
    --vpx772: 50.260vw;
    --vpx773: 50.326vw;
    --vpx774: 50.391vw;
    --vpx775: 50.456vw;
    --vpx776: 50.521vw;
    --vpx777: 50.586vw;
    --vpx778: 50.651vw;
    --vpx779: 50.716vw;
    --vpx780: 50.781vw;
    --vpx781: 50.846vw;
    --vpx782: 50.911vw;
    --vpx783: 50.977vw;
    --vpx784: 51.042vw;
    --vpx785: 51.107vw;
    --vpx786: 51.172vw;
    --vpx787: 51.237vw;
    --vpx788: 51.302vw;
    --vpx789: 51.367vw;
    --vpx790: 51.432vw;
    --vpx791: 51.497vw;
    --vpx792: 51.563vw;
    --vpx793: 51.628vw;
    --vpx794: 51.693vw;
    --vpx795: 51.758vw;
    --vpx796: 51.823vw;
    --vpx797: 51.888vw;
    --vpx798: 51.953vw;
    --vpx799: 52.018vw;
    --vpx800: 52.083vw;
    --vpx801: 52.148vw;
    --vpx802: 52.214vw;
    --vpx803: 52.279vw;
    --vpx804: 52.344vw;
    --vpx805: 52.409vw;
    --vpx806: 52.474vw;
    --vpx807: 52.539vw;
    --vpx808: 52.604vw;
    --vpx809: 52.669vw;
    --vpx810: 52.734vw;
    --vpx811: 52.799vw;
    --vpx812: 52.865vw;
    --vpx813: 52.930vw;
    --vpx814: 52.995vw;
    --vpx815: 53.060vw;
    --vpx816: 53.125vw;
    --vpx817: 53.190vw;
    --vpx818: 53.255vw;
    --vpx819: 53.320vw;
    --vpx820: 53.385vw;
    --vpx821: 53.451vw;
    --vpx822: 53.516vw;
    --vpx823: 53.581vw;
    --vpx824: 53.646vw;
    --vpx825: 53.711vw;
    --vpx826: 53.776vw;
    --vpx827: 53.841vw;
    --vpx828: 53.906vw;
    --vpx829: 53.971vw;
    --vpx830: 54.036vw;
    --vpx831: 54.102vw;
    --vpx832: 54.167vw;
    --vpx833: 54.232vw;
    --vpx834: 54.297vw;
    --vpx835: 54.362vw;
    --vpx836: 54.427vw;
    --vpx837: 54.492vw;
    --vpx838: 54.557vw;
    --vpx839: 54.622vw;
    --vpx840: 54.688vw;
    --vpx841: 54.753vw;
    --vpx842: 54.818vw;
    --vpx843: 54.883vw;
    --vpx844: 54.948vw;
    --vpx845: 55.013vw;
    --vpx846: 55.078vw;
    --vpx847: 55.143vw;
    --vpx848: 55.208vw;
    --vpx849: 55.273vw;
    --vpx850: 55.339vw;
    --vpx851: 55.404vw;
    --vpx852: 55.469vw;
    --vpx853: 55.534vw;
    --vpx854: 55.599vw;
    --vpx855: 55.664vw;
    --vpx856: 55.729vw;
    --vpx857: 55.794vw;
    --vpx858: 55.859vw;
    --vpx859: 55.924vw;
    --vpx860: 55.990vw;
    --vpx861: 56.055vw;
    --vpx862: 56.120vw;
    --vpx863: 56.185vw;
    --vpx864: 56.250vw;
    --vpx865: 56.315vw;
    --vpx866: 56.380vw;
    --vpx867: 56.445vw;
    --vpx868: 56.510vw;
    --vpx869: 56.576vw;
    --vpx870: 56.641vw;
    --vpx871: 56.706vw;
    --vpx872: 56.771vw;
    --vpx873: 56.836vw;
    --vpx874: 56.901vw;
    --vpx875: 56.966vw;
    --vpx876: 57.031vw;
    --vpx877: 57.096vw;
    --vpx878: 57.161vw;
    --vpx879: 57.227vw;
    --vpx880: 57.292vw;
    --vpx881: 57.357vw;
    --vpx882: 57.422vw;
    --vpx883: 57.487vw;
    --vpx884: 57.552vw;
    --vpx885: 57.617vw;
    --vpx886: 57.682vw;
    --vpx887: 57.747vw;
    --vpx888: 57.813vw;
    --vpx889: 57.878vw;
    --vpx890: 57.943vw;
    --vpx891: 58.008vw;
    --vpx892: 58.073vw;
    --vpx893: 58.138vw;
    --vpx894: 58.203vw;
    --vpx895: 58.268vw;
    --vpx896: 58.333vw;
    --vpx897: 58.398vw;
    --vpx898: 58.464vw;
    --vpx899: 58.529vw;
    --vpx900: 58.594vw;
    --vpx901: 58.659vw;
    --vpx902: 58.724vw;
    --vpx903: 58.789vw;
    --vpx904: 58.854vw;
    --vpx905: 58.919vw;
    --vpx906: 58.984vw;
    --vpx907: 59.049vw;
    --vpx908: 59.115vw;
    --vpx909: 59.180vw;
    --vpx910: 59.245vw;
    --vpx911: 59.310vw;
    --vpx912: 59.375vw;
    --vpx913: 59.440vw;
    --vpx914: 59.505vw;
    --vpx915: 59.570vw;
    --vpx916: 59.635vw;
    --vpx917: 59.701vw;
    --vpx918: 59.766vw;
    --vpx919: 59.831vw;
    --vpx920: 59.896vw;
    --vpx921: 59.961vw;
    --vpx922: 60.026vw;
    --vpx923: 60.091vw;
    --vpx924: 60.156vw;
    --vpx925: 60.221vw;
    --vpx926: 60.286vw;
    --vpx927: 60.352vw;
    --vpx928: 60.417vw;
    --vpx929: 60.482vw;
    --vpx930: 60.547vw;
    --vpx931: 60.612vw;
    --vpx932: 60.677vw;
    --vpx933: 60.742vw;
    --vpx934: 60.807vw;
    --vpx935: 60.872vw;
    --vpx936: 60.938vw;
    --vpx937: 61.003vw;
    --vpx938: 61.068vw;
    --vpx939: 61.133vw;
    --vpx940: 61.198vw;
    --vpx941: 61.263vw;
    --vpx942: 61.328vw;
    --vpx943: 61.393vw;
    --vpx944: 61.458vw;
    --vpx945: 61.523vw;
    --vpx946: 61.589vw;
    --vpx947: 61.654vw;
    --vpx948: 61.719vw;
    --vpx949: 61.784vw;
    --vpx950: 61.849vw;
    --vpx951: 61.914vw;
    --vpx952: 61.979vw;
    --vpx953: 62.044vw;
    --vpx954: 62.109vw;
    --vpx955: 62.174vw;
    --vpx956: 62.240vw;
    --vpx957: 62.305vw;
    --vpx958: 62.370vw;
    --vpx959: 62.435vw;
    --vpx960: 62.500vw;
    --vpx961: 62.565vw;
    --vpx962: 62.630vw;
    --vpx963: 62.695vw;
    --vpx964: 62.760vw;
    --vpx965: 62.826vw;
    --vpx966: 62.891vw;
    --vpx967: 62.956vw;
    --vpx968: 63.021vw;
    --vpx969: 63.086vw;
    --vpx970: 63.151vw;
    --vpx971: 63.216vw;
    --vpx972: 63.281vw;
    --vpx973: 63.346vw;
    --vpx974: 63.411vw;
    --vpx975: 63.477vw;
    --vpx976: 63.542vw;
    --vpx977: 63.607vw;
    --vpx978: 63.672vw;
    --vpx979: 63.737vw;
    --vpx980: 63.802vw;
    --vpx981: 63.867vw;
    --vpx982: 63.932vw;
    --vpx983: 63.997vw;
    --vpx984: 64.063vw;
    --vpx985: 64.128vw;
    --vpx986: 64.193vw;
    --vpx987: 64.258vw;
    --vpx988: 64.323vw;
    --vpx989: 64.388vw;
    --vpx990: 64.453vw;
    --vpx991: 64.518vw;
    --vpx992: 64.583vw;
    --vpx993: 64.648vw;
    --vpx994: 64.714vw;
    --vpx995: 64.779vw;
    --vpx996: 64.844vw;
    --vpx997: 64.909vw;
    --vpx998: 64.974vw;
    --vpx999: 65.039vw;
    --vpx1000: 65.104vw;
    --vpx1001: 65.169vw;
    --vpx1002: 65.234vw;
    --vpx1003: 65.299vw;
    --vpx1004: 65.365vw;
    --vpx1005: 65.430vw;
    --vpx1006: 65.495vw;
    --vpx1007: 65.560vw;
    --vpx1008: 65.625vw;
    --vpx1009: 65.690vw;
    --vpx1010: 65.755vw;
    --vpx1011: 65.820vw;
    --vpx1012: 65.885vw;
    --vpx1013: 65.951vw;
    --vpx1014: 66.016vw;
    --vpx1015: 66.081vw;
    --vpx1016: 66.146vw;
    --vpx1017: 66.211vw;
    --vpx1018: 66.276vw;
    --vpx1019: 66.341vw;
    --vpx1020: 66.406vw;
    --vpx1021: 66.471vw;
    --vpx1022: 66.536vw;
    --vpx1023: 66.602vw;
    --vpx1024: 66.667vw;
    --vpx1025: 66.732vw;
    --vpx1026: 66.797vw;
    --vpx1027: 66.862vw;
    --vpx1028: 66.927vw;
    --vpx1029: 66.992vw;
    --vpx1030: 67.057vw;
    --vpx1031: 67.122vw;
    --vpx1032: 67.188vw;
    --vpx1033: 67.253vw;
    --vpx1034: 67.318vw;
    --vpx1035: 67.383vw;
    --vpx1036: 67.448vw;
    --vpx1037: 67.513vw;
    --vpx1038: 67.578vw;
    --vpx1039: 67.643vw;
    --vpx1040: 67.708vw;
    --vpx1041: 67.773vw;
    --vpx1042: 67.839vw;
    --vpx1043: 67.904vw;
    --vpx1044: 67.969vw;
    --vpx1045: 68.034vw;
    --vpx1046: 68.099vw;
    --vpx1047: 68.164vw;
    --vpx1048: 68.229vw;
    --vpx1049: 68.294vw;
    --vpx1050: 68.359vw;
    --vpx1051: 68.424vw;
    --vpx1052: 68.490vw;
    --vpx1053: 68.555vw;
    --vpx1054: 68.620vw;
    --vpx1055: 68.685vw;
    --vpx1056: 68.750vw;
    --vpx1057: 68.815vw;
    --vpx1058: 68.880vw;
    --vpx1059: 68.945vw;
    --vpx1060: 69.010vw;
    --vpx1061: 69.076vw;
    --vpx1062: 69.141vw;
    --vpx1063: 69.206vw;
    --vpx1064: 69.271vw;
    --vpx1065: 69.336vw;
    --vpx1066: 69.401vw;
    --vpx1067: 69.466vw;
    --vpx1068: 69.531vw;
    --vpx1069: 69.596vw;
    --vpx1070: 69.661vw;
    --vpx1071: 69.727vw;
    --vpx1072: 69.792vw;
    --vpx1073: 69.857vw;
    --vpx1074: 69.922vw;
    --vpx1075: 69.987vw;
    --vpx1076: 70.052vw;
    --vpx1077: 70.117vw;
    --vpx1078: 70.182vw;
    --vpx1079: 70.247vw;
    --vpx1080: 70.313vw;
    --vpx1081: 70.378vw;
    --vpx1082: 70.443vw;
    --vpx1083: 70.508vw;
    --vpx1084: 70.573vw;
    --vpx1085: 70.638vw;
    --vpx1086: 70.703vw;
    --vpx1087: 70.768vw;
    --vpx1088: 70.833vw;
    --vpx1089: 70.898vw;
    --vpx1090: 70.964vw;
    --vpx1091: 71.029vw;
    --vpx1092: 71.094vw;
    --vpx1093: 71.159vw;
    --vpx1094: 71.224vw;
    --vpx1095: 71.289vw;
    --vpx1096: 71.354vw;
    --vpx1097: 71.419vw;
    --vpx1098: 71.484vw;
    --vpx1099: 71.549vw;
    --vpx1100: 71.615vw;
    --vpx1101: 71.680vw;
    --vpx1102: 71.745vw;
    --vpx1103: 71.810vw;
    --vpx1104: 71.875vw;
    --vpx1105: 71.940vw;
    --vpx1106: 72.005vw;
    --vpx1107: 72.070vw;
    --vpx1108: 72.135vw;
    --vpx1109: 72.201vw;
    --vpx1110: 72.266vw;
    --vpx1111: 72.331vw;
    --vpx1112: 72.396vw;
    --vpx1113: 72.461vw;
    --vpx1114: 72.526vw;
    --vpx1115: 72.591vw;
    --vpx1116: 72.656vw;
    --vpx1117: 72.721vw;
    --vpx1118: 72.786vw;
    --vpx1119: 72.852vw;
    --vpx1120: 72.917vw;
    --vpx1121: 72.982vw;
    --vpx1122: 73.047vw;
    --vpx1123: 73.112vw;
    --vpx1124: 73.177vw;
    --vpx1125: 73.242vw;
    --vpx1126: 73.307vw;
    --vpx1127: 73.372vw;
    --vpx1128: 73.438vw;
    --vpx1129: 73.503vw;
    --vpx1130: 73.568vw;
    --vpx1131: 73.633vw;
    --vpx1132: 73.698vw;
    --vpx1133: 73.763vw;
    --vpx1134: 73.828vw;
    --vpx1135: 73.893vw;
    --vpx1136: 73.958vw;
    --vpx1137: 74.023vw;
    --vpx1138: 74.089vw;
    --vpx1139: 74.154vw;
    --vpx1140: 74.219vw;
    --vpx1141: 74.284vw;
    --vpx1142: 74.349vw;
    --vpx1143: 74.414vw;
    --vpx1144: 74.479vw;
    --vpx1145: 74.544vw;
    --vpx1146: 74.609vw;
    --vpx1147: 74.674vw;
    --vpx1148: 74.740vw;
    --vpx1149: 74.805vw;
    --vpx1150: 74.870vw;
    --vpx1151: 74.935vw;
    --vpx1152: 75.000vw;
    --vpx1153: 75.065vw;
    --vpx1154: 75.130vw;
    --vpx1155: 75.195vw;
    --vpx1156: 75.260vw;
    --vpx1157: 75.326vw;
    --vpx1158: 75.391vw;
    --vpx1159: 75.456vw;
    --vpx1160: 75.521vw;
    --vpx1161: 75.586vw;
    --vpx1162: 75.651vw;
    --vpx1163: 75.716vw;
    --vpx1164: 75.781vw;
    --vpx1165: 75.846vw;
    --vpx1166: 75.911vw;
    --vpx1167: 75.977vw;
    --vpx1168: 76.042vw;
    --vpx1169: 76.107vw;
    --vpx1170: 76.172vw;
    --vpx1171: 76.237vw;
    --vpx1172: 76.302vw;
    --vpx1173: 76.367vw;
    --vpx1174: 76.432vw;
    --vpx1175: 76.497vw;
    --vpx1176: 76.563vw;
    --vpx1177: 76.628vw;
    --vpx1178: 76.693vw;
    --vpx1179: 76.758vw;
    --vpx1180: 76.823vw;
    --vpx1181: 76.888vw;
    --vpx1182: 76.953vw;
    --vpx1183: 77.018vw;
    --vpx1184: 77.083vw;
    --vpx1185: 77.148vw;
    --vpx1186: 77.214vw;
    --vpx1187: 77.279vw;
    --vpx1188: 77.344vw;
    --vpx1189: 77.409vw;
    --vpx1190: 77.474vw;
    --vpx1191: 77.539vw;
    --vpx1192: 77.604vw;
    --vpx1193: 77.669vw;
    --vpx1194: 77.734vw;
    --vpx1195: 77.799vw;
    --vpx1196: 77.865vw;
    --vpx1197: 77.930vw;
    --vpx1198: 77.995vw;
    --vpx1199: 78.060vw;
    --vpx1200: 78.125vw;
    --vpx1230: 80.078vw;
  }
}

@media (max-width: 1240px) {
  .w-menu {
    position: sticky;
    top: 0px;
  }
  .menu .wrap-content{
    width: 100%;
    height: auto;
  }
  .top-main{
    display: none;
  }
  .menu .wrap-content::before{
    display: none;
  }
  .logo-head{
    width: 100%;
    display: flex;
    justify-content: center
  }
  .right-main{
    width: 100%;
  }
  .menu ul.menu-main{
    height: auto
  }
  .right-main img{
    width: var(--vpx30);
  }
}

@media (max-width: 1024px) {
  .contact-input {
    margin-bottom: 15px;
  }

  .flex-cus,
  .row-video,
  .row-20 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .mg-cus,
  .mg-video,
  .col-20 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .content-text img {
    height: auto !important;
  }

  .padding-top-bottom {
    padding: 2rem 0;
  }

  .pad-top {
    padding-top: 2rem;
  }

  .pad-bottom {
    padding-bottom: 2rem;
  }

  .mg-top {
    margin-top: 2rem;
  }

  .mg-bottom {
    margin-bottom: 2rem;
  }

  .title-detail-main {
    font-size: 20px;
  }

  .cart-fixed {
    bottom: 220px;
  }

  .btn-frame {
    display: none;
  }

  .cart-pro-detail {
    width: 100%;
    margin-top: 10px;
  }

  .pad-bottom {
    padding-bottom: 2rem !important;
  }

  .pad-top {
    padding-top: 2rem !important;
  }

  .padding-top-bottom {
    padding: 2rem 0 !important;
  }

  .head {
    display: none;
  }

  .menu {
    display: none;
  }

  .menu-res {
    display: block;
    /* position: fixed; */
    width: 100%;
    top: 0px;
    left: 0px;
  }

  .slideshow {
    margin-top: 50px;
  }

  .product-tool {
    opacity: 1;
    visibility: visible;
    position: initial;
  }

  .product-tool a span {
    display: none;
  }
}

@media (max-width: 992px) {
  .othernews {
    position: initial;
  }

  .footer-title:after {
    width: 100%;
  }

  #fanpage-facebook {
    width: 300px;
    overflow: hidden;
    margin: auto;
  }

  .footer-news:nth-child(4) {
    width: 100%;
  }

  .footer-news:nth-child(3) {
    width: 50%;
    margin-bottom: 20px;
  }

  .footer-news:nth-child(2) {
    width: 50%;
    margin-bottom: 20px;
  }

  .footer-news:nth-child(1) {
    width: 100%;
  }
  .flex-f{
    margin-bottom: var(--vpx15)
  }

  .time-news {
    display: none;
  }

  .copyright,
  .statistic {
    width: 100%;
    text-align: center;
  }

  .footer-ul li {
    /* width: calc(100% / 2 - 5px); */
  }

  .footer-ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .section-abouts-background {
    width: 40%;
    height: 52%;
  }

  .left-about {
    width: 100%;
    order: 1;
  }

  .right-about {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    order: 1;
  }
  .form-support-box{
    flex-wrap: wrap
  }
  .form-support-left {
    width: 100%;
    padding: 0px var(--vpx12);
     order: 2;
    margin-top: var(--vpx30);
  }
  
  .form-support-right {
    width: 100%;
    padding: 0px var(--vpx12);
    
    order: 1
  }
  .form-support-coam {
    padding: var(--vpx25);
  }
  .newsletter-box{
    flex-wrap: wrap
  }
  .newsletter-left{
    width: 100%
  }
  .newsletter-right{
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  
  .wrap-left{
    width: 100%;
  }
  .wrap-right{
    width: 100%;
    margin-top: var(--vpx20);
    margin-bottom: var(--vpx20);
  }
  .section-abouts-background {
    width: 39.5%;
    height: 40%;
  }

  .flex-mmenu>a.livestream {
    padding: 3px 5px;
    color: #E45555;
    font-size: 13px;
  }

  .form-newsletter-box {
    padding: 15px;
  }

  .right-about h3,
  .title-large {}

  .project-left {
    width: 100%;
  }

  .project-right {
    width: 100%;
    margin-top: 30px;
  }

  .boxProductHideTitle {
    width: calc(100% / 2);
  }

  .form-newsletter-left h4 {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .form-newsletter-left {
    width: 100%;
    text-align: center;
  }

  .form-newsletter-right {
    width: 100%;
  }

  .social-footer {
    justify-content: center !important;
  }

  .social-footer li:nth-child(1) a {
    margin-left: 0px !important;
  }

  .footer-powered,
  .footer-statistic {
    text-align: center
  }

  .list-project {
    margin-left: auto;
    margin-top: 50px;
  }

  .item-video1 img {
    height: 250px;
  }

  .right-intro {
    width: 100%;
  }

  .left-intro {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .left-pro-detail,
  .right-pro-detail {
    width: 100%;
    margin: 0px;
  }

  .left-pro-detail,
  .top-contact .article-contact {
    margin-bottom: 30px;
  }

  .pic-news {
    width: 40%;
  }

  .info-news {
    width: 60%;
    padding-left: 10px;
  }

  .name-news {
    font-size: 15px;
  }

  .desc-news.text-split {
    -webkit-line-clamp: 2;
  }

  .control-owl button.owl-prev {
    left: 15px;
  }

  .control-owl button.owl-next {
    right: 15px;
  }

  .wrap-head h3 {
    font-size: 20px;
  }

  .left-news {
    width: 100%;
  }

  .right-news {
    width: 100%;
    margin-top: 30px;
  }

  .itam-mn,
  .newshome-scroll {
    width: 100%;
    padding: 0px calc(var(--vpx10));
  }
  .newshome-scroll{
    margin-top: var(--vpx30)
  }
  .left-chungnhan {
    width: 100%;
  }

  .right-chungnhan {
    width: 100%;
    margin-top: 30px;
  }

  .right-khoinghiep h2 {
    font-size: 22px;
    line-height: 40px;
  }

  .item-categories .img {
    height: 300px;
  }

  .name-newshome {
    font-size: 16px;
  }

  .right-khoinghiep ul li {
    font-size: 16px;
  }

  .info-product h3 a {
    font-size: 16px;
  }


  .cart-product span {
    padding: 6px 15px;
  }

  .item-categories .info .title-box .title {
    font-size: 16px;
  }

  .item-categories .info .title-box {
    padding: 0 13px;
  }

  .item-categories .info .desc {
    padding: 22px 13px 24px;
  }

  .cart-pro-detail a:first-child {
    width: calc(100% / 2 - 5px);
  }

  .price-product span {
    font-size: 16px;
  }

  .price-new {
    font-size: 16px;
  }

  .price-old {
    padding-right: 10px;
  }

  .box-customer a.h-img {
    height: 300px;
  }

  .h-img-news-top {
    height: 328px;
  }

  .price-per {
    width: 42px;
    height: 35px;
  }

  .info-product-outstanding {
    display: none;
  }

  .item-product-outstanding>h3 {
    display: block;
  }
  .title-cate .title-left{
    min-width: 100%;
  }
  .menu-cate {
    width: 100%;
    position: relative;
    padding-right: var(--vpx64);
    margin-top: var(--vpx15)
}
  .fleft {
    width: 100%;
  }

  .fright {
    width: 100%;
    margin-top: var(--vpx20)
  }
  .footer-news:nth-child(3) {
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-news:nth-child(2) {
    width: 100%;
    margin-bottom: 20px;
  }
  .content-video{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .content-video .item-customer{
    width: calc(50% - var(--vpx10));
    margin-bottom: var(--vpx12) !important;
  }
}

@media (max-width: 576px) {
  .toast-cus {
    left: 5px;
    width: calc(100% - 10px);
  }

  .box-readmore {
    width: calc(100% - 5px);
  }

  .newshome-scroll {
    width: 100%;
  }

  .newshome-intro {
    width: 100%;
    margin-bottom: 20px;
  }

  .top-contact .form-contact .button-contact .file-contact span b {
    max-width: 105px;
  }

  .cart-pro-detail {
    flex-wrap: wrap;
  }

  .cart-pro-detail a {
    width: 100%;
    text-align: center;
    margin: 0px !important;
  }

  .cart-pro-detail a:first-child {
    margin-bottom: 5px !important;
  }

  .cart-pro-detail button span:nth-child(2),
  .cart-pro-detail a span:nth-child(2) {
    font-size: 11px;
  }

  .item-about {
    width: 50%;
    margin: var(--vpx10) 0px;
  }
  .section-abouts-background {
    height: 25%;
  }
  .d-none-m{
    display: none;
  }
  .cart-product span, .cart-product a{
    width: 100%;
  }
  .cart-product span:nth-child(2){
    margin-top: var(--vpx15);
  }
}

@media (max-width: 492px) {}