.page-f10-bg {
  background: #000; }
  .page-f10-bg.tet {
    background: #D9DFE3; }
    .page-f10-bg.tet .f10-bst {
      background: #D11C1C; }
    .page-f10-bg.tet .collection__list .product__item--details .swatch__container, .page-f10-bg.tet .collection__list .product__item--details .product__swatch {
      background: transparent; }
  .page-f10-bg .desc {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8;
    color: #fff; }
  .page-f10-bg .collection__list {
    display: block; }
    .page-f10-bg .collection__list:not(.slick-initialized) {
      display: flex;
      overflow: hidden; }
      .page-f10-bg .collection__list:not(.slick-initialized) .product__item {
        width: 20%;
        flex: 0 0 auto; }
    .page-f10-bg .collection__list .product__item--details .product__name, .page-f10-bg .collection__list .product__item--details .product__pricing {
      color: #fff; }
      .page-f10-bg .collection__list .product__item--details .product__name span, .page-f10-bg .collection__list .product__item--details .product__name a, .page-f10-bg .collection__list .product__item--details .product__pricing span, .page-f10-bg .collection__list .product__item--details .product__pricing a {
        color: #fff; }
  .page-f10-bg .slick-arrow {
    position: absolute;
    height: 2rem;
    width: 1.5rem;
    min-height: 0;
    font-weight: 400;
    line-height: 0;
    font-size: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: calc(50% - 62px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none;
    z-index: 1; }
    .page-f10-bg .slick-arrow:before {
      content: "";
      display: inline-block;
      border-color: #000;
      border-style: solid;
      border-width: 2px 2px 0 0;
      width: 1rem;
      height: 1rem; }
    .page-f10-bg .slick-arrow.slick-prev {
      left: 1rem; }
      .page-f10-bg .slick-arrow.slick-prev:before {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg); }
    .page-f10-bg .slick-arrow.slick-next {
      right: 1rem; }
      .page-f10-bg .slick-arrow.slick-next:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .page-f10-bg .has-frame {
    position: relative;
    /*
		&:after{
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			background: url('https://file.hstatic.net/1000184601/file/universal_img_74d370eeb99b415d8b623cab20eeb653.png') left center/contain no-repeat;
			width: 100%;
			height: 14px;
			pointer-events: none;
		}
    */ }
  .page-f10-bg .page-f10 {
    max-width: 1920px;
    margin: 0 auto; }
  .page-f10-bg .f10-container {
    max-width: 1545px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px; }
  .page-f10-bg .product-list-card {
    margin-bottom: 20px;
    color: #fff; }
    .page-f10-bg .product-list-card .product-name {
      font-weight: 300;
      color: #fff; }
    .page-f10-bg .product-list-card .product-price, .page-f10-bg .product-list-card .compare-price {
      color: #fff; }
  .page-f10-bg .f10-banner1, .page-f10-bg .f10-banner4 {
    margin-bottom: 28px; }
  .page-f10-bg .f10-slider {
    margin-bottom: 40px; }
  .page-f10-bg .f10-banner2 {
    margin-bottom: 40px; }
    .page-f10-bg .f10-banner2 .banner2-item {
      flex: 0 0 calc(100%/3 - 26px);
      width: calc(100%/3 - 26px); }
  .page-f10-bg .f10-banner3 {
    overflow: hidden; }
  .page-f10-bg .f10-intro {
    margin: 0 auto 28px; }
    .page-f10-bg .f10-intro .img {
      flex: 0 0 50%;
      width: 50%; }
    .page-f10-bg .f10-intro .info {
      flex: 0 0 50%;
      width: 50%;
      padding-left: 3.9%; }
      .page-f10-bg .f10-intro .info .title {
        font-weight: 900;
        color: #fff;
        font-size: 120px;
        line-height: 1.2;
        margin: 0 0 8px; }
      .page-f10-bg .f10-intro .info .btn-action {
        margin-top: 64px; }
        .page-f10-bg .f10-intro .info .btn-action a {
          display: inline-block;
          color: #000;
          background: #FFCB05;
          font-weight: 600;
          font-size: 18px;
          line-height: 22px;
          padding: 13px 25px;
          text-transform: uppercase;
          min-width: 240px;
          border-radius: 25px; }
  .page-f10-bg .f10-bst {
    background: url("https://file.hstatic.net/1000184601/file/bst_bg_fa28f83b5bb84a57be87c79992eb5b30.jpg") left bottom/100% no-repeat; }
    .page-f10-bg .f10-bst .f10-bst-info {
      padding: 230px 0;
      max-width: 700px;
      margin: 0 auto; }
      .page-f10-bg .f10-bst .f10-bst-info .title {
        font-weight: 900;
        font-size: 64px;
        line-height: 1;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 35px; }
  .page-f10-bg .f10-bottom {
    background: #EFEFEF; }
    .page-f10-bg .f10-bottom .f10-bottom-box {
      max-width: 1674px;
      margin: 0 auto; }
      .page-f10-bg .f10-bottom .f10-bottom-box .info {
        flex: 0 0 52%;
        width: 52%; }
        .page-f10-bg .f10-bottom .f10-bottom-box .info .info-ne {
          max-width: 715px;
          margin: 0 0 0 auto;
          padding-left: 15px; }
        .page-f10-bg .f10-bottom .f10-bottom-box .info .desc {
          font-weight: 400;
          font-size: 20px;
          line-height: 1.5;
          color: #000;
          margin-bottom: 47px; }
          .page-f10-bg .f10-bottom .f10-bottom-box .info .desc em {
            font-size: 18px; }
        .page-f10-bg .f10-bottom .f10-bottom-box .info .btn-bottom a {
          display: inline-block;
          background: #FFCB05;
          color: #000;
          border-radius: 25px;
          min-width: 270px;
          text-align: center;
          font-weight: 600;
          font-size: 20px;
          line-height: 1.4;
          padding: 10px 0;
          text-transform: uppercase; }
      .page-f10-bg .f10-bottom .f10-bottom-box .img {
        flex: 0 0 48%;
        width: 48%; }
  .page-f10-bg .black2022-policy {
    margin-top: -106px;
    padding: 226px 0 118px 0;
    background: url("https://file.hstatic.net/1000184601/file/policy_bg_35d484e027a949ada00e7d52488de551.png") left bottom/100% no-repeat; }
    .page-f10-bg .black2022-policy .block-policy .policy-items {
      max-width: 1090px;
      margin: 0 auto; }
      .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item {
        flex: 0 0 25%;
        width: 25%; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item .policy-icon {
          text-align: center;
          margin-bottom: 55px;
          height: 138px;
          position: relative; }
          .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item .policy-icon img {
            filter: invert(1);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-height: 138px; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item p {
          margin: 0;
          font-size: 20px;
          line-height: 1.5;
          font-weight: 500;
          color: #fff;
          text-transform: uppercase; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item:nth-child(2) .policy-icon img {
          max-height: 130px; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item:nth-child(3) .policy-icon img {
          max-height: 126px; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item:nth-child(4) .policy-icon img {
          max-height: 82px; }
  .page-f10-bg .f10-pro3 {
    margin-bottom: 160px; }
  .page-f10-bg .view-more2 a {
    display: inline-block;
    height: 48px;
    line-height: 46px;
    font-weight: 500;
    min-width: 270px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 25px; }
    .page-f10-bg .view-more2 a:hover {
      background: #FFCB05;
      border-color: #FFCB05;
      color: #000;
      text-decoration: none; }
  .page-f10-bg .f10-community {
    position: relative;
    z-index: 2; }
    .page-f10-bg .f10-community .community-title {
      font-size: 43px;
      line-height: 1;
      font-weight: 900;
      margin: 0 0 89px;
      color: #fff; }
    .page-f10-bg .f10-community .community-container {
      padding: 0 24px; }
    .page-f10-bg .f10-community .community-box {
      margin-bottom: 72px; }
      .page-f10-bg .f10-community .community-box .owl-stage {
        padding-left: 0 !important; }
  .page-f10-bg .f10-banner4-group .banner4-item {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 43px; }
    .page-f10-bg .f10-banner4-group .banner4-item:nth-child(4), .page-f10-bg .f10-banner4-group .banner4-item:nth-child(5) {
      flex: 0 0 calc(50% - 23px);
      width: calc(50% - 23px); }
    .page-f10-bg .f10-banner4-group .banner4-item:nth-child(1), .page-f10-bg .f10-banner4-group .banner4-item:nth-child(2), .page-f10-bg .f10-banner4-group .banner4-item:nth-child(3) {
      flex: 0 0 calc(100%/3 - 26px);
      width: calc(100%/3 - 26px); }

@media screen and (min-width: 1200px) {
  .page-f10-bg .product-list-card.col-lg-3 {
    flex: 0 0 20%;
    max-width: 20%; } }

@media screen and (max-width: 1199px) {
  .page-f10-bg .f10-intro .info .title {
    font-size: 90px; }
  .page-f10-bg .f10-intro .info .btn-action {
    margin-top: 34px; }
  .page-f10-bg .f10-community .community-title {
    font-size: 30px;
    margin: 0 0 50px; }
  .page-f10-bg .f10-bst .f10-bst-info {
    padding: 170px 0; } }

@media screen and (max-width: 991px) {
  .page-f10-bg .f10-community .community-title {
    font-size: 26px; }
  .page-f10-bg .f10-bst .f10-bst-info .title {
    font-size: 50px; }
  .page-f10-bg .f10-banner4-group .banner4-item {
    margin-top: 30px; }
    .page-f10-bg .f10-banner4-group .banner4-item:nth-child(4), .page-f10-bg .f10-banner4-group .banner4-item:nth-child(5) {
      flex: 0 0 calc(50% - 8px);
      width: calc(50% - 8px); }
    .page-f10-bg .f10-banner4-group .banner4-item:nth-child(1), .page-f10-bg .f10-banner4-group .banner4-item:nth-child(2), .page-f10-bg .f10-banner4-group .banner4-item:nth-child(3) {
      flex: 0 0 calc(100%/3 - 10px);
      width: calc(100%/3 - 10px); } }

@media screen and (max-width: 767px) {
  .page-f10-bg .desc {
    font-size: 16px;
    line-height: 1.68; }
  .page-f10-bg .f10-intro .img, .page-f10-bg .f10-intro .info {
    flex: 0 0 100%;
    width: 100%; }
  .page-f10-bg .f10-bottom .f10-bottom-box {
    padding: 0 25px; }
    .page-f10-bg .f10-bottom .f10-bottom-box .info, .page-f10-bg .f10-bottom .f10-bottom-box .img {
      flex: 0 0 100%;
      width: 100%; }
    .page-f10-bg .f10-bottom .f10-bottom-box .info {
      padding: 60px 0 20px; }
      .page-f10-bg .f10-bottom .f10-bottom-box .info .info-ne {
        max-width: 300px;
        margin: 0 auto;
        padding-left: 0; }
        .page-f10-bg .f10-bottom .f10-bottom-box .info .info-ne .desc {
          font-size: 18px; }
          .page-f10-bg .f10-bottom .f10-bottom-box .info .info-ne .desc em {
            font-size: 16px; }
      .page-f10-bg .f10-bottom .f10-bottom-box .info .btn-bottom a {
        padding: 0 30px;
        min-width: auto;
        font-size: 16px;
        line-height: 33px;
        height: 31px; }
  .page-f10-bg .f10-intro .info .title {
    font-size: 55px;
    line-height: 40px;
    margin: 0 0 24px; }
  .page-f10-bg .f10-intro .info {
    padding: 2px 0 0; }
    .page-f10-bg .f10-intro .info .desc {
      padding: 0 23px;
      margin-bottom: 30px; }
    .page-f10-bg .f10-intro .info .img-xs {
      margin-left: -15px;
      margin-right: -15px; }
    .page-f10-bg .f10-intro .info .btn-action {
      margin-top: 20px; }
    .page-f10-bg .f10-intro .info .btn-action a {
      font-size: 16px;
      padding: 5px 30px;
      min-width: auto; }
  .page-f10-bg .f10-community .community-container {
    padding: 0 0 0 10px; }
  .page-f10-bg .f10-community .community-title {
    font-size: 24px;
    margin-bottom: 30px; }
  .page-f10-bg .f10-community .community-box {
    margin-bottom: 30px; }
  .page-f10-bg .f10-pro3 .f10-container {
    overflow-x: auto;
    padding: 0 0 0 7px; }
    .page-f10-bg .f10-pro3 .f10-container::-webkit-scrollbar {
      display: none; }
  .page-f10-bg .f10-pro3 .products-grid {
    width: 1000px; }
    .page-f10-bg .f10-pro3 .products-grid .product-list-card {
      padding-left: 10px;
      padding-right: 10px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100%/5);
      flex: 0 0 calc(100%/5);
      max-width: calc(100%/5); }
  .page-f10-bg .f10-banner2 {
    margin-bottom: 0; }
    .page-f10-bg .f10-banner2 .f10-container {
      padding: 0; }
    .page-f10-bg .f10-banner2 .banner2-item {
      flex: 0 0 100%;
      width: 100%; }
  .page-f10-bg .f10-slider {
    margin-bottom: 30px; }
    .page-f10-bg .f10-slider .f10-container {
      padding: 0; }
  .page-f10-bg .f10-pro .f10-container {
    padding: 0 0 0 10px; }
  .page-f10-bg .f10-pro .owl-carousel .owl-stage {
    padding-left: 0 !important; }
  .page-f10-bg .f10-bst {
    background: url("https://file.hstatic.net/1000184601/file/bst_bgmb_628036271f8f4d95a6f6610262970d41.jpg") top center/100% no-repeat; }
  .page-f10-bg .f10-bst .f10-bst-info {
    padding: 66px 0; }
    .page-f10-bg .f10-bst .f10-bst-info .title {
      max-width: 270px;
      margin: 0 auto 12px;
      font-size: 36px;
      line-height: 42px; }
    .page-f10-bg .f10-bst .f10-bst-info .desc {
      padding: 0 36px; }
  .page-f10-bg .f10-banner4 .f10-container {
    padding: 0; }
  .page-f10-bg .f10-banner4-group .banner4-item {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 0; }
    .page-f10-bg .f10-banner4-group .banner4-item:nth-child(4), .page-f10-bg .f10-banner4-group .banner4-item:nth-child(5) {
      flex: 0 0 50%;
      width: 50%; }
    .page-f10-bg .f10-banner4-group .banner4-item:nth-child(1), .page-f10-bg .f10-banner4-group .banner4-item:nth-child(2), .page-f10-bg .f10-banner4-group .banner4-item:nth-child(3) {
      flex: 0 0 100%;
      width: 100%; }
  .page-f10-bg .f10-pro3 {
    margin-bottom: 5px; }
  .page-f10-bg .black2022-policy {
    padding: 60px 0 25px;
    margin-top: 0;
    background: url("https://file.hstatic.net/1000184601/file/policy_bg_mb_10b6f7c91f464dcc9e2168554905a126.png") left bottom/100% no-repeat; }
    .page-f10-bg .black2022-policy .block-policy .policy-items {
      align-items: flex-start;
      max-width: 300px;
      padding: 0; }
      .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item {
        flex: 0 0 50%;
        width: 50%; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item:nth-child(3), .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item:nth-child(4) {
          margin-top: 30px; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item:nth-child(2) .policy-icon img {
          max-height: 61px; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item:nth-child(3) .policy-icon img {
          max-height: 63px; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item:nth-child(4) .policy-icon img {
          max-height: 39px; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item .policy-icon {
          height: 67px;
          margin-bottom: 27px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item .policy-icon img {
            max-height: 100%;
            align-self: center; }
        .page-f10-bg .black2022-policy .block-policy .policy-items .policy-item p {
          font-size: 10px;
          width: 120px;
          margin: 0 auto; }
  .page-f10-bg .view-more2 a {
    height: 34px;
    line-height: 32px;
    min-width: auto;
    padding: 0 30px;
    font-size: 16px; } }