@charset "UTF-8";
.checkbox-wrapper-4 * {
  box-sizing: border-box; }

.checkbox-wrapper-4 .cbx {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
  display: inline-block; }

.checkbox-wrapper-4 .cbx:not(:last-child) {
  margin-right: 6px; }

.checkbox-wrapper-4 .cbx:hover {
  background: rgba(0, 119, 255, 0.06); }

.checkbox-wrapper-4 .cbx span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0); }

.checkbox-wrapper-4 .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  transform: scale(1);
  border: 1px solid #cccfdb;
  transition: all 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05); }

.checkbox-wrapper-4 .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0); }

.checkbox-wrapper-4 .cbx span:last-child {
  padding-left: 8px;
  line-height: 18px; }

.checkbox-wrapper-4 .cbx:hover span:first-child {
  border-color: #07f; }

.checkbox-wrapper-4 .inp-cbx {
  position: absolute;
  visibility: hidden; }

.checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child {
  background: #07f;
  border-color: #07f;
  animation: wave-4 0.4s ease; }

.checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0; }

.checkbox-wrapper-4 .inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none; }

@media screen and (max-width: 640px) {
  .checkbox-wrapper-4 .cbx {
    width: 100%;
    display: inline-block; } }

@-moz-keyframes wave-4 {
  50% {
    transform: scale(0.9); } }

@-webkit-keyframes wave-4 {
  50% {
    transform: scale(0.9); } }

@-o-keyframes wave-4 {
  50% {
    transform: scale(0.9); } }

@keyframes wave-4 {
  50% {
    transform: scale(0.9); } }

.flexfull {
  display: flex !important; }

@media (min-width: 768px) {
  .mobileflex {
    display: none; } }

.f1_d-none {
  display: none; }

#product-quickview .flexforhan {
  display: flex;
  align-items: center;
  justify-content: space-between; }

#product-quickview .product-quickview-swatch {
  margin-bottom: 15px; }
  #product-quickview .product-quickview-swatch .product-sw-line {
    margin-top: 15px; }
    #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select {
      gap: 10px; }
      #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-title {
        font-weight: 500;
        margin-right: 20px;
        display: block;
        font-size: 1rem;
        line-height: 1;
        margin-bottom: 0; }
      #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item .product-sw-select-item-span {
        display: block;
        border: 1px solid #A5A5A5;
        border-radius: 0;
        min-width: 100px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        cursor: pointer;
        transition: all 0.3s linear;
        margin-bottom: 0;
        text-align: center; }
      #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item input:not(.disabled):checked + label {
        border-color: #222;
        font-weight: 700;
        color: #222; }
      #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item:not(.sw-color) input.soldOut + label {
        position: relative;
        background: url(https://file.hstatic.net/200000947185/file/cancel_4676959cdc0e4ca5990be9274c2d2f63.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover; }
      #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color {
        position: relative; }
        #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color input.soldOut + label {
          position: relative;
          background: url(https://file.hstatic.net/200000947185/file/cancel_4676959cdc0e4ca5990be9274c2d2f63.png);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover; }
          #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color input.soldOut + label span {
            position: relative;
            z-index: -1; }
        #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color .product-sw-select-item-span {
          border: none;
          height: 34px;
          width: 34px;
          min-width: auto;
          position: relative;
          overflow: hidden;
          padding: 2px; }
          #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color .product-sw-select-item-span span {
            border: 1px solid #f1f1f1;
            display: block;
            height: 100%;
            width: 100%;
            cursor: pointer;
            background-size: contain; }
        #product-quickview .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color input:checked + label {
          padding: 2px;
          border: 1px solid #000; }

#product-quickview .product-sw-select {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  #product-quickview .product-sw-select > div {
    width: 100%; }

@media (min-width: 1300px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px; } }

.sectionindex1grid:not(.slick-initialized),
.sectionindex1grid2:not(.slick-initialized),
.sectionindex1grid3:not(.slick-initialized) {
  display: flex; }
  .sectionindex1grid:not(.slick-initialized) > div,
  .sectionindex1grid2:not(.slick-initialized) > div,
  .sectionindex1grid3:not(.slick-initialized) > div {
    width: calc(100%/6); }
    .sectionindex1grid:not(.slick-initialized) > div:nth-child(n+2),
    .sectionindex1grid2:not(.slick-initialized) > div:nth-child(n+2),
    .sectionindex1grid3:not(.slick-initialized) > div:nth-child(n+2) {
      display: none !important; }

.sectionvideoproslider2:not(.slick-initialized, .slick-initialized, .slick-initialized, .slick-initialized, .slick-initialized) > div:nth-child(n+2), .sectionvideoproslider:not(.slick-initialized, .slick-initialized, .slick-initialized, .slick-initialized, .slick-initialized) > div:nth-child(n+2), .sliderbannersectioni2:not(.slick-initialized, .slick-initialized, .slick-initialized, .slick-initialized, .slick-initialized) > div:nth-child(n+2), .rsectindeflexgrid1slider:not(.slick-initialized, .slick-initialized, .slick-initialized, .slick-initialized, .slick-initialized) > div:nth-child(n+2), .rsectindeflexgrid1slider2:not(.slick-initialized, .slick-initialized, .slick-initialized, .slick-initialized, .slick-initialized) > div:nth-child(n+2) {
  display: none !important; }

.sectionindex1 .slider-index.next {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .sectionindex1 .slider-index.next svg {
    width: 24px; }
    .sectionindex1 .slider-index.next svg path {
      stroke: #fff; }

.sectionindex1 .slider-index.prev {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .sectionindex1 .slider-index.prev svg {
    transform: rotate(180deg);
    width: 24px; }
    .sectionindex1 .slider-index.prev svg path {
      stroke: #fff; }

.sectionindex1:hover .slick-arrow {
  transition: 0.4s all ease;
  opacity: 1; }

.sectionindex1 .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  bottom: 40px;
  z-index: 1; }
  .sectionindex1 .slick-dots button {
    background: #D9D9D9;
    border: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    outline: none; }
  .sectionindex1 .slick-dots .slick-active button {
    background: #000; }

.index1gridgol {
  border-right: 1px solid #ddd; }
  .index1gridgol .imageclass {
    display: block;
    margin-bottom: 20px; }
  .index1gridgol .newloopitem {
    padding: 15px 20px; }
    .index1gridgol .newloopitem img.feattured {
      aspect-ratio: 2 / 3;
      object-fit: cover;
      width: 100%; }
  .index1gridgol .vendorproduct {
    font-weight: bold;
    margin-bottom: 5px; }
  .index1gridgol .product_title a {
    font-weight: bold;
    display: block;
    color: #000; }
  .index1gridgol .product_price {
    font-size: 13px;
    margin-top: 10px; }

.newhdeader {
  background: #000; }
  .newhdeader .limenud {
    position: relative; }
    .newhdeader .limenud .menulv2 {
      display: none;
      min-width: 240px;
      background: #fff;
      z-index: 9999;
      position: absolute;
      border: 1px solid #000;
      border-bottom: 0;
      border-left: 1px solid #000;
      border-right: 1px solid #000;
      top: 40px;
      left: 15px; }
      .newhdeader .limenud .menulv2 a {
        color: #000;
        display: block;
        border-bottom: 1px solid #000;
        padding: 5px 10px; }
    .newhdeader .limenud:hover .menulv2 {
      display: block; }
  .newhdeader a {
    text-transform: uppercase;
    display: block; }
  .newhdeader .newhdeaderflex {
    display: flex;
    align-items: center; }
    .newhdeader .newhdeaderflex .headercol1 {
      display: flex; }
      .newhdeader .newhdeaderflex .headercol1 .newhdeaderflex1 {
        width: 10%;
        border-right: 1px solid #fff; }
      .newhdeader .newhdeaderflex .headercol1 .newhdeaderflex2 {
        width: 30%; }
      .newhdeader .newhdeaderflex .headercol1 .newhdeaderflex4 {
        width: 60%; }
    .newhdeader .newhdeaderflex .headercol2 {
      display: flex;
      justify-content: space-between; }
  .newhdeader .newhdeaderflex4menu {
    display: flex;
    gap: 35px;
    padding-left: 35px;
    border-right: 1px solid #fff;
    padding-right: 35px; }
    .newhdeader .newhdeaderflex4menu a {
      font-weight: bold;
      color: #fff;
      padding: 15px 0px; }
  .newhdeader .newhdeaderflex5 {
    display: flex;
    gap: 35px; }
    .newhdeader .newhdeaderflex5 a {
      color: #fff;
      font-weight: bold;
      padding: 14px 0px;
      line-height: 23px; }

.newhdeader header .newhdeaderflex .newhdeaderflex4menu > li {
  padding: 0 15px; }

.newhdeader header .newhdeaderflex .newhdeaderflex4menu .hr-lefts {
  margin-left: 15px;
  margin-right: 15px; }

.home-slider .home-slider-items .home-slider-item .home-slider-item-content {
  position: absolute;
  left: 50%;
  top: initial;
  transform: translateX(-50%);
  z-index: 999;
  bottom: 15px;
  text-align: center; }
  .home-slider .home-slider-items .home-slider-item .home-slider-item-content .buttonStyle1 {
    border-radius: 50px;
    border: 2px solid #FFF;
    background: var(--State-Layers-On-Primary-Opacity-16, rgba(255, 255, 255, 0.16));
    color: #fff; }
    .home-slider .home-slider-items .home-slider-item .home-slider-item-content .buttonStyle1 span {
      color: #fff; }

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

.sectionindex1hed1 {
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 1.3px;
  text-transform: uppercase; }

.sectionindex1content {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 15px; }

.sectionindex1grid {
  border: 1px solid #ddd; }
  .sectionindex1grid .index1gridgol {
    border-right: 1px solid #ddd; }
    .sectionindex1grid .index1gridgol .imageclass {
      display: block;
      margin-bottom: 20px; }
    .sectionindex1grid .index1gridgol .newloopitem {
      padding: 15px 20px; }
      .sectionindex1grid .index1gridgol .newloopitem img.feattured {
        aspect-ratio: 2 / 3;
        object-fit: cover;
        width: 100%; }
    .sectionindex1grid .index1gridgol .vendorproduct {
      font-weight: bold;
      margin-bottom: 5px; }
    .sectionindex1grid .index1gridgol .product_title a {
      font-weight: bold;
      display: block;
      color: #000; }
    .sectionindex1grid .index1gridgol .product_price {
      font-size: 13px;
      margin-top: 10px; }

.sectionindex1grid2 {
  border: 1px solid #ddd; }
  .sectionindex1grid2 .index1gridgol {
    border-right: 1px solid #ddd; }
    .sectionindex1grid2 .index1gridgol .imageclass {
      display: block;
      margin-bottom: 20px; }
    .sectionindex1grid2 .index1gridgol .newloopitem {
      padding: 15px 20px; }
      .sectionindex1grid2 .index1gridgol .newloopitem img.feattured {
        aspect-ratio: 2 / 3;
        object-fit: cover;
        width: 100%; }
    .sectionindex1grid2 .index1gridgol .vendorproduct {
      font-weight: bold;
      margin-bottom: 5px; }
    .sectionindex1grid2 .index1gridgol .product_title a {
      font-weight: bold;
      display: block;
      color: #000; }
    .sectionindex1grid2 .index1gridgol .product_price {
      font-size: 13px;
      margin-top: 10px; }

.sectionindex1grid3 {
  border: 1px solid #ddd; }
  .sectionindex1grid3 .slider-index.next {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center; }
    .sectionindex1grid3 .slider-index.next svg {
      width: 24px; }
      .sectionindex1grid3 .slider-index.next svg path {
        stroke: #fff; }
  .sectionindex1grid3 .slider-index.prev {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center; }
    .sectionindex1grid3 .slider-index.prev svg {
      transform: rotate(180deg);
      width: 24px; }
      .sectionindex1grid3 .slider-index.prev svg path {
        stroke: #fff; }
  .sectionindex1grid3:hover .slick-arrow {
    transition: 0.4s all ease;
    opacity: 1; }
  .sectionindex1grid3 .slick-dots {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    bottom: 40px;
    z-index: 1; }
    .sectionindex1grid3 .slick-dots button {
      background: #D9D9D9;
      border: none;
      font-size: 0;
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin-right: 10px;
      outline: none; }
    .sectionindex1grid3 .slick-dots .slick-active button {
      background: #000; }
  .sectionindex1grid3 .index1gridgol {
    border-right: 1px solid #ddd; }
    .sectionindex1grid3 .index1gridgol .imageclass {
      display: block;
      margin-bottom: 20px; }
    .sectionindex1grid3 .index1gridgol .newloopitem {
      padding: 15px 20px; }
      .sectionindex1grid3 .index1gridgol .newloopitem img.feattured {
        aspect-ratio: 2 / 3;
        object-fit: cover;
        width: 100%; }
    .sectionindex1grid3 .index1gridgol .vendorproduct {
      font-weight: bold;
      margin-bottom: 5px; }
    .sectionindex1grid3 .index1gridgol .product_title a {
      font-weight: bold;
      display: block;
      color: #000; }
    .sectionindex1grid3 .index1gridgol .product_price {
      font-size: 13px;
      margin-top: 10px; }

@-webkit-keyframes shines {
  100% {
    left: 125%; } }

@keyframes shines {
  100% {
    left: 125%; } }

.collectionlist {
  border-bottom: 1px solid #ddd;
  padding-bottom: 36px; }
  .collectionlist .gridteimageitemimage {
    margin-bottom: 20px; }
    .collectionlist .gridteimageitemimage img {
      margin: 0 auto;
      display: block; }
  .collectionlist .listflexcoltitle {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    margin: 80px 0; }
  .collectionlist a {
    display: block; }
  .collectionlist .gridtitememimage a span {
    display: block; }
    .collectionlist .gridtitememimage a span:nth-child(1) {
      color: #000;
      text-align: center;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 120%;
      letter-spacing: 2.7px;
      text-transform: uppercase; }
    .collectionlist .gridtitememimage a span:nth-child(2) {
      color: #000;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 120%;
      letter-spacing: 3.6px;
      text-transform: uppercase;
      text-align: center;
      padding-top: 3px; }
  .collectionlist .gridtemcol {
    display: flex;
    gap: 150px;
    justify-content: center; }
    @media (max-width: 767px) {
      .collectionlist .gridtemcol {
        gap: 10px;
        flex-wrap: wrap; } }
    .collectionlist .gridtemcol > div {
      width: calc(100%/2 - 150px); }
      @media (max-width: 767px) {
        .collectionlist .gridtemcol > div {
          width: calc(100% - 10px); } }
  .collectionlist .gridtemcolitem .gridteimageitemimage a {
    position: relative;
    overflow: hidden;
    /*
				&:before{
				position: absolute;
				top: 0;
				left: -85%;
				z-index: 2;
				display: block;
				content: "";
				width: 50%;
				height: 100%;
				background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
				background: linear-gradient(to right, #fff0, #ffffff4d);
				-webkit-transform: skewX(-25deg);
				transform: skew(-25deg);
			}
				&:hover{
				animation: blinkEffect 0.5s linear infinite;
			}
				*/ }
  .collectionlist .gridtemcolitem:hover a:before {
    -webkit-animation: shines 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation: shines 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.templatecollection .templatecolgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 5px; }
  @media (max-width: 767px) {
    .templatecollection .templatecolgrid {
      grid-template-columns: repeat(2, 1fr); } }
  .templatecollection .templatecolgrid .index1gridgol {
    border: 1px solid #ddd;
    border-right: 0; }
    @media (min-width: 768px) {
      .templatecollection .templatecolgrid .index1gridgol:nth-child(4n) {
        border-right: 1px solid #ddd; }
      .templatecollection .templatecolgrid .index1gridgol:last-child {
        border-right: 1px solid #ddd; }
      .templatecollection .templatecolgrid .index1gridgol:nth-child(n+5) {
        border-top: 0; } }
    @media (max-width: 767px) {
      .templatecollection .templatecolgrid .index1gridgol:nth-child(2n) {
        border-right: 1px solid #ddd; }
      .templatecollection .templatecolgrid .index1gridgol:last-child {
        border-right: 1px solid #ddd; }
      .templatecollection .templatecolgrid .index1gridgol:nth-child(n+3) {
        border-top: 0; } }

.filterlocsp {
  padding: 10px; }

.gritemloc {
  display: none;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid #ddd;
  margin-bottom: 15px; }
  .gritemloc.active {
    display: grid; }
  .gritemloc > div {
    border-right: 1px solid #ddd;
    padding: 20px; }
    .gritemloc > div:last-child {
      border-right: 0; }
  .gritemloc .gritemloc1 {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.65px;
    text-transform: uppercase; }
  .gritemloc .gritemloc2 a {
    color: #A5A5A5;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 13px */
    letter-spacing: 0.65px;
    text-transform: uppercase; }
    .gritemloc .gritemloc2 a.active {
      color: #000; }
  .gritemloc .gritemloc3 .sort-by div {
    color: #A5A5A5;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.65px;
    text-transform: uppercase;
    margin-bottom: 15px;
    cursor: pointer; }
    .gritemloc .gritemloc3 .sort-by div.active {
      color: #000; }

.clearfilter {
  margin-bottom: 0;
  border-top: 1px solid #ddd;
  padding-top: 15px;
  text-align: right;
  margin-left: -20px;
  margin-right: -20px;
  padding-right: 20px; }
  .clearfilter a {
    color: #A5A5A5;
    text-align: right;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 13px */
    letter-spacing: 0.65px;
    text-transform: uppercase; }

.sectionvideopro .deoproslideritem {
  position: relative; }
  .sectionvideopro .deoproslideritem .buttonlink a {
    background: #fff;
    border: 2px solid #ddd;
    padding: 10px 20px;
    border-radius: 51px;
    min-width: 200px;
    display: inline-block;
    text-align: center; }

.sectionvideopro .posicontent {
  position: absolute; }

.sectionvideopro .slick-dots {
  position: absolute;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 9; }

.sectionvideoproslider .slider-index.next {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .sectionvideoproslider .slider-index.next svg {
    width: 24px; }
    .sectionvideoproslider .slider-index.next svg path {
      stroke: #fff; }

.sectionvideoproslider .slider-index.prev {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .sectionvideoproslider .slider-index.prev svg {
    transform: rotate(180deg);
    width: 24px; }
    .sectionvideoproslider .slider-index.prev svg path {
      stroke: #fff; }

.sectionvideoproslider:hover .slick-arrow {
  transition: 0.4s all ease;
  opacity: 1; }

.sectionvideoproslider .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  bottom: 40px;
  z-index: 1; }
  .sectionvideoproslider .slick-dots button {
    background: #D9D9D9;
    border: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    outline: none; }
  .sectionvideoproslider .slick-dots .slick-active button {
    background: #000; }

.sectionvideopro2 .deoproslideritem {
  position: relative; }
  .sectionvideopro2 .deoproslideritem .buttonlink a {
    background: #fff;
    border: 2px solid #ddd;
    padding: 10px 20px;
    border-radius: 51px;
    min-width: 200px;
    display: inline-block;
    text-align: center; }

.sectionvideopro2 .posicontent {
  position: absolute; }

.sectionvideopro2 .slick-dots {
  position: absolute;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 9; }

.sectionvideoproslider2 .slider-index.next, .sectionindex1grid2 .slider-index.next, .sliderbannersectioni2 .slider-index.next {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .sectionvideoproslider2 .slider-index.next svg, .sectionindex1grid2 .slider-index.next svg, .sliderbannersectioni2 .slider-index.next svg {
    width: 24px; }
    .sectionvideoproslider2 .slider-index.next svg path, .sectionindex1grid2 .slider-index.next svg path, .sliderbannersectioni2 .slider-index.next svg path {
      stroke: #fff; }

.sectionvideoproslider2 .slider-index.prev, .sectionindex1grid2 .slider-index.prev, .sliderbannersectioni2 .slider-index.prev {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .sectionvideoproslider2 .slider-index.prev svg, .sectionindex1grid2 .slider-index.prev svg, .sliderbannersectioni2 .slider-index.prev svg {
    transform: rotate(180deg);
    width: 24px; }
    .sectionvideoproslider2 .slider-index.prev svg path, .sectionindex1grid2 .slider-index.prev svg path, .sliderbannersectioni2 .slider-index.prev svg path {
      stroke: #fff; }

.sectionvideoproslider2:hover .slick-arrow, .sectionindex1grid2:hover .slick-arrow, .sliderbannersectioni2:hover .slick-arrow {
  transition: 0.4s all ease;
  opacity: 1; }

.sectionvideoproslider2 .slick-dots, .sectionindex1grid2 .slick-dots, .sliderbannersectioni2 .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  bottom: 40px;
  z-index: 1; }
  .sectionvideoproslider2 .slick-dots button, .sectionindex1grid2 .slick-dots button, .sliderbannersectioni2 .slick-dots button {
    background: #D9D9D9;
    border: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    outline: none; }
  .sectionvideoproslider2 .slick-dots .slick-active button, .sectionindex1grid2 .slick-dots .slick-active button, .sliderbannersectioni2 .slick-dots .slick-active button {
    background: #000; }

.sectionproduct2 .sectionproduct2header {
  display: flex;
  border: 1px solid #ddd;
  border-bottom: 0; }
  .sectionproduct2 .sectionproduct2header .sectionproduct2header1 {
    border-right: 1px solid #ddd;
    width: calc(100%);
    flex-grow: 1; }
  .sectionproduct2 .sectionproduct2header .sectionproduct2header2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30%);
    flex-grow: 1; }
  .sectionproduct2 .sectionproduct2header > div {
    padding: 15px; }

.relativebanner {
  position: relative;
  border: 1px solid #ddd; }
  .relativebanner a {
    display: block; }
  .relativebanner .positionnalr {
    position: absolute;
    top: 20px;
    left: 42px; }
  .relativebanner .positionnalr1 {
    color: #000;
    font-size: 54px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 2.7px;
    text-transform: uppercase; }
  .relativebanner .positionnalr2 {
    color: #000;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 44px */
    letter-spacing: 2.2px;
    text-transform: uppercase;
    margin-top: 13px; }
  .relativebanner .positionnalr3 a {
    display: inline-block;
    border: 2px solid #ddd;
    min-width: 190px;
    text-align: center;
    padding: 6px;
    border-radius: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 26px; }

.bannersectioni2flex {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid #ddd; }

.sliderbannersectioni2 {
  border: 1px solid #ddd; }

.rsectindeflexgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid #ddd; }
  .rsectindeflexgrid > div {
    min-width: 0; }
  .rsectindeflexgrid .rsectindeflexgrid1 {
    border-right: 1px solid #ddd; }
  .rsectindeflexgrid .rsectindeflexgrid2 {
    border-right: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px; }
    .rsectindeflexgrid .rsectindeflexgrid2 .svsetcont {
      color: #000;
      text-align: center;
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      letter-spacing: 8.64px;
      text-transform: uppercase;
      line-height: 51px; }
  .rsectindeflexgrid .infof2wwine img {
    margin-bottom: 20px; }
  .rsectindeflexgrid .slider-index.next {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center; }
    .rsectindeflexgrid .slider-index.next svg {
      width: 24px; }
      .rsectindeflexgrid .slider-index.next svg path {
        stroke: #fff; }
  .rsectindeflexgrid .slider-index.prev {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center; }
    .rsectindeflexgrid .slider-index.prev svg {
      transform: rotate(180deg);
      width: 24px; }
      .rsectindeflexgrid .slider-index.prev svg path {
        stroke: #fff; }
  .rsectindeflexgrid:hover .slick-arrow {
    transition: 0.4s all ease;
    opacity: 1; }
  .rsectindeflexgrid .slick-dots {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    bottom: 40px;
    z-index: 1; }
    .rsectindeflexgrid .slick-dots button {
      background: #D9D9D9;
      border: none;
      font-size: 0;
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin-right: 10px;
      outline: none; }
    .rsectindeflexgrid .slick-dots .slick-active button {
      background: #000; }
  .rsectindeflexgrid .zvcontent {
    color: #000;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 5.25px;
    text-transform: uppercase;
    margin: 20px 0; }
  .rsectindeflexgrid .zvcontentbuttun a {
    display: inline-block;
    padding: 5px 24px;
    border: 1px solid #ddd; }

.vnewfooterflex {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px;
  padding: 20px 0; }

footer form input.form-control {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #ddd;
  padding: 0; }

footer .footertitle {
  color: #000;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.475px;
  text-transform: uppercase;
  margin-bottom: 10px; }

footer .listulffooter a {
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.475px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px; }

footer .footertitle2 {
  color: #000;
  font-size: 8.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.425px;
  text-transform: uppercase; }

footer .vcontent1, footer .vcontent2 {
  color: #000;
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.4px; }

.collectionctincollast {
  margin-top: 15px; }
  .collectionctincollast .conctincollasttitle {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 24px */
    letter-spacing: 1.2px;
    text-transform: uppercase; }
  .collectionctincollast .conctincollastdese {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 16px */
    letter-spacing: 0.8px;
    margin-bottom: 15px; }

.templatecart .cartheaderway {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 40px; }

.templatecart .cartitemline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 20px;
  border-top: 1px solid #ddd;
  padding-top: 10px; }
  .templatecart .cartitemline .cartitemlineitem1 img {
    width: 130px; }
  .templatecart .cartitemline .cartitemline1 {
    display: flex;
    align-items: center;
    gap: 15px; }

.templatecart .cartitemline2 {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 16px */
  letter-spacing: 0.8px;
  text-transform: uppercase; }

.templatecart .quantitycontrok {
  display: inline-flex; }

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

.templatecart .controlquanti {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #ddd; }

.templatecart .quantitycarrt {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center; }

.templatecart .cartheaderway1 {
  color: #000;
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 2.4px;
  text-transform: uppercase; }

.templatecart .totalcart {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 25px 15px;
  margin-top: 20px;
  margin-bottom: 30px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 20px */
  letter-spacing: 1px;
  text-transform: uppercase;
  align-items: center; }
  .templatecart .totalcart .totalcart2 {
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1.35px;
    text-transform: uppercase; }

.templatecart .cartdesm {
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.65px;
  text-transform: uppercase; }

.templatecart .buttoncheckout {
  text-align: center; }
  .templatecart .buttoncheckout a {
    display: inline-block;
    color: #FFF;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 0.95px;
    text-transform: uppercase;
    background: #000;
    padding: 25px 150px;
    margin-top: 40px;
    margin-bottom: 20px; }

.templatecart .checkouta {
  text-align: center; }
  .templatecart .checkouta a {
    text-transform: uppercase;
    border-bottom: 1px solid #ddd; }
    .templatecart .checkouta a:hover {
      color: #000; }

/*Button animations*/
@keyframes shine {
  100% {
    left: -200%; } }

.templatecart {
  overflow-x: hidden; }

.templatecart .buttoncheckout a {
  position: relative;
  transition: background .2s ease 0s; }

.templatecart .buttoncheckout a::after {
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  content: "";
  height: 100%;
  left: 150%;
  position: absolute;
  top: 0;
  transform: skew(-20deg);
  width: 200%; }

.templatecart .buttoncheckout a:hover::after {
  animation: shine 0.75s cubic-bezier(0.01, 0.56, 1, 1); }

.templatecart .buttoncheckout a:hover {
  background: #000000;
  transition-delay: .25s; }

.templatecontaner {
  max-width: 975px;
  margin: 0 auto; }

.relateditem {
  margin-top: 50px; }

.newhdeader .newhdeaderflex1 img {
  width: 50px;
  padding: 10px; }

.newhdeader .newhdeaderflex2 {
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  position: relative; }
  .newhdeader .newhdeaderflex2 img {
    width: 180px; }

.newhdeader .newhdeaderflex3 {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff; }
  .newhdeader .newhdeaderflex3 form {
    width: 400px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap; }
    .newhdeader .newhdeaderflex3 form input {
      width: 90%;
      background: transparent;
      border: 0;
      outline: none;
      height: 50px;
      padding: 0px 20px;
      color: #B3B3B3; }
    .newhdeader .newhdeaderflex3 form button {
      width: auto;
      background: transparent;
      border: 0;
      outline: none; }
      .newhdeader .newhdeaderflex3 form button svg {
        width: 18px;
        height: 18px; }

.newhdeader .newhdeaderflex4 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start; }

.templateproduct .templateproductflex {
  display: flex;
  border: 1px solid #ddd;
  margin-bottom: 10px; }
  .templateproduct .templateproductflex > div {
    min-width: 0; }
  @media (max-width: 767px) {
    .templateproduct .templateproductflex {
      flex-wrap: wrap; } }
  .templateproduct .templateproductflex .templateproductflex1 {
    width: 60%;
    padding: 10px 30px;
    border-right: 1px solid #ddd; }
  .templateproduct .templateproductflex .templateproductflex2 {
    width: 40%;
    padding: 20px; }

.templateproduct .priceprodyc {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  margin-top: 15px; }

.templateproduct .flexcolum {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.templateproduct .titlepro {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-top: 1px solid #ddd;
  margin-top: 15px;
  padding-top: 15px;
  line-height: 40px; }

.addtocarta a {
  display: block;
  text-align: center;
  background: #000;
  color: #fff;
  padding: 14px;
  text-transform: uppercase; }

.desall1 {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 10px; }

.desall2 {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 17px;
  padding-top: 15px;
  padding-bottom: 15px; }

.galimageflexbox {
  padding: 5px; }
  .galimageflexbox .galimageflex {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    .galimageflexbox .galimageflex > div {
      min-width: 0; }
    .galimageflexbox .galimageflex .galimageflexitem {
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
      .galimageflexbox .galimageflex .galimageflexitem:nth-child(2n) {
        border-right: 0; }
      .galimageflexbox .galimageflex .galimageflexitem:nth-last-child(1) {
        border-bottom: 0px solid #ddd; }

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  height: 30px;
  color: #A5A5A5; }

.breadcrumb a {
  color: #A5A5A5;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: flex;
  align-items: center; }

.breadcrumb .breadcrumb-item.active span {
  color: #000;
  display: flex;
  align-items: center; }

.paginate {
  grid-column: -1 / 1;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  border-top: 1px solid #ddd;
  padding-top: 10px; }

.templatecollection .activeadded {
  border-right: 1px solid #ddd !important; }

.gridmenucol2 {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  margin-top: 20px; }
  .gridmenucol2 .gridtemplate {
    display: flex;
    align-items: center;
    gap: 10px; }
  .gridmenucol2 .gridmenucol2menu1 {
    display: flex; }
    .gridmenucol2 .gridmenucol2menu1 a {
      color: #A5A5A5;
      text-align: center;
      padding: 8px 15px;
      font-size: 10px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      /* 10px */
      letter-spacing: 0.5px;
      text-transform: uppercase;
      border: 1px solid #A5A5A5;
      margin-right: 35px; }
      .gridmenucol2 .gridmenucol2menu1 a.active {
        border: 1px solid #ddd;
        color: #000; }

.collectionv2all[datavlcheck="grid4"] .gridtemplateall[data="grid4"] rect {
  stroke: #000; }

.collectionv2all[datavlcheck="grid4"] .gridtemplateall[data="grid8"] rect {
  stroke: #A5A5A5; }

.collectionv2all[datavlcheck="grid8"] .gridtemplateall[data="grid8"] rect {
  stroke: #000; }

.collectionv2all[datavlcheck="grid8"] .gridtemplateall[data="grid4"] rect {
  stroke: #A5A5A5; }

.collectionv2all[datavlcheck="grid8"] .templatecolgrid {
  grid-template-columns: repeat(8, 1fr); }
  .collectionv2all[datavlcheck="grid8"] .templatecolgrid .newlooimage {
    display: none !important; }
  @media (min-width: 768px) {
    .collectionv2all[datavlcheck="grid8"] .templatecolgrid .index1gridgol:nth-child(n+5) {
      border-top: 1px solid #ddd; }
    .collectionv2all[datavlcheck="grid8"] .templatecolgrid .index1gridgol:nth-child(8n) {
      border-right: 1px solid #ddd; }
    .collectionv2all[datavlcheck="grid8"] .templatecolgrid .index1gridgol:nth-child(4n) {
      border-right: 0px solid #ddd; } }
  @media (max-width: 767px) {
    .collectionv2all[datavlcheck="grid8"] .templatecolgrid {
      grid-template-columns: repeat(4, 1fr); } }

.listblogall {
  border-top: 1px solid #ddd;
  padding: 40px 20px;
  border-bottom: 1px solid #ddd; }
  .listblogall .blogalltitle a {
    color: #000;
    font-size: 35.152px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    letter-spacing: 1.758px;
    text-transform: uppercase; }
  .listblogall .flexfultimetiem {
    display: flex;
    align-items: center;
    gap: 35px; }
  .listblogall .gtimitem1 {
    color: #A5A5A5;
    font-size: 17.918px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.896px;
    display: flex;
    align-items: center;
    gap: 5px; }
  .listblogall .itemaddress {
    color: #A5A5A5;
    font-size: 17.918px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.896px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 10px 0; }
  .listblogall .thongtinblog a {
    color: #FFF;
    font-size: 11.249px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.562px;
    text-transform: uppercase;
    background: #000;
    display: inline-block;
    padding: 10px 20px; }

.listflexarticle {
  display: flex; }
  .listflexarticle .lisaarticledetai1 {
    width: 75%; }
  .listflexarticle .lisaarticledetai2 {
    width: 25%; }
  .listflexarticle .lisaarticledetai2table {
    border: 1px solid #ddd; }
    .listflexarticle .lisaarticledetai2table .ticledetai2tabltitle {
      padding: 30px 10px;
      text-align: center;
      background: #000;
      color: #fff;
      color: #FFF;
      font-size: 20.119px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%;
      letter-spacing: 1.006px;
      text-transform: uppercase; }
  .listflexarticle .ticleditleline {
    padding: 30px;
    border-bottom: 1px solid #ddd; }

.formpust {
  width: 50%;
  max-width: 100%; }
  .formpust .titlformrcui {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    letter-spacing: 1.768px;
    text-transform: uppercase; }
  .formpust input {
    background: #F0F0F0;
    height: 45px; }
  .formpust button {
    display: flex;
    width: 143px;
    height: 60px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #000;
    color: #fff;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 1px; }

.choosecv {
  border: 1px dashed #ddd;
  background: #F0F0F0;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 1px; }

.ticleditleline p {
  margin-bottom: 0; }

.contentdetaillist {
  max-width: 1000px;
  margin: 0 auto; }

.listdetailtitle {
  margin: 30px 0; }

.loginimagel {
  margin-bottom: 15px; }

.loginimagelall {
  text-align: center;
  display: flex;
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px; }
  .loginimagelall > div {
    width: calc(100%/2);
    text-align: center;
    color: #A5A5A5;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 20px */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 20px 0;
    cursor: pointer; }
    .loginimagelall > div.active {
      color: #000; }

.loginimagel {
  text-align: center; }

.rowloginguy {
  width: 760px;
  margin: 0 auto;
  max-width: 100%; }
  .rowloginguy label {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0.75px; }
  .rowloginguy #auth-form .auth-form-body .form-control {
    border-radius: 10px;
    border: 1px solid rgba(165, 165, 165, 0.67); }
  .rowloginguy #auth-form .auth-recover-btn {
    margin-bottom: 15px;
    text-align: left; }
  .rowloginguy #auth-form .auth-back-btn:after {
    display: none; }
  .rowloginguy .auth-layout-trigger.huy {
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    text-align: center; }
  .rowloginguy .phuchoi {
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px !important; }

.registerara {
  display: none; }

.col2input {
  display: flex;
  gap: 20px; }

@media (max-width: 992px) {
  .rowloginguy {
    padding: 0 10px; } }

.swal-modal {
  padding: 20px 15px 15px;
  margin-bottom: 50px;
  background: #ffffff;
  color: #000; }

.swal-modal .swal-button-container {
  margin: 7px; }

.swal-modal .swal-button {
  box-shadow: none; }

.swal-modal .swal-title {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
  color: #000;
  padding: 10px 0; }

.swal-modal .swal-text {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  padding: 0;
  margin: 0;
  max-width: 100%; }

.swal-modal .swal-content {
  font-size: 15px; }

.swal-modal .swal-footer {
  text-align: center;
  padding: 8px 0px; }

.swal-modal .swal-footer .swal-button {
  position: relative;
  display: inline-block;
  min-width: 110px;
  padding: 10px 25px;
  line-height: normal;
  color: #000;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1px;
  background-color: transparent;
  -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 1;
  overflow: hidden;
  box-shadow: none; }

.swal-modal .swal-footer .swal-button.swal-button--cancel {
  border: 1px solid #ddd;
  background-color: #000;
  color: #fff; }

.swal-modal .swal-footer .swal-button.swal-button--confirm {
  border: 1px solid #ec0b0b;
  background-color: #ec0b0b;
  color: #fff; }

.swal-modal.swal-cart-remove .swal-button--confirm {
  background: #000;
  color: #ffffff; }

.swal-modal.swal-cart-remove .swal-button, .swal-modal.swal-cart-checkInvoice .swal-button {
  width: 100px; }

.swal-modal.swal-cart-checkInvoice .swal-button--cancel {
  background: #333333;
  color: #ffffff; }

.swal-modal.swal-cart-checkInvoice .swal-button--confirm {
  background: red;
  color: #ffffff; }

.swal-modal.swal-alert-km, .swal-modal.swal-alert-km-qv {
  width: 380px;
  padding-left: 20px;
  padding-right: 20px; }

.swal-modal.swal-alert-km .swal-content, .swal-modal.swal-alert-km-qv .swal-content {
  margin-top: 10px;
  padding: 0 0px; }

.swal-modal.swal-alert-km .swal-footer, .swal-modal.swal-alert-km-qv .swal-footer {
  text-align: center;
  padding: 8px 0px; }

.swal-modal.swal-alert-km .swal-footer .swal-button-container, .swal-modal.swal-alert-km-qv .swal-footer .swal-button-container {
  display: block;
  margin: 0; }

.swal-modal.swal-alert-km .swal-footer .swal-button-container + .swal-button-container, .swal-modal.swal-alert-km-qv .swal-footer .swal-button-container + .swal-button-container {
  margin-top: 10px; }

.swal-modal.swal-alert-km .swal-footer .swal-button, .swal-modal.swal-alert-km-qv .swal-footer .swal-button {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 150px; }

.swal-modal.swal-alert-km .swal-footer .swal-button.swal-button--cancel, .swal-modal.swal-alert-km-qv .swal-footer .swal-button.swal-button--cancel {
  border: 1px solid #dfdfdf;
  background-color: #dfdfdf;
  color: #000000; }

.swal-modal.swal-alert-km .swal-footer .swal-button.swal-button--confirm, .swal-modal.swal-alert-km-qv .swal-footer .swal-button.swal-button--confirm {
  border: 1px solid #ddd;
  background-color: #000;
  color: #fff; }

.swal-modal.copy-success {
  max-width: 250px; }

@media (max-width: 767px) {
  .swal-modal.swal-alert-km-qv .swal-button-container, .swal-modal.swal-alert-km .swal-button-container {
    display: block; }
  .swal-modal.swal-alert-km-qv .swal-button, .swal-modal.swal-alert-km .swal-button {
    width: 100%; } }

.new-heights-pop {
  height: 100vh; }

.bcts-wn {
  width: 120px;
  margin: 5px 0; }

.swal-modal .swal-footer {
  text-align: center;
  padding: 0px 0px; }

.positionnalr3.buttonlink {
  margin-top: 13px; }

.swal-modal .swal-footer .button.swal-button.swal-button--confirm {
  background: #000 !important;
  color: #fff !important; }

.sectionvideoproslider2 .slick-dots button, .sectionindex1grid2 .slick-dots button, .sliderbannersectioni2 .slick-dots button {
  opacity: 0.6; }

.swal-modal .swal-footer .swal-button.swal-button--cancel {
  background-color: #ddd; }

.newhdeader header .newhdeaderflex .newhdeaderflex4menu > li:hover > a {
  color: #aaa; }

.articlerecuit .lisaarticledetai .lisaarticledetai1 .formpust button {
  height: 40px; }

.sectionvideopro .slick-dots li button {
  margin: 0; }

.sectionvideoproslider .slick-dots {
  gap: 10px; }

.positionnalr3.buttonlink {
  margin-top: 13px; }

.buttoncart {
  position: absolute;
  right: 5px;
  bottom: 20px;
  background: transparent;
  border: none;
  display: block;
  z-index: 9999;
  cursor: pointer !important; }

.freebutton .swatchbuil {
  position: absolute;
  background: #fff;
  bottom: 0;
  padding: 10px;
  text-align: center;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  display: none; }

.index1gridgol.acvtive .buttoncart {
  display: none !important; }

.index1gridgol.acvtive .swatchbuil {
  display: flex !important; }

@media (min-width: 992px) {
  .vsticky {
    position: sticky;
    top: 30px; } }

.product__option-item {
  font-size: 10px; }

.handprodctmau-sac {
  display: none !important; }

select#register-passwordgt {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  padding-right: 40px;
  background-image: url("https://cdn-icons-png.flaticon.com/512/2985/2985150.png");
  background-repeat: no-repeat;
  background-position: right 15px center;
  /* Dời mũi tên qua phải */
  background-size: 16px;
  line-height: 30px !important; }

.galimageflex .slider-index.next {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .galimageflex .slider-index.next svg {
    width: 24px; }
    .galimageflex .slider-index.next svg path {
      stroke: #fff; }

.galimageflex .slider-index.prev {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .galimageflex .slider-index.prev svg {
    transform: rotate(180deg);
    width: 24px; }
    .galimageflex .slider-index.prev svg path {
      stroke: #fff; }

.galimageflex:hover .slick-arrow {
  transition: 0.4s all ease;
  opacity: 1; }

.galimageflex .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  bottom: 40px;
  z-index: 1; }
  .galimageflex .slick-dots button {
    background: #D9D9D9;
    border: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    outline: none; }
  .galimageflex .slick-dots .slick-active button {
    background: #000; }

.contentdetaillist {
  padding: 0 20px; }

@keyframes marquee {
  0% {
    left: 100%; }
  100% {
    left: -100%; } }

.skiptranslate {
  display: none; }

.addtocarta-buynw a {
  background: #fff;
  color: #000;
  padding: 17px 0;
  text-align: center;
  font-size: 23px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 1.15px;
  text-transform: uppercase;
  border: 1px solid #000;
  transition: all 0.3s;
  display: block;
  margin-top: 10px; }
  .addtocarta-buynw a:hover {
    background: #000;
    color: #fff; }

.header-marquee {
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  white-space: nowrap;
  background: #000 !important;
  margin-top: 2px; }
  .header-marquee .marquee {
    position: absolute;
    opacity: 0; }
    .header-marquee .marquee > span {
      padding-left: 25px;
      font-size: 13px; }
    .header-marquee .marquee.start {
      opacity: 1;
      top: 0;
      left: 100%;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      animation: marquee 30s linear infinite; }
  .header-marquee .marquee2.start {
    animation-delay: 15s;
    position: absolute; }
  .header-marquee b {
    padding-left: 10px; }

@media (max-width: 1024px) {
  .headerformobile .headerformobile-flexqa img {
    padding: 10px;
    width: 40px; }
  .headerformobile-flexqa {
    display: flex;
    align-items: center;
    justify-content: center; } }

.indexsalea {
  /* Product slider */
  /* Responsive */ }

.indexsalea .flash-sale {
  color: #fff;
  padding: 60px 0; }

.indexsalea .flash-sale-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 0 auto 40px;
  padding: 0 16px; }

.indexsalea .flash-sale-title {
  max-width: 60%; }

.indexsalea .flash-sub {
  font-size: 14px;
  text-transform: uppercase;
  color: #ccc;
  margin-bottom: 8px; }

.indexsalea .flash-title {
  font-size: 36px;
  font-weight: 700;
  color: #000;
  margin-bottom: 12px; }

.indexsalea .flash-desc {
  font-size: 16px;
  line-height: 1.6;
  color: #000; }

.indexsalea .flash-sale-right {
  display: flex;
  align-items: center;
  gap: 10px; }
  @media (max-width: 767px) {
    .indexsalea .flash-sale-right {
      flex-wrap: wrap; } }

.indexsalea .product_price {
  color: #000; }

.indexsalea .flash-sale-countdown {
  display: flex;
  gap: 8px;
  margin-bottom: 8px; }

.indexsalea .flash-box {
  background: #000;
  color: #fff;
  padding: 8px 12px;
  text-align: center;
  border-radius: 4px;
  min-width: 48px; }

.indexsalea .flash-box .time {
  display: block;
  font-weight: bold;
  font-size: 16px; }

.indexsalea .flash-box .label {
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.8; }

.indexsalea .flash-viewall {
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  font-weight: 600; }

.indexsalea .flash-nav {
  display: flex;
  gap: 8px; }

.indexsalea .flash-prev,
.indexsalea .flash-next {
  background: #333;
  color: #000;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center; }

.indexsalea .flash-prev:hover,
.indexsalea .flash-next:hover {
  background: #000;
  color: #fff; }

.indexsalea .flash-sale-products {
  padding: 0 16px;
  max-width: 100%;
  margin: auto; }

.indexsalea .flash-sale-products .swiper.swiper-initialized {
  padding-bottom: 40px; }

.indexsalea .flash-sale-item {
  background: #fff;
  color: #000;
  padding: 16px;
  border-radius: 6px;
  text-align: center;
  position: relative; }

.indexsalea .flash-sale-item .tag {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #eee;
  color: #333;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 999px;
  font-weight: 500; }

.indexsalea .flash-sale-item img {
  width: 100%;
  height: auto;
  margin-bottom: 12px; }

.indexsalea .product-title {
  font-weight: 600;
  margin-bottom: 4px; }

.indexsalea .product-desc {
  font-size: 12px;
  color: #a57e3f;
  margin-bottom: 8px; }

.indexsalea .product-prices {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 12px; }

.indexsalea .product-prices .price {
  font-weight: bold;
  margin-bottom: 0; }

.indexsalea .product-prices .compare {
  text-decoration: line-through;
  color: #999;
  font-size: 13px; }

.indexsalea .product-option button {
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 24px;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  cursor: pointer;
  transition: 0.3s; }

.indexsalea .product-option button:hover {
  background: #fff;
  color: #000; }

@media (max-width: 1024px) {
  .indexsalea .flash-sale-header {
    flex-direction: column;
    gap: 24px; }
  .indexsalea .flash-sale-title {
    max-width: 100%; }
  .indexsalea .flash-sale-right {
    align-items: flex-start; } }
  @media (max-width: 1024px) and (max-width: 767px) {
    .indexsalea .flash-sale-right {
      align-items: center;
      justify-content: space-between; } }

.flash-nav path {
  stroke: #fff; }

.saleoff {
  position: absolute;
  z-index: 999;
  color: red;
  right: 5px;
  bottom: 5px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold; }

.textup {
  color: #000;
  font-weight: bold;
  font-size: 20px; }

.sectionindex1grid .index1gridgol .product_price {
  display: flex;
  align-items: center;
  gap: 15px; }

.priceprodyc del {
  margin-left: 20px; }

@media (min-width: 768px) {
  .mdbdeal {
    display: none; } }

@media (max-width: 767px) {
  .flash-sub, .flash-title, .flash-desc, .flash-viewall, .flash-nav {
    display: none !important; }
  .textup {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
    flex-grow: 1;
    text-align: right; }
  .flash-sale-right {
    display: flex;
    flex-wrap: nowrap !important; }
  .flash-sale-header {
    display: grid !important;
    grid-template-columns: 0.3fr 0.7fr;
    gap: 15px; }
    .flash-sale-header > div {
      min-width: 0; }
  .indexsalea .flash-sale-countdown {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    justify-content: flex-end; }
  .indexsalea .flash-box {
    background: #000;
    color: #fff;
    padding: 2px 7px;
    text-align: center;
    border-radius: 4px;
    min-width: 40px; } }

body.addgia .giathuong {
  opacity: 0; }

body.addgia .priceprodyc {
  opacity: 0; }

.iconbest {
  position: absolute;
  z-index: 9;
  right: 1px;
  top: 1px;
  max-width: 100px; }

.iconbest span.new-items {
  background: #000;
  padding: 3px 5px;
  font-weight: 400;
  font-size: 13px; }

.saleoff {
  color: #000; }

.price-prds {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 17px;
  padding-bottom: 17px; }

.price-prds del {
  margin-top: 17px;
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  color: #000;
  opacity: 0.7;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase; }

@media (max-width: 767px) {
  .indexsalea .flash-box .time {
    font-size: 15px; }
  .indexsalea .flash-box .label {
    font-size: 10px; }
  .indexsalea .flash-sale-header {
    gap: 10px; }
  .price-prds del {
    font-size: 17px; } }