@charset "UTF-8";
.abs-margin-2 {
  margin: 2rem; }

:root {
  --main-color-w1: #FF5A5F;
  --text-color-w1: #484848;
  --button-color-w1: #FF5A5F;
  --main-color-w2: #067AC0;
  --text-color-w2: black;
  --main-color-w3: #FED700;
  --text-color-w3: black;
  --main-color-w4: #ff0000;
  --text-color-w4: black;
  --main-color-w5: #31D093;
  --text-color-w5: black;
  --main-color-w6: #8fba1c;
  --text-color-w6: #666666;
  --main-color-w7: #8fba1c;
  --text-color-w7: #666666;
  --main-color-w8: #2267D8;
  --text-color-w8: black;
  --main-color-w9: #fcb700;
  --text-color-w9: black;
  --main-color-w10: #48CAB2;
  --text-color-w10: black;
  --main-color-w11: #e4584b;
  --text-color-w11: black;
  --main-color-w14: #6868eb;
  --text-color-w14: #777;
  --main-color-w15: #FDA94F;
  --text-color-w15: #777;
  --main-color-w16: #003678;
  --text-color-w16: #777;
  --main-color-w: #efba1c;
  --hover-color-w: #e4584b;
  --text-color-w: black; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch; }

.w13-formup__frame img {
  opacity: 1; }

.main figure, .ws-right-menu figure {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }
  .main figure a, .ws-right-menu figure a {
    display: block;
    max-height: 100%;
    height: 100%; }
  .main figure img, .ws-right-menu figure img {
    opacity: 0;
    display: block;
    max-height: 100%;
    height: 100%; }
    @media only screen and (max-width: 37.5em) {
      .main figure img, .ws-right-menu figure img {
        height: auto; } }

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6, .ws-right-menu h1, .ws-right-menu h2, .ws-right-menu h3, .ws-right-menu h4, .ws-right-menu h5, .ws-right-menu h6 {
  display: block; }

body {
  box-sizing: border-box;
  padding: 0;
  font-family: "Montserrat", sans-serif; }
  body img {
    max-width: 100%; }
  body a {
    color: currentColor;
    text-decoration: none;
    font-weight: inherit; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */ }

.ws-rtl {
  flex-direction: row-reverse; }

select::-ms-expand {
  display: none;
  /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */ }

.owl-prev {
  display: none; }

.owl-next {
  display: none; }

.kill-a {
  color: currentColor;
  text-decoration: none; }

.display-none {
  display: none; }

.sticky {
  position: fixed !important;
  top: 0 !important;
  margin: 0 auto;
  z-index: 200 !important;
  width: 100% !important;
  animation: stickyMenu .3s ease-out; }

.nav__checkbox {
  display: none !important; }

.nav__icon {
  position: relative; }
  .nav__icon, .nav__icon::before, .nav__icon::after {
    width: 2.5rem;
    height: 0.3rem;
    background-color: white;
    display: inline-block; }
  .nav__icon::before, .nav__icon::after {
    content: "";
    position: absolute;
    left: 0;
    transition: all .2s; }
  .nav__icon::before {
    top: -.8rem; }
  .nav__icon::after {
    top: .8rem; }

.nav__checkbox:checked + .nav__button .nav__icon {
  background-color: transparent; }

.nav__checkbox:checked + .nav__button .nav__icon::before {
  transform: rotate(135deg);
  top: 0; }

.nav__checkbox:checked + .nav__button .nav__icon::after {
  transform: rotate(-135deg);
  top: 0; }

.nav__checkbox {
  display: none; }

.ab-position {
  position: absolute !important; }

.color-white {
  color: white !important; }

.color-black {
  color: black; }

.color-red {
  color: black; }

.ws-120-0-a {
  max-width: 120rem;
  margin: 0 auto; }

.ws-100p {
  width: 100%; }

.font-600 {
  font-weight: 600; }

.font-800 {
  font-weight: 800; }

.ws-bga {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6 {
  font-size: unset;
  font-weight: unset; }

::-webkit-scrollbar {
  width: 1rem; }

/* Track */
::-webkit-scrollbar-track {
  border-radius: .1em; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #eee;
  border-radius: 1em; }

.section-content-default {
  font-size: 1.4em;
  line-height: 1.8em; }
  .section-content-default h2, .section-content-default h3, .section-content-default iframe, .section-content-default h4, .section-content-default h5, .section-content-default image, .section-content-default p {
    margin: .5em 0; }

.ws-scroll-bar {
  /* width */
  height: 95vh;
  overflow: scroll;
  /* Track */
  /* Handle */ }
  .ws-scroll-bar::-webkit-scrollbar {
    width: 1rem; }
  .ws-scroll-bar::-webkit-scrollbar-track {
    border-radius: .1em; }
  .ws-scroll-bar::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 1em; }

#txt_ladi_link {
  padding: .8em !important; }

.main-slider {
  width: 100%; }
  .main-slider .owl-stage {
    background-color: rgba(30, 144, 255, 0.8); }
  .main-slider .owl-item {
    padding: 0;
    position: relative;
    opacity: .5; }
    .main-slider .owl-item img {
      object-fit: cover;
      object-position: center;
      height: 450px; }
  .main-slider .center {
    opacity: 1;
    transform: scale(1.005);
    transition: .5s ease-in-out;
    z-index: 9999; }
  .main-slider .owl-controls .owl-nav {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0; }
    .main-slider .owl-controls .owl-nav .prev {
      position: absolute;
      height: 80%;
      width: 15%;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
    .main-slider .owl-controls .owl-nav .next {
      position: absolute;
      height: 80%;
      width: 15%;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
  .main-slider .owl-thumbs {
    text-align: center;
    display: table;
    width: 100%; }
  .main-slider .owl-thumb-item {
    width: 20%;
    height: 150px;
    border: none;
    background: none;
    padding: 0;
    opacity: .7;
    overflow: hidden; }
  .main-slider .owl-thumb-item img {
    width: 100%;
    height: auto;
    vertical-align: middle; }
  .main-slider .owl-thumb-item.active {
    opacity: 1; }
    .main-slider .owl-thumb-item.active img {
      position: relative; }

.overlay {
  width: 100%;
  height: 100%;
  display: block;
  background-color: black; }

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10rem); }
  80% {
    transform: translateX(1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(10rem); }
  80% {
    transform: translateX(-1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(3rem); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes moveToBottom {
  0% {
    margin-top: 100%; }
  100% {
    margin-top: 0; } }

@keyframes zoom-in-out {
  0% {
    transform: scale(1);
    box-shadow: none; }
  50% {
    transform: scale(1.01) rotate(-2deg);
    box-shadow: 0 1rem 4rem rgba(255, 248, 220, 0.397); }
  100% {
    transform: scale(1);
    box-shadow: none; } }

@keyframes stickyMenu {
  0% {
    height: 0;
    opacity: 0; }
  100% {
    opacity: 1;
    height: 8em; } }

@keyframes buttonMoveBg {
  0% {
    background-position: right top; }
  100% {
    background-position: left bottom; } }

@keyframes outLine {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(1.1);
    color: black;
    background-color: transparent; } }

@keyframes zoomBtn {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0; } }

@keyframes zoomIn {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.4); } }

@keyframes skakeBtn {
  0% {
    transform: rotateX(180deg); }
  50% {
    transform: rotateX(360deg); }
  100% {
    transform: rotateY(180deg); } }

.btn-grad-1 {
  background-image: linear-gradient(to right, #fc00ff 0%, #00dbde 51%, #fc00ff 100%); }

.btn-grad-1:hover {
  background-position: right center; }

.btn-grad-2 {
  background-image: linear-gradient(to right, #16BFFD 0%, #CB3066 51%, #16BFFD 100%); }

.btn-grad-2:hover {
  background-position: right center; }

.btn-grad-3 {
  background-image: linear-gradient(to right, #ff4b1f 0%, #1fddff 51%, #ff4b1f 100%); }

.btn-grad:hover {
  background-position: right center; }

.btn-grad-4 {
  background-image: linear-gradient(to right, #ff00cc 0%, #333399 51%, #ff00cc 100%); }

.btn-grad:hover {
  background-position: right center; }

.w13-btn {
  z-index: 2; }
  @media only screen and (min-width: 50em) {
    .w13-btn {
      font-size: 1.3em; } }
  .w13-btn-1 {
    background-color: #0099d1;
    padding: 1em;
    color: white;
    display: inline-flex;
    align-items: center;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0); }
    .w13-btn-1__line {
      height: 1em;
      position: relative;
      background-color: white;
      width: .1em;
      display: inline-block;
      margin: 0 .5em; }
  .w13-btn-2 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    background-color: #00dbde;
    padding: .7em;
    color: white;
    display: inline-flex;
    align-items: center; }
    .w13-btn-2__img {
      width: 2em;
      height: 100%; }
    .w13-btn-2__line {
      height: 1em;
      position: relative;
      background-color: white;
      width: .1em;
      display: inline-block;
      margin: 0 .5em; }
  .w13-btn-3 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    padding: 1em;
    color: white;
    display: inline-flex;
    align-items: center;
    background-size: 200% auto;
    animation: buttonMoveBg .5s infinite alternate-reverse; }
    .w13-btn-3__line {
      height: 1em;
      position: relative;
      background-color: white;
      width: .1em;
      display: inline-block;
      margin: 0 .5em; }
  .w13-btn-4 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .2em;
    animation: zoomBtnOp1 1s infinite alternate-reverse; }
    .w13-btn-4__img {
      width: 4em;
      height: 4em; }
  .w13-btn-5 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    background-color: #0099d1;
    padding: .5em;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-size: 200% auto;
    border-radius: .5em;
    animation: zoomBtnOp1 1s infinite alternate-reverse; }
    .w13-btn-5__icon {
      font-size: 1.8em; }
  .w13-btn-6 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    padding: .7em;
    color: white;
    display: inline-flex;
    align-items: center;
    background-size: 200% auto;
    border-radius: .5em;
    animation: buttonMoveBg 1s infinite alternate-reverse; }
    .w13-btn-6__icon {
      font-size: 2.5em; }
  .w13-btn-7 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    padding: 2em;
    color: white;
    display: inline-flex;
    align-items: center;
    background-size: 200% auto;
    border-radius: 50%;
    width: 7em;
    animation: buttonMoveBg 1s infinite alternate-reverse; }
    .w13-btn-7__icon {
      font-size: 3em;
      animation: skakeBtn ease-in-out 1s infinite 1s alternate-reverse; }

.wscus-linetyle {
  margin: 0 auto;
  max-width: 120em; }
  .wscus-linetyle p {
    padding: .5em;
    border: .1em solid #186BC7;
    margin: .5em 0;
    border-radius: .3em;
    backface-visibility: hidden;
    transition: all .2s; }
    .wscus-linetyle p:hover {
      box-shadow: 0 0 .5em .5em #ececec;
      background-color: #186BC7;
      z-index: 1;
      transform: scale(1.01);
      color: white; }

.w1-menu {
  width: 100%;
  z-index: 2;
  color: var(--text-color-w);
  background-color: var(--main-color-w) !important; }
  @media only screen and (max-width: 75em) {
    .w1-menu {
      background-color: white; } }
  .w1-menu__sticky {
    background-color: var(--main-color-w) !important; }
  .w1-menu__ab {
    position: absolute;
    background-color: transparent; }
  .w1-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 8em; }
    @media only screen and (max-width: 75em) {
      .w1-menu__group {
        background-color: white;
        justify-content: space-between;
        align-items: center; } }
  .w1-menu__checkbox:checked ~ .w1-menu__items {
    left: 0; }
  .w1-menu__checkbox {
    display: none; }
  @media only screen and (min-width: 75em) {
    .w1-menu__navi-button {
      display: none !important; } }
  .w1-menu__navi-button {
    background-color: var(--main-color-w);
    height: 4em;
    width: 4em;
    min-width: 4em;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 5%;
    margin-right: 2em; }
  .w1-menu__logobox {
    padding: .5em;
    text-align: center;
    height: 8em; }
    @media only screen and (max-width: 75em) {
      .w1-menu__logobox {
        position: relative;
        min-width: 10em;
        min-height: 8em;
        align-self: flex-start; }
        .w1-menu__logobox__img {
          max-width: 100%;
          height: 100%; } }
  .w1-menu__box__button {
    cursor: pointer;
    display: none; }
    @media only screen and (max-width: 75em) {
      .w1-menu__box__button {
        display: inline-block; } }
  .w1-menu__button-nav {
    background-color: var(--main-color-w);
    padding: 2em 1em 1em 1em;
    border-radius: 0.3em;
    border: none; }
    @media only screen and (min-width: 75em) {
      .w1-menu__button-nav {
        display: none; } }
  .w1-menu__items {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 75em) {
      .w1-menu__items {
        position: absolute;
        color: black;
        display: block;
        z-index: 2;
        background-color: white;
        top: 8em;
        padding: 2em;
        width: 25em;
        left: -25em;
        transition: all .2s; } }
    .w1-menu__items__item {
      height: 8em;
      line-height: 8em;
      white-space: nowrap;
      position: relative;
      list-style: none; }
      .w1-menu__items__item:not(:last-child) {
        margin-right: 2em; }
      .w1-menu__items__item__cb {
        display: none; }
      @media only screen and (max-width: 75em) {
        .w1-menu__items__item {
          height: auto; }
          .w1-menu__items__item__cb:checked ~ .w1-menu__items__drop-1 {
            display: block; }
          .w1-menu__items__item__cb:checked ~ .w1-menu__items__item__link .w1-menu__items__item__link__icon {
            transform: rotate(180deg);
            padding: 0 1em 0 0; } }
      @media only screen and (max-width: 50em) {
        .w1-menu__items__item:not(:last-child) {
          margin-right: 0; } }
      .w1-menu__items__item__link {
        cursor: pointer;
        color: white;
        font-size: 1.6em;
        display: flex;
        align-items: center;
        text-decoration: none; }
        @media only screen and (max-width: 75em) {
          .w1-menu__items__item__link {
            color: black; } }
        .w1-menu__items__item__link__text {
          text-decoration: none;
          overflow: hidden;
          text-overflow: ellipsis; }
        .w1-menu__items__item__link__icon {
          margin-left: auto;
          float: right;
          padding: 1em 0 1em 1em; }
        .w1-menu__items__item__link:hover {
          color: var(--hover-color-w); }
    .w1-menu__items__drop-1 {
      background-color: white;
      position: absolute;
      top: 8em;
      display: none;
      width: 25em;
      border-radius: 2em;
      z-index: 2;
      left: -2em;
      padding-top: 1em;
      line-height: initial; }
      @media only screen and (max-width: 75em) {
        .w1-menu__items__drop-1 {
          left: 0;
          position: relative;
          top: 0;
          padding: 0 1em; } }
      .w1-menu__items__drop-1__item {
        list-style: none;
        padding: 2em;
        position: relative; }
        .w1-menu__items__drop-1__item__cb {
          display: none; }
        @media only screen and (max-width: 75em) {
          .w1-menu__items__drop-1__item__cb:checked ~ .w1-menu__items__drop-2 {
            display: block; }
          .w1-menu__items__drop-1__item__cb:checked ~ .w1-menu__items__item__link .w1-menu__items__item__link__icon {
            transform: rotate(180deg);
            padding: 0 1em 0 0; } }
        .w1-menu__items__drop-1__item__link {
          cursor: pointer;
          color: black;
          font-size: 1.6em;
          display: inline-block;
          text-decoration: none;
          width: 100%;
          display: flex;
          align-items: center; }
          .w1-menu__items__drop-1__item__link__text {
            text-decoration: none;
            overflow: hidden;
            text-overflow: ellipsis; }
          .w1-menu__items__drop-1__item__link__icon {
            transform: rotate(-90deg);
            display: block;
            margin-left: auto;
            float: right; }
          .w1-menu__items__drop-1__item__link:hover {
            color: var(--main-color-w); }
      .w1-menu__items__drop-1::before {
        margin: 0;
        content: "";
        display: inline-block;
        height: 3em;
        color: white;
        width: 4em;
        z-index: 1;
        transform: translateY(-3.6em);
        position: absolute;
        background-size: cover;
        background-color: white;
        -webkit-mask-image: url(../img/sprites/triangle-up.svg);
        -webkit-mask-size: cover;
        mask-image: url(../img/sprites/triangle-up.svg);
        mask-size: cover;
        left: 2em; }
        @media only screen and (max-width: 75em) {
          .w1-menu__items__drop-1::before {
            display: none; } }
    .w1-menu__items__drop-2 {
      background-color: white;
      position: absolute;
      top: 0em;
      display: none;
      padding-top: 1em;
      width: 25em;
      left: 24em;
      border-radius: 2em; }
      @media only screen and (max-width: 75em) {
        .w1-menu__items__drop-2 {
          left: 0;
          position: relative;
          top: 0;
          padding: 2em 1em; } }
      .w1-menu__items__drop-2__item {
        list-style: none;
        padding: 2em; }
        .w1-menu__items__drop-2__item__link {
          cursor: pointer;
          color: black;
          font-size: 1.6em;
          display: inline-block;
          text-decoration: none;
          width: 100%;
          display: flex;
          align-items: center; }
          .w1-menu__items__drop-2__item__link__text {
            text-decoration: none;
            overflow: hidden;
            text-overflow: ellipsis; }
          .w1-menu__items__drop-2__item__link__icon {
            transform: rotate(-90deg);
            display: block;
            margin-left: auto;
            float: right; }
          .w1-menu__items__drop-2__item__link:hover {
            color: var(--main-color-w); }
    .w1-menu__items__item:hover .w1-menu__items__drop-1 {
      display: block; }
    .w1-menu__items__drop-1__item:hover .w1-menu__items__drop-2 {
      display: block; }
    .w1-menu__items__user {
      display: flex;
      padding: 0 2em;
      color: white;
      align-items: center;
      align-content: center;
      align-self: center; }
      .w1-menu__items__user__icon {
        font-size: 2em;
        color: white;
        margin-right: 1em; }
      @media only screen and (max-width: 75em) {
        .w1-menu__items__user__icon {
          color: black; } }
    .w1-menu__items__user__login {
      display: flex;
      align-items: center;
      margin-right: 2em;
      font-size: 1.45em;
      cursor: pointer; }
      .w1-menu__items__user__login__text {
        white-space: nowrap;
        margin-left: .5em;
        cursor: pointer; }
        @media only screen and (max-width: 75em) {
          .w1-menu__items__user__login__text {
            color: black; } }
      @media only screen and (max-width: 75em) {
        .w1-menu__items__user__login__icon {
          color: black; } }
  .w1-menu__login__checkbox:checked ~ .w1-menu__login {
    display: flex; }
  .w1-menu__login {
    background-color: white;
    position: absolute;
    z-index: 10;
    top: 10em;
    padding: 2em;
    border-radius: 1em;
    width: 60%;
    display: none;
    justify-content: space-between;
    left: 20%; }
    .w1-menu__login__checkbox {
      display: none; }
    @media only screen and (max-width: 50em) {
      .w1-menu__login {
        width: 80%;
        left: 10%; } }
    @media only screen and (max-width: 37.5em) {
      .w1-menu__login {
        width: 98%;
        left: 1%; } }
    .w1-menu__login__banner {
      position: relative;
      width: 45%; }
      @media only screen and (max-width: 37.5em) {
        .w1-menu__login__banner {
          display: none; } }
      .w1-menu__login__banner__imgbox {
        max-width: 100%;
        border-radius: 1em;
        overflow: hidden;
        height: 100%; }
        .w1-menu__login__banner__imgbox__img {
          width: 100%; }
      .w1-menu__login__banner__text {
        position: absolute;
        top: 1em;
        left: 1em;
        color: var(--main-color-w);
        background-color: rgba(255, 255, 255, 0.597);
        padding: .5em;
        font-weight: 600;
        border-radius: .3em;
        font-size: 1.6em; }
    .w1-menu__login__form {
      width: 50%; }
      @media only screen and (max-width: 37.5em) {
        .w1-menu__login__form {
          width: 100%; } }
      .w1-menu__login__form__heading {
        display: flex;
        justify-content: space-between; }
        .w1-menu__login__form__heading__title {
          font-weight: 600;
          font-size: 1.3em;
          color: var(--main-color-w); }
        .w1-menu__login__form__heading__button__icon {
          font-size: 1.3em;
          color: var(--main-color-w);
          cursor: pointer; }
      .w1-menu__login__form__third {
        margin-top: 4em; }
        .w1-menu__login__form__third__content {
          margin-top: 2em;
          display: flex;
          align-items: center;
          width: 100%;
          justify-content: space-between;
          font-weight: 700; }
          @media only screen and (max-width: 37.5em) {
            .w1-menu__login__form__third__content {
              flex-direction: column;
              margin-top: 0; } }
          .w1-menu__login__form__third__content__text-facebook {
            background-color: #00325c;
            padding: 1em;
            color: white;
            display: flex;
            align-items: center;
            width: 49%;
            justify-content: center;
            border-radius: .3em; }
            @media only screen and (max-width: 37.5em) {
              .w1-menu__login__form__third__content__text-facebook {
                width: 100%;
                margin-top: 0; } }
            .w1-menu__login__form__third__content__text-facebook:hover {
              filter: brightness(80%); }
          .w1-menu__login__form__third__content__text-google {
            background-color: #cc0000;
            padding: 1em;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 49%;
            border-radius: .3em; }
            @media only screen and (max-width: 37.5em) {
              .w1-menu__login__form__third__content__text-google {
                width: 100%;
                margin-top: 1em; } }
            .w1-menu__login__form__third__content__text-google:hover {
              filter: brightness(80%); }
          .w1-menu__login__form__third__content__icon {
            font-size: 2em;
            margin-left: 1em; }
      .w1-menu__login__form__items {
        margin-top: 2em;
        padding: 1.5em;
        border: .1em solid #eee;
        display: flex;
        align-items: center;
        border-radius: .5em; }
        .w1-menu__login__form__items__icon {
          color: var(--main-color-w);
          font-size: 1.6em; }
        .w1-menu__login__form__items__input {
          width: 95%;
          outline: none;
          border: none; }
      .w1-menu__login__form__button {
        background-color: var(--main-color-w);
        padding: 1em;
        width: 100%;
        text-align: center;
        display: block;
        color: white;
        font-weight: 600;
        font-size: 1.4em;
        margin-top: 2em;
        border-radius: .3em;
        transition: all .2s; }
        .w1-menu__login__form__button:hover {
          border: 0.1em solid var(--main-color-w);
          color: var(--main-color-w);
          background-color: white; }
      .w1-menu__login__form__or {
        margin-top: 2em;
        display: flex;
        align-items: center;
        justify-content: center; }
        .w1-menu__login__form__or__line {
          border-bottom: .1em solid #eee;
          width: 40%; }
        .w1-menu__login__form__or__text {
          font-size: 1.3em;
          font-weight: 600; }
      .w1-menu__login__form__fg {
        text-align: center;
        margin-top: 2em; }
        .w1-menu__login__form__fg__text {
          display: inline-block;
          font-weight: 500; }
        .w1-menu__login__form__fg__button {
          font-weight: 500;
          text-decoration: underline; }

.w1-banner {
  position: relative;
  width: 100%;
  padding: 10em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right bottom, rgba(10, 95, 206, 0.2), rgba(17, 47, 212, 0.1));
  padding-bottom: 20em; }
  .w1-banner option {
    font-weight: 500;
    background-color: white;
    border: none;
    outline: none;
    padding: 1em; }
  @media only screen and (max-width: 37.5em) {
    .w1-banner {
      padding: 10em 1em 1em 1em; } }
  .w1-banner__heading {
    position: relative;
    top: 25em;
    display: block;
    text-align: center;
    color: white;
    margin-bottom: 2em; }
    @media only screen and (min-width: 75em) {
      .w1-banner__heading {
        top: 10em; } }
    @media only screen and (max-width: 37.5em) {
      .w1-banner__heading {
        width: 100%; } }
    .w1-banner__heading--main {
      display: block;
      font-size: 6em;
      max-width: 15em;
      margin: 0 auto; }
      @media only screen and (max-width: 37.5em) {
        .w1-banner__heading--main {
          top: 5%;
          font-size: 3em !important; } }
      @media only screen and (max-width: 25em) {
        .w1-banner__heading--main {
          top: 1%;
          font-size: 4em !important; } }
    .w1-banner__heading--sub {
      font-weight: 400;
      display: block; }
    @media only screen and (max-width: 75em) {
      .w1-banner__heading {
        top: 5%; } }
  .w1-banner__popad {
    margin: 0 auto;
    max-width: 120em;
    padding: 5em;
    position: relative;
    background-color: white;
    z-index: 3;
    top: 2em;
    display: none; }
    @media only screen and (max-width: 50em) {
      .w1-banner__popad {
        padding: 2em; } }
    .w1-banner__popad__bar {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media only screen and (max-width: 50em) {
        .w1-banner__popad__bar {
          display: block; } }
      @media only screen and (max-width: 50em) {
        .w1-banner__popad__bar__item {
          margin-top: 1em; } }
      .w1-banner__popad__bar__item__info {
        padding: 1em;
        border: .1em solid #f5f5f5;
        color: #777;
        width: 100%; }
        @media only screen and (max-width: 50em) {
          .w1-banner__popad__bar__item__info {
            padding: .5em; } }
        .w1-banner__popad__bar__item__info__li {
          font-weight: 300;
          display: none; }
        .w1-banner__popad__bar__item__info__text:hover .w1-banner__popad__bar__item__info__li {
          display: block; }
      .w1-banner__popad__bar__item__text {
        font-weight: 300;
        height: 3em; }
  .w1-banner__search {
    display: flex;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    margin-top: 10%;
    max-width: 120em;
    padding: 2em;
    border-radius: 0.7em;
    align-items: center;
    justify-content: center;
    border: 2em solid rgba(211, 211, 211, 0.5);
    background-clip: padding-box;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w1-banner__search {
        top: 5%;
        border: 0.5em solid rgba(211, 211, 211, 0.5);
        padding: .5em; } }
    .w1-banner__search__form {
      width: 17%;
      margin-bottom: 1em;
      margin-top: 1em;
      border: .1em solid #eee;
      border-radius: .3em;
      display: flex;
      align-items: center;
      margin-right: 1em;
      position: relative; }
      .w1-banner__search__form ::placeholder {
        font-size: 1em; }
      @media only screen and (max-width: 50em) {
        .w1-banner__search__form {
          width: 100%;
          margin-top: 1em; } }
      @media only screen and (max-width: 37.5em) {
        .w1-banner__search__form {
          width: 100%;
          margin-right: 0; } }
      .w1-banner__search__form:hover {
        border: 0.1em solid var(--main-color-w); }
      .w1-banner__search__form__icon {
        color: var(--main-color-w);
        font-size: 1.3em;
        margin-right: .5em;
        margin-left: 1em; }
        .w1-banner__search__form__icon-right {
          margin-left: auto;
          float: right;
          color: var(--main-color-w);
          font-size: 1.3em;
          margin-right: .5em; }
      .w1-banner__search__form__input {
        border: none;
        outline: none;
        width: 100%;
        font-size: 1.3em;
        margin: .75em; }
      .w1-banner__search__form__items {
        margin: 1em;
        list-style: none;
        width: 100%;
        background-color: white; }
        .w1-banner__search__form__items__item {
          width: 100%; }
          .w1-banner__search__form__items__item__checkbox-sl {
            display: none; }
          .w1-banner__search__form__items__item__text {
            font-size: 1.2em;
            margin-right: .5em;
            width: 100%;
            white-space: nowrap;
            display: block;
            cursor: pointer; }
        .w1-banner__search__form__items__item__checkbox-sl:checked ~ .w1-banner__search__form__items-1 {
          display: block;
          z-index: 1; }
        .w1-banner__search__form__items-1 {
          list-style: none;
          position: absolute;
          display: none;
          width: 100%;
          left: 0;
          top: 4em;
          background-color: transparent;
          overflow: hidden;
          background-color: white;
          border: .1em solid #eee;
          border-radius: .5em; }
          .w1-banner__search__form__items-1__item {
            cursor: pointer;
            padding: 1em;
            width: 100%; }
            .w1-banner__search__form__items-1__item:hover {
              background-color: #eee; }
            .w1-banner__search__form__items-1__item__text {
              font-size: 1.2em;
              margin-right: .5em;
              white-space: nowrap; }
              .w1-banner__search__form__items-1__item__text-active {
                font-weight: 700; }
  .w1-banner__advand__text:hover .w1-banner__popad {
    visibility: visible;
    opacity: 1; }
  .w1-banner__advand__text {
    margin: 0 0 0 2em;
    font-weight: 400;
    font-size: 1.6em;
    align-items: center;
    display: flex;
    cursor: pointer;
    white-space: nowrap; }
    @media only screen and (max-width: 75em) {
      .w1-banner__advand__text {
        margin: 2em 0; } }
    @media only screen and (max-width: 37.5em) {
      .w1-banner__advand__text {
        margin: 2em 0;
        font-size: 1em;
        margin: 0; } }
  .w1-banner__advand__text:hover .w1-banner__advand__text__popad {
    display: block; }
  .w1-banner__separate__icon {
    background-size: cover;
    font-size: 2em;
    margin-left: .2em; }
  .w1-banner__btn__search {
    padding: 1em;
    background-color: var(--main-color-w);
    text-decoration: none;
    border-radius: 0.2em;
    color: white;
    font-size: 1.3em;
    margin: 0 0 0 1em;
    white-space: nowrap;
    font-weight: 600; }
    @media only screen and (max-width: 37.5em) {
      .w1-banner__btn__search {
        width: 100%;
        text-align: center;
        margin-top: 1em; } }
  .w1-banner__filter {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 75em) {
      .w1-banner__filter {
        margin-top: .5em;
        display: flex;
        align-items: center; } }
    @media only screen and (max-width: 37.5em) {
      .w1-banner__filter {
        flex-direction: column;
        width: 100%;
        justify-content: space-between; } }
  .w1-banner__select-property {
    padding: 1em;
    border: 1px solid rgba(153, 151, 151, 0.589);
    margin-left: 1em;
    border-radius: 0.2em;
    width: 20em; }
    .w1-banner__select-property__option {
      color: rgba(153, 151, 151, 0.589); }
    @media only screen and (max-width: 75em) {
      .w1-banner__select-property {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1em;
        display: block; } }

.w1-product {
  position: relative;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #F7F7F7;
  padding-bottom: 2em;
  color: var(--text-color-w); }
  .w1-product__group {
    max-width: 120em;
    margin: 0 auto; }
  .w1-product__heading {
    margin-top: 4em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w); }
    .w1-product__heading--main {
      display: block;
      font-size: 3em;
      margin-bottom: 1em; }
    .w1-product__heading--sub {
      font-size: 2em;
      font-weight: 300;
      display: block; }
  .w1-product__card {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    .w1-product__card__item {
      border: .1em solid #eee;
      padding: 1.5em;
      border-radius: .5em;
      transition: all .2s linear;
      width: 24%;
      margin-top: 3em;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w1-product__card__item {
          width: 33%; } }
      @media only screen and (max-width: 37.5em) {
        .w1-product__card__item {
          width: 99%; } }
      .w1-product__card__item:hover {
        box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2); }
      .w1-product__card__item__content {
        position: relative;
        display: block; }
        .w1-product__card__item__content__salebox {
          position: absolute;
          background-color: #3e4c66;
          top: 1em;
          left: 1em;
          color: white;
          padding: 1em;
          border-radius: .3em;
          z-index: 1; }
        .w1-product__card__item__content__saleprice {
          position: absolute;
          left: 0;
          color: white;
          padding: .3em;
          border-radius: .3em;
          bottom: 0;
          font-size: 3em;
          z-index: 1; }
        .w1-product__card__item__content__imgbox {
          display: block;
          overflow: hidden;
          border-radius: .5em; }
        .w1-product__card__item__content__iconbox {
          position: absolute;
          right: 1em;
          bottom: 1em;
          padding: 1em;
          background-color: rgba(0, 0, 0, 0.629);
          transition: all .2s;
          cursor: pointer;
          z-index: 1; }
          .w1-product__card__item__content__iconbox__icon {
            border-radius: .3em;
            font-size: 1.6em;
            color: white; }
          .w1-product__card__item__content__iconbox:hover {
            background-color: var(--hover-color-w); }
      .w1-product__card__item__type {
        margin-top: 1em;
        color: var(--main-color-w);
        font-size: 1.3em;
        font-weight: 500;
        display: block; }
      .w1-product__card__item__name {
        margin-top: .5em;
        font-size: 1.6em;
        font-weight: 600;
        display: block; }
      .w1-product__card__item__info {
        display: flex;
        font-size: 1.4em;
        align-items: center;
        font-weight: 300;
        margin-top: 1.5em; }
        .w1-product__card__item__info__text {
          margin-left: .5em; }
      .w1-product__card__item__inside {
        margin-top: 1em;
        font-size: 1.2em;
        text-transform: capitalize; }
        .w1-product__card__item__inside span:not(:last-child) {
          margin-right: 1em; }
        .w1-product__card__item__inside span {
          padding: .5em 0;
          display: inline-block; }
      .w1-product__card__item__line {
        margin-top: 1.5em;
        border-bottom: .1em solid #eee; }
      .w1-product__card__item__postinfo {
        margin-top: 1.5em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        white-space: nowrap; }
        .w1-product__card__item__postinfo__org {
          display: flex;
          align-items: center; }
          .w1-product__card__item__postinfo__org__img {
            max-width: 5em;
            min-width: 5em;
            height: 5em;
            border-radius: 50%;
            margin-right: 0.5em; }
    .w1-product__card-darkrate {
      display: none; }
    .w1-product__card-ocean {
      display: none; }

.w1-ads {
  position: relative;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #F7F7F7;
  color: var(--text-color-w);
  padding: 2em 1em; }
  .w1-ads__group {
    max-width: 120em;
    margin: 0 auto; }
  .w1-ads__heading {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w); }
    .w1-ads__heading--main a {
      font-size: 3em;
      padding: .5em;
      line-height: 1.8em;
      display: block; }
    .w1-ads__heading--sub {
      font-size: 2em;
      font-weight: 300;
      display: block;
      line-height: 1.8em; }
  .w1-ads__card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -1%; }
    .w1-ads__card__item {
      border: .1em solid #eee;
      padding: 1.5em;
      border-radius: .5em;
      transition: all .2s linear;
      width: 24%;
      margin-left: 1%;
      margin-top: 2em;
      margin-bottom: 2em;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w1-ads__card__item {
          width: 33%; } }
      @media only screen and (max-width: 37.5em) {
        .w1-ads__card__item {
          width: 49%; } }
      .w1-ads__card__item:hover {
        box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2); }
      .w1-ads__card__item__content {
        position: relative;
        display: block; }
        .w1-ads__card__item__content__salebox {
          position: absolute;
          background-color: #3e4c66;
          top: 1em;
          left: 1em;
          color: white;
          padding: 1em;
          border-radius: .3em; }
        .w1-ads__card__item__content__saleprice {
          position: absolute;
          left: 0;
          color: white;
          padding: .3em;
          border-radius: .3em;
          bottom: 0;
          font-size: 3em; }
        .w1-ads__card__item__content__imgbox {
          display: block;
          overflow: hidden; }
          .w1-ads__card__item__content__imgbox__img {
            width: 100%;
            border-radius: .5em; }
      .w1-ads__card__item__name {
        margin-top: .5em;
        font-size: 1.6em;
        font-weight: 600;
        display: block; }

.w1-features {
  position: relative;
  margin: 0 auto;
  width: 100%;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w1-features__heading {
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w);
    position: relative;
    display: block; }
    .w1-features__heading--main {
      display: block;
      font-size: 3em;
      margin-bottom: 1em; }
      .w1-features__heading--main a {
        display: block; }
    .w1-features__heading--sub {
      font-size: 2em;
      font-weight: 300;
      display: block; }
  .w1-features__group {
    position: relative;
    margin: 0 auto;
    display: flex;
    max-width: 120em;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    padding: 5em 1em; }
    .w1-features__group__item--1 {
      width: 35%;
      display: inline-block;
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      @media only screen and (max-width: 37.5em) {
        .w1-features__group__item--1 {
          width: 100%; } }
    .w1-features__group__item--2 {
      width: 64%;
      display: inline-block;
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      @media only screen and (max-width: 37.5em) {
        .w1-features__group__item--2 {
          width: 100%; } }
  .w1-features__action {
    overflow: hidden;
    border-radius: 0.5em;
    height: 30em;
    margin-bottom: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w1-features__action {
        border-radius: 0.2em; } }
  .w1-features__action:hover {
    filter: blur(1px) brightness(80%); }
  .w1-features__text--1 {
    z-index: 1;
    width: 100%;
    font-size: 1.6em;
    bottom: 1em;
    font-weight: 800;
    text-align: center;
    position: absolute;
    color: white;
    display: inline-block;
    margin: 0 auto; }
    @media only screen and (max-width: 37.5em) {
      .w1-features__text--1 {
        bottom: 3em; } }

.w1-services {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background-color: #F7F7F7;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w1-services__heading {
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    display: block; }
    .w1-services__heading--main {
      display: block;
      font-size: 3em;
      margin-bottom: 1em; }
    .w1-services__heading--sub {
      font-size: 2em;
      font-weight: 300;
      display: block; }
  .w1-services__card {
    display: flex;
    max-width: 96em;
    flex-wrap: wrap;
    margin: 0 auto;
    height: auto;
    gap: 2%; }
    .w1-services__card__item--1 {
      background-color: white;
      width: 32%;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 2.5em;
      margin-bottom: 2em;
      border-radius: 0.4em;
      border: 0.1em solid rgba(211, 211, 211, 0.5); }
      @media only screen and (max-width: 37.5em) {
        .w1-services__card__item--1 {
          width: 100%; } }
    .w1-services__card__item--1:hover .w1-services__card__svg--1 {
      color: white; }
    .w1-services__card__item--1:hover {
      background: rgba(255, 91, 97, 0.89);
      color: white; }
    .w1-services__card__svg--1 {
      font-size: 10em;
      color: rgba(255, 91, 97, 0.89); }
    .w1-services__card__info--1 {
      margin-top: 1em;
      font-size: 1.6em;
      font-weight: 600;
      transition: all 0.3s;
      display: block; }
    .w1-services__card__info--2 {
      font-weight: 300;
      transition: all 0.7s;
      display: block;
      margin-top: .5em; }

.w1-testimonials {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background-color: white;
  padding: 3em 1em;
  justify-content: space-between;
  color: var(--text-color-w); }
  .w1-testimonials__heading {
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    display: block; }
    .w1-testimonials__heading--main {
      display: block;
      font-size: 3em;
      margin-bottom: 1em; }
    .w1-testimonials__heading--sub {
      font-size: 2em;
      font-weight: 300;
      display: block; }
  .w1-testimonials__item {
    display: flex;
    flex-direction: column;
    max-width: 40em;
    margin: 2em auto;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    position: relative;
    align-content: center; }
  .w1-testimonials__human {
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden; }
    .w1-testimonials__human__imgbox {
      width: 20em;
      height: 20em; }
      .w1-testimonials__human__imgbox__img {
        width: 100%;
        height: 100%;
        border-radius: 50%; }
  .w1-testimonials__svgbox {
    max-width: 6em;
    max-height: 6em;
    position: absolute;
    bottom: 0;
    right: 2em;
    background-color: var(--main-color-w);
    padding: 1em;
    border-radius: 50%; }
  .w1-testimonials__icon {
    color: white; }
  .w1-testimonials__userinfo {
    text-align: center; }
  .w1-testimonials__name {
    font-size: 1.7em;
    margin: 0.5em auto; }
  .w1-testimonials__jobs {
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.8em;
    margin: 1em 0; }
  .w1-testimonials__des {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.8em; }

.w1-articles {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background-color: #F7F7F7;
  padding: 2em;
  color: var(--text-color-w); }
  .w1-articles__heading {
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w);
    position: relative;
    display: block; }
    .w1-articles__heading--main {
      display: block;
      font-size: 3em;
      margin-bottom: 1em; }
      .w1-articles__heading--main a {
        display: block; }
    .w1-articles__heading--sub {
      font-size: 2em;
      font-weight: 300;
      display: block; }
  .w1-articles__card {
    max-width: 96em;
    margin: 2em auto;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2%; }
    @media only screen and (max-width: 37.5em) {
      .w1-articles__card {
        flex-direction: column; } }
  .w1-articles__item--1 {
    width: 32%;
    margin-top: 1em;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
    padding: 1em 1em 0 1em;
    border-radius: 0.5em;
    border: 0.1em solid rgba(211, 211, 211, 0.5);
    height: max-content;
    background-color: #F7F7F7; }
    .w1-articles__item--1:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 37.5em) {
      .w1-articles__item--1 {
        width: 100%; } }
  .w1-articles__imgbox {
    max-height: 20em;
    border-radius: 0.5em;
    overflow: hidden; }
  .w1-articles__item--1:hover .w1-articles__img {
    transform: scale(1.2) rotate(5deg); }
  .w1-articles__img {
    width: 100%;
    max-height: 100%;
    transform: scale(1.3); }
  .w1-articles__name {
    font-size: 1.4em;
    color: var(--main-color-w);
    display: block;
    margin-top: .5em; }
  .w1-articles__des {
    font-size: 1.3em;
    display: block;
    line-height: 1.6em;
    padding: .5em 0;
    font-weight: 600; }
  .w1-articles__postinfo {
    text-align: center;
    border-top: 1px solid rgba(211, 211, 211, 0.5);
    display: flex;
    align-items: center;
    align-content: center;
    height: 5em;
    position: relative; }
  .w1-articles__userimg {
    height: 3em;
    width: 3em;
    border-radius: 50%;
    margin-right: 0.5em; }
  .w1-articles__date {
    position: absolute;
    right: 0; }

.w1-partners {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background-color: white;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w1-partners__heading {
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    display: block; }
    .w1-partners__heading--main {
      display: block;
      font-size: 3em;
      margin-bottom: 1em; }
    .w1-partners__heading--sub {
      font-size: 2em;
      font-weight: 300;
      display: block; }
  .w1-partners__group {
    display: flex;
    max-width: 96em;
    flex-direction: column;
    margin: 0 auto; }
  .w1-partners__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .w1-partners__item__imgbox {
      transition: all .2s;
      margin-top: 3em;
      display: inline-block;
      width: 19%;
      padding: 1em;
      height: 15em;
      background-color: white; }
      @media only screen and (max-width: 56.25em) {
        .w1-partners__item__imgbox {
          width: 30%; } }
      @media only screen and (max-width: 37.5em) {
        .w1-partners__item__imgbox {
          width: 48%; } }
      .w1-partners__item__imgbox:not(:last-child) {
        margin-right: 1%; }
      .w1-partners__item__imgbox:hover {
        transform: scale(1.3); }
      .w1-partners__item__imgbox__img {
        width: 100%; }

.w1-ctaregister {
  width: 100%;
  background-color: var(--main-color-w);
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w1-ctaregister__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
  .w1-ctaregister__text--1 {
    color: white;
    font-size: 3em;
    font-weight: 600;
    margin-bottom: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w1-ctaregister__text--1 {
        font-size: 2em; } }
  .w1-ctaregister__text--2 {
    color: white;
    font-size: 1.6em;
    font-weight: 300; }
    @media only screen and (max-width: 37.5em) {
      .w1-ctaregister__text--2 {
        font-size: 1.5em; } }
  .w1-ctaregister__button {
    text-align: center;
    font-size: 2em;
    padding: 1em;
    font-weight: 800;
    background-color: var(--main-color-w);
    color: white;
    border-radius: 0.4em;
    transition: all .2s;
    cursor: pointer;
    display: inline-block;
    position: relative; }
    @media only screen and (max-width: 37.5em) {
      .w1-ctaregister__button {
        margin-top: 1em;
        margin-left: auto; } }
    .w1-ctaregister__button:hover {
      background-color: white;
      color: var(--hover-color-w); }

.w1-footer {
  padding: 3em 1em;
  background-color: #202040;
  color: white;
  width: 100%;
  padding: 2em 1em; }
  .w1-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    font-size: 1.4em;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .w1-footer__group {
        flex-direction: column; } }
  .w1-footer__col {
    width: 75%;
    display: flex; }
    .w1-footer__col:last-child {
      width: 25%; }
    @media only screen and (max-width: 37.5em) {
      .w1-footer__col {
        flex-direction: column;
        width: 100%;
        padding: 1em;
        margin: 0; }
        .w1-footer__col:last-child {
          width: 100%; } }
  .w1-footer__link {
    margin-right: 2%;
    margin-top: 1.5em;
    width: 100%; }
    .w1-footer__link-first {
      min-width: 33%; }
    .w1-footer__link--1 {
      font-size: 1.4em;
      font-weight: 600;
      color: white;
      display: block;
      text-decoration: none; }
    .w1-footer__link--2 {
      width: 100%;
      margin-top: 1em;
      font-weight: 300;
      color: white;
      display: block;
      text-decoration: none; }
  .w1-footer__social {
    font-size: 2em;
    margin: 0.5em;
    cursor: pointer; }

.w1-downbar {
  padding: 2em;
  width: 100%;
  background-color: #1A1A38; }
  .w1-downbar__group {
    height: 3em;
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-weight: 300; }
  .w1-downbar__link__item {
    margin: 0 0.5em 0.5em 0;
    color: white;
    text-decoration: none;
    font-size: 1.2em; }

.w1-blogdetail {
  width: 100%;
  font-weight: 500;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w1-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 56.25em) {
      .w1-blogdetail__group {
        flex-direction: column; } }
  .w1-blogdetail__first {
    width: 67%; }
    @media only screen and (max-width: 56.25em) {
      .w1-blogdetail__first {
        width: 100%; } }
    .w1-blogdetail__first__heading__cate {
      background-color: var(--main-color-w);
      display: inline-block;
      padding: .5em 1em;
      font-size: 1.4em;
      color: white;
      text-transform: capitalize;
      border-radius: .3em; }
    .w1-blogdetail__first__heading__title {
      font-weight: 700;
      font-size: 2.5em;
      margin-top: 1em; }
    .w1-blogdetail__first__heading__postinfo {
      margin-top: 2em;
      align-items: center;
      display: flex; }
      .w1-blogdetail__first__heading__postinfo__user {
        align-items: center;
        display: flex;
        color: #777;
        font-size: 1.3em;
        margin-left: 1em; }
        .w1-blogdetail__first__heading__postinfo__user__img {
          border-radius: 50%;
          width: 3em;
          height: 3em; }
        .w1-blogdetail__first__heading__postinfo__user__text {
          margin-left: 1rem; }
        .w1-blogdetail__first__heading__postinfo__user__des {
          margin-left: .5em; }
    .w1-blogdetail__first__imgbox {
      margin-top: 2em;
      height: 40em;
      border-radius: .7em;
      width: 100%; }
    .w1-blogdetail__first__text {
      line-height: 2em;
      margin-top: 2em;
      display: block;
      font-size: 1.6em;
      line-height: 1.8em;
      text-align: justify; }
      .w1-blogdetail__first__text h2, .w1-blogdetail__first__text h3, .w1-blogdetail__first__text iframe, .w1-blogdetail__first__text h4, .w1-blogdetail__first__text h5, .w1-blogdetail__first__text img, .w1-blogdetail__first__text p {
        margin: .5em 0; }
      .w1-blogdetail__first__text ul, .w1-blogdetail__first__text ol {
        list-style: none; }
    .w1-blogdetail__first__share {
      margin-top: 2em;
      padding: 2em 0 2em 0;
      display: flex;
      border-top: .1em solid #eee;
      border-bottom: .1em solid #eee;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      .w1-blogdetail__first__share__link {
        margin-top: 1em;
        font-size: 1.4em; }
        .w1-blogdetail__first__share__link__text {
          font-weight: 600;
          margin-right: 1em; }
        .w1-blogdetail__first__share__link__icon {
          padding: 1em;
          margin-top: 1em;
          background-color: #f7f7f7;
          border-radius: .5em;
          cursor: pointer;
          transition: all .2s; }
          .w1-blogdetail__first__share__link__icon:hover {
            background-color: var(--hover-color-w);
            color: white; }
      .w1-blogdetail__first__share__tag {
        margin-top: 1em; }
        .w1-blogdetail__first__share__tag__text {
          font-size: 1.2em;
          font-weight: 300; }
          .w1-blogdetail__first__share__tag__text-tag {
            font-weight: bold; }
    .w1-blogdetail__first__page {
      display: flex;
      justify-content: space-between;
      margin-top: 2em;
      padding-bottom: 2em;
      border-bottom: .1em solid #eee; }
      .w1-blogdetail__first__page__site {
        align-items: center;
        display: flex; }
        .w1-blogdetail__first__page__site__icon {
          padding: 1em;
          background-color: #eee;
          min-width: 3em;
          text-align: center;
          font-size: 1.6em;
          border-radius: 50%;
          transition: all .2s;
          cursor: pointer; }
          .w1-blogdetail__first__page__site__icon:hover {
            background-color: var(--hover-color-w);
            color: white; }
        .w1-blogdetail__first__page__site__text {
          font-size: 1.3em;
          font-weight: 300;
          margin-left: 1em;
          text-align: center; }
    .w1-blogdetail__first__review {
      padding: 2em; }
      .w1-blogdetail__first__review__first {
        width: 100%; }
        .w1-blogdetail__first__review__first-col {
          display: flex;
          margin-top: 4em; }
        .w1-blogdetail__first__review__first__imgbox {
          width: 10em;
          height: 10em;
          min-width: 10em; }
          .w1-blogdetail__first__review__first__imgbox__img {
            width: 100%; }
        .w1-blogdetail__first__review__first__comment {
          margin-left: 2em;
          border: .1em solid #eee;
          padding: 1em;
          border-radius: .5em; }
          .w1-blogdetail__first__review__first__comment__head {
            display: flex;
            justify-content: space-between; }
            .w1-blogdetail__first__review__first__comment__head__user__name {
              font-weight: 600;
              font-size: 1.3em; }
            .w1-blogdetail__first__review__first__comment__head__user__date {
              color: #777; }
          .w1-blogdetail__first__review__first__comment__star__icon {
            color: #f93; }
          .w1-blogdetail__first__review__first__comment__text {
            color: #777;
            margin-top: 1em;
            text-align: justify;
            line-height: 1.6em; }
      .w1-blogdetail__first__review__second {
        width: 100%;
        margin-top: 2em;
        border: .1em solid #eee;
        padding: 2em;
        border-radius: .7em; }
        .w1-blogdetail__first__review__second sup {
          color: var(--main-color-w);
          font-size: 1.3em; }
        .w1-blogdetail__first__review__second__title {
          font-weight: 300; }
        .w1-blogdetail__first__review__second__textrate {
          margin-top: 2em; }
        .w1-blogdetail__first__review__second__textreview {
          margin-top: 1em; }
        .w1-blogdetail__first__review__second__textarea {
          width: 100%;
          height: 10em;
          margin-top: .5em; }
        .w1-blogdetail__first__review__second__star {
          display: flex;
          align-items: center; }
          .w1-blogdetail__first__review__second__star__items {
            margin-left: 1em; }
            .w1-blogdetail__first__review__second__star__items__icon {
              color: darkgray; }
        .w1-blogdetail__first__review__second__textform {
          display: flex;
          justify-content: space-between;
          padding: 1em 0;
          width: 100%; }
          .w1-blogdetail__first__review__second__textform__name {
            width: 48%;
            display: block; }
            .w1-blogdetail__first__review__second__textform__name__info {
              font-weight: 300; }
            .w1-blogdetail__first__review__second__textform__name__input {
              margin-top: .5em;
              display: inline-block;
              width: 100%;
              padding: .5em; }
        .w1-blogdetail__first__review__second__button {
          color: white;
          background-color: var(--main-color-w);
          border: none;
          border-radius: .2em;
          padding: 1em 2em;
          width: 48%;
          margin-left: auto;
          display: inline-block;
          outline: none;
          cursor: pointer;
          text-transform: capitalize;
          font-weight: 700;
          font-size: 1.2em;
          margin-top: 1em; }
          .w1-blogdetail__first__review__second__button:hover {
            filter: brightness(0.8); }
    .w1-blogdetail__first__articles {
      position: relative;
      margin: 0 auto;
      width: 100%;
      border-radius: .7em;
      margin-top: 4em; }
      .w1-blogdetail__first__articles__heading {
        width: 100%;
        color: #484848;
        position: relative;
        display: block; }
        .w1-blogdetail__first__articles__heading--main {
          display: block;
          font-size: 1.6em;
          font-weight: 700; }
      .w1-blogdetail__first__articles__card {
        display: flex;
        position: relative;
        flex-wrap: wrap; }
      .w1-blogdetail__first__articles__item {
        width: 46%;
        height: max-content;
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: space-between;
        padding: 1em 1em 0 1em;
        border-radius: 0.5em;
        border: 0.1em solid rgba(211, 211, 211, 0.5);
        height: 35em;
        margin: 2em 2em 2em 0;
        height: max-content; }
        .w1-blogdetail__first__articles__item:last-child {
          margin-right: 0; }
        @media only screen and (max-width: 50em) {
          .w1-blogdetail__first__articles__item {
            width: 100%; } }
      .w1-blogdetail__first__articles__imgbox {
        overflow: hidden;
        width: 100%;
        height: 20em; }
      .w1-blogdetail__first__articles__item:hover .w1-blogdetail__first__articles__imgbox {
        transform: scale(1.2) rotate(5deg); }
      .w1-blogdetail__first__articles__img {
        width: 100%;
        max-height: 100%;
        transform: scale(1.3);
        border-radius: 0.5em; }
      .w1-blogdetail__first__articles__name {
        font-size: 1.4em;
        color: var(--main-color-w);
        display: block;
        margin-top: .5em; }
      .w1-blogdetail__first__articles__des {
        font-size: 1.4em;
        text-justify: inter-cluster;
        display: block;
        line-height: 1.6em;
        padding: 1em 0; }
      .w1-blogdetail__first__articles__postinfo {
        text-align: center;
        border-top: 1px solid rgba(211, 211, 211, 0.5);
        display: flex;
        align-items: center;
        align-content: center;
        height: 5em;
        position: relative; }
      .w1-blogdetail__first__articles__userimg {
        height: 3em;
        width: 3em;
        border-radius: 50%;
        margin-right: 0.5em; }
      .w1-blogdetail__first__articles__date {
        position: absolute;
        right: 0; }
  .w1-blogdetail__second {
    width: 30%;
    margin-top: 4em; }
    @media only screen and (max-width: 56.25em) {
      .w1-blogdetail__second {
        width: 100%; } }
    .w1-blogdetail__second__latest {
      border: .1em solid #eee;
      border-radius: .5em;
      padding: 3em;
      margin-top: 2em; }
      .w1-blogdetail__second__latest__heading {
        font-weight: 600;
        font-size: 1.8em; }
      .w1-blogdetail__second__latest__content {
        margin-top: 2em;
        display: flex;
        align-items: center; }
        .w1-blogdetail__second__latest__content__imgbox {
          width: 12em;
          min-width: 12em;
          height: 8em;
          overflow: hidden; }
          .w1-blogdetail__second__latest__content__imgbox__img {
            width: 100%;
            border-radius: .5em; }
        .w1-blogdetail__second__latest__content__info {
          margin-left: 1em;
          width: 100%;
          cursor: pointer; }
          .w1-blogdetail__second__latest__content__info__properties {
            margin-top: 1em;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: space-between; }
            .w1-blogdetail__second__latest__content__info__properties__text {
              font-size: 1.1em;
              font-weight: 300; }
          .w1-blogdetail__second__latest__content__info__text {
            font-size: 1.3em; }
          .w1-blogdetail__second__latest__content__info:hover {
            color: var(--hover-color-w); }
    .w1-blogdetail__second__search {
      display: flex;
      align-items: center;
      padding: 2em;
      border: .1em solid #eee;
      border-radius: .7em; }
      .w1-blogdetail__second__search__input {
        width: 100%;
        border: none;
        outline: none; }
      .w1-blogdetail__second__search__icon {
        margin-left: 1em;
        font-size: 1.4em;
        border: none;
        background-color: transparent;
        cursor: pointer; }
    .w1-blogdetail__second__blog {
      margin-top: 2em;
      padding: 3em;
      border: .1em solid #eee;
      border-radius: .7em; }
      .w1-blogdetail__second__blog__heading {
        font-weight: 600;
        font-size: 1.8em; }
      .w1-blogdetail__second__blog__content {
        margin-top: 2em; }
        .w1-blogdetail__second__blog__content__info {
          display: flex;
          align-items: center;
          cursor: pointer; }
          .w1-blogdetail__second__blog__content__info__icon {
            font-size: 1.6em; }
          .w1-blogdetail__second__blog__content__info__text {
            font-size: 1.3em;
            margin-left: 1em; }
          .w1-blogdetail__second__blog__content__info:hover {
            color: var(--hover-color-w); }
    .w1-blogdetail__second__tag {
      margin-top: 2em;
      border: .1em solid #eee;
      padding: 3em;
      border-radius: .7em; }
      .w1-blogdetail__second__tag__heading {
        font-weight: 600;
        font-size: 1.8em; }
      .w1-blogdetail__second__tag__content {
        margin-top: 2em;
        display: flex;
        flex-wrap: wrap; }
        .w1-blogdetail__second__tag__content__button {
          background-color: #f7f7f7;
          border: none;
          outline: none;
          padding: 1em;
          color: var(--text-color-w);
          margin-left: 1em;
          margin-top: 1em;
          cursor: pointer; }
          .w1-blogdetail__second__tag__content__button:hover {
            background-color: var(--hover-color-w);
            color: white; }

.w1-bloglist {
  width: 100%;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w1-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w1-bloglist__group {
        flex-direction: column; } }
  .w1-bloglist__first {
    width: 65%; }
    @media only screen and (max-width: 43.75em) {
      .w1-bloglist__first {
        width: 100%; } }
    .w1-bloglist__first__items {
      border: .1em solid #eee;
      border-radius: .5em;
      margin-top: 2em; }
      .w1-bloglist__first__items__2 {
        width: 47%;
        display: inline-block;
        margin-right: 2%; }
        @media only screen and (max-width: 43.75em) {
          .w1-bloglist__first__items__2 {
            margin-right: 0%;
            width: 49%; } }
      .w1-bloglist__first__items__image {
        margin: 1.5em;
        position: relative; }
        .w1-bloglist__first__items__image__imgbox {
          width: 100%;
          transition: all .2s;
          border-radius: .7em;
          overflow: hidden;
          height: 30em; }
          @media only screen and (max-width: 25em) {
            .w1-bloglist__first__items__image__imgbox {
              height: 15em; } }
          .w1-bloglist__first__items__image__imgbox:hover .w1-bloglist__first__items__image__imgbox__img {
            transform: scale(1.1) rotate(2deg); }
        .w1-bloglist__first__items__image__cate {
          background-color: var(--main-color-w);
          font-weight: 600;
          padding: 1em;
          position: absolute;
          color: white;
          border-radius: .4em;
          margin: 1em;
          top: 0; }
      .w1-bloglist__first__items__content__post {
        border-top: .1em solid #eee;
        padding: 1.5em;
        border-radius: .5em;
        margin-top: 2em;
        display: flex;
        align-items: center; }
        .w1-bloglist__first__items__content__post__text {
          color: var(--text-color-w);
          margin-left: 1em;
          font-size: 1.3em; }
        .w1-bloglist__first__items__content__post__imgbox {
          width: 6em;
          height: 6em;
          min-width: 6em;
          border-radius: 50%;
          overflow: hidden; }
          .w1-bloglist__first__items__content__post__imgbox__img {
            width: 100%;
            height: 100%; }
        .w1-bloglist__first__items__content__post__button {
          display: flex;
          align-items: center;
          color: var(--button-color-w1);
          font-weight: 600;
          background-color: transparent;
          text-transform: capitalize;
          border: none;
          font-size: 1.3em;
          float: right;
          margin-left: auto;
          cursor: pointer; }
          .w1-bloglist__first__items__content__post__button__icon {
            font-size: 1.2em;
            margin-left: .1em; }
      .w1-bloglist__first__items__content__main {
        margin: .5em;
        margin-top: .2em;
        font-size: 2em;
        font-weight: 600;
        text-transform: capitalize;
        cursor: pointer;
        display: block; }
      .w1-bloglist__first__items__content__sub {
        margin: 1em;
        margin-top: 1em;
        color: var(--text-color-w);
        font-size: 1.2em;
        text-align: justify;
        font-weight: 300;
        line-height: 1.6em; }
    .w1-bloglist__first__paging {
      text-align: center;
      margin-top: 2em;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2em; }
      .w1-bloglist__first__paging__items {
        padding: 1.3em;
        width: 4em;
        display: inline-block;
        border-radius: 50%;
        font-weight: 600;
        margin-left: 1em;
        cursor: pointer;
        border: .1em solid #eee;
        transition: all .2s; }
        .w1-bloglist__first__paging__items:hover {
          background-color: var(--hover-color-w);
          color: white; }
      .w1-bloglist__first__paging__active {
        background-color: var(--main-color-w);
        color: white; }
      .w1-bloglist__first__paging__pre {
        cursor: pointer;
        margin-left: 1em;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1.4em;
        border-radius: 50%;
        padding: .7em;
        width: 2.8em;
        border: .1em solid #eee;
        transition: all .2s; }
        .w1-bloglist__first__paging__pre:hover {
          background-color: var(--hover-color-w);
          color: white; }
  .w1-bloglist__second {
    width: 35%; }
    @media only screen and (max-width: 43.75em) {
      .w1-bloglist__second {
        width: 100%; } }
    .w1-bloglist__second__blog {
      margin-top: 2em;
      border: .1em solid #eee;
      padding: 1em; }
      .w1-bloglist__second__blog__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: .5em; }
      .w1-bloglist__second__blog__content {
        padding: 1em; }
        .w1-bloglist__second__blog__content__info {
          display: flex;
          align-items: center;
          cursor: pointer;
          padding: .5em; }
          .w1-bloglist__second__blog__content__info__icon {
            font-size: 1.6em; }
          .w1-bloglist__second__blog__content__info__text {
            font-size: 1.3em;
            margin-left: 1em;
            font-weight: 300; }
          .w1-bloglist__second__blog__content__info:hover {
            background-color: var(--hover-color-w);
            color: white; }
    .w1-bloglist__second__latest {
      margin-top: 2em;
      border: .1em solid #eee;
      padding: 1em; }
      .w1-bloglist__second__latest__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: .5em; }
      .w1-bloglist__second__latest__content {
        display: flex;
        padding: 1em;
        align-items: center; }
        .w1-bloglist__second__latest__content__imgbox {
          min-width: 30%;
          width: 30%;
          overflow: hidden;
          border-radius: .5em;
          height: 8em; }
          .w1-bloglist__second__latest__content__imgbox__img {
            width: 100%; }
        .w1-bloglist__second__latest__content__info {
          width: 68%;
          margin-left: 1em;
          transition: all .2s;
          cursor: pointer; }
          .w1-bloglist__second__latest__content__info__date {
            margin-top: .5em;
            color: #626262; }
          .w1-bloglist__second__latest__content__info__text {
            font-size: 1.2em;
            font-weight: 500; }
          .w1-bloglist__second__latest__content__info__properties {
            display: flex;
            justify-content: space-between;
            margin-top: 1em;
            align-items: center;
            flex-wrap: wrap; }
            .w1-bloglist__second__latest__content__info__properties__text {
              font-weight: 300;
              font-size: 1em;
              white-space: nowrap;
              margin-left: .5em; }
          .w1-bloglist__second__latest__content__info:hover {
            color: var(--hover-color-w); }
    .w1-bloglist__second__tag {
      margin-top: 2em;
      border: .1em solid #eee; }
      .w1-bloglist__second__tag__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em; }
      .w1-bloglist__second__tag__content {
        padding: 1em;
        display: flex;
        flex-wrap: wrap; }
        .w1-bloglist__second__tag__content__button {
          background-color: #eef2f8;
          border: none;
          outline: none;
          padding: 1em;
          color: #626262;
          margin-left: 1em;
          margin-top: 1em;
          cursor: pointer;
          transition: all .2s; }
          .w1-bloglist__second__tag__content__button:hover {
            color: white;
            background-color: var(--hover-color-w); }

.w1-productdetail {
  position: relative;
  width: 100%;
  color: var(--text-color-w); }
  .w1-productdetail__group {
    max-width: 100%;
    margin: 0 auto;
    position: relative; }
  .w1-productdetail__gll {
    position: relative; }
    .w1-productdetail__gll__img-slider {
      width: 100%;
      background-position: center;
      background-size: contain;
      display: flex;
      align-items: center;
      height: 60em; }
      .w1-productdetail__gll__img-slider__img {
        width: 100%; }
    .w1-productdetail__gll__img {
      display: none !important;
      max-height: 100%; }
    .w1-productdetail__gll__360 {
      display: none;
      max-height: 100%; }
    .w1-productdetail__gll__location {
      display: none;
      max-height: 100%; }
    .w1-productdetail__gll__item {
      position: absolute;
      padding-top: 2em;
      top: 0;
      display: block;
      z-index: 2;
      left: 20%; }
      .w1-productdetail__gll__item__icon {
        padding: 1em;
        background-color: rgba(0, 0, 0, 0.719);
        color: white;
        border-radius: .3em;
        font-size: 1.4em;
        cursor: pointer;
        margin-left: .5em; }
        .w1-productdetail__gll__item__icon-active {
          background-color: var(--main-color-w); }
    .w1-productdetail__gll__button {
      border: .1em solid white;
      border-radius: .7em;
      padding: 0.5em 0.5em;
      text-align: center;
      color: white;
      display: inline-block;
      padding: 1em;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      transition: all .2s;
      border: none; }
      .w1-productdetail__gll__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black; }
      .w1-productdetail__gll__button-next {
        position: absolute;
        top: 40%;
        right: 0;
        margin-right: 1em;
        z-index: 2; }
      .w1-productdetail__gll__button__icon {
        font-size: 2em; }
      .w1-productdetail__gll__button-prev {
        position: absolute;
        top: 40%;
        margin-left: 1em;
        z-index: 2; }
  .w1-productdetail__content {
    background-color: #F7F7F7;
    max-width: 120em;
    padding: 4em 2em;
    margin: 0 auto; }
    @media only screen and (max-width: 56.25em) {
      .w1-productdetail__content {
        padding: 2em; } }
    .w1-productdetail__content__title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      .w1-productdetail__content__title__info {
        margin-bottom: 1em; }
        .w1-productdetail__content__title__info__name {
          display: flex;
          align-items: center;
          font-size: 600;
          font-size: 1.4em; }
          .w1-productdetail__content__title__info__name__type {
            background-color: var(--main-color-w);
            color: white;
            padding: .5em;
            border-radius: .2em;
            font-size: .7em;
            margin-left: 1em; }
        .w1-productdetail__content__title__info__location {
          font-weight: 300;
          font-size: 1.2em;
          margin-top: 1em; }
        .w1-productdetail__content__title__info__price {
          display: flex;
          align-items: center;
          margin-left: auto; }
          .w1-productdetail__content__title__info__price__main {
            font-weight: 600;
            font-size: 1.6em; }
          .w1-productdetail__content__title__info__price__icon {
            background-color: var(--main-color-w);
            color: white;
            font-size: 1.6em;
            padding: .5em;
            border-radius: .3em;
            margin-left: 1em;
            transition: all .2s;
            cursor: pointer; }
            .w1-productdetail__content__title__info__price__icon:hover {
              background-color: var(--hover-color-w); }
    .w1-productdetail__content__body {
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 43.75em) {
        .w1-productdetail__content__body {
          flex-direction: column; } }
      .w1-productdetail__content__body__first {
        width: 65%; }
        @media only screen and (max-width: 56.25em) {
          .w1-productdetail__content__body__first {
            width: 50%; } }
        @media only screen and (max-width: 43.75em) {
          .w1-productdetail__content__body__first {
            width: 100%; } }
        .w1-productdetail__content__body__first__row {
          border: .1em solid #eee;
          background-color: white;
          padding: 2em;
          border-radius: .5em;
          margin-top: 2em; }
        .w1-productdetail__content__body__first__heading {
          display: block;
          font-weight: 500; }
          .w1-productdetail__content__body__first__heading__type {
            background-color: #F7F7F7;
            color: var(--main-color-w);
            padding: 1em;
            display: inline-block;
            border-radius: .3em; }
          .w1-productdetail__content__body__first__heading__text {
            background-color: #F7F7F7;
            padding: 1em;
            display: inline-block;
            border-radius: .3em;
            margin-bottom: 1em; }
        .w1-productdetail__content__body__first__text {
          background-color: white;
          text-align: justify;
          font-weight: 300;
          line-height: 1.8em;
          font-size: 1.6em;
          text-align: justify; }
          .w1-productdetail__content__body__first__text h2, .w1-productdetail__content__body__first__text h3, .w1-productdetail__content__body__first__text h4, .w1-productdetail__content__body__first__text h5, .w1-productdetail__content__body__first__text img, .w1-productdetail__content__body__first__text iframe, .w1-productdetail__content__body__first__text p {
            margin: .7em 0; }
          .w1-productdetail__content__body__first__text ul, .w1-productdetail__content__body__first__text ol {
            list-style: none; }
        .w1-productdetail__content__body__first__amen__text {
          font-size: 1.4em;
          font-weight: 600; }
        .w1-productdetail__content__body__first__amen__row {
          display: flex;
          flex-wrap: wrap; }
        .w1-productdetail__content__body__first__amen__info {
          margin-top: 1em;
          display: flex;
          align-items: center;
          width: 49%; }
          .w1-productdetail__content__body__first__amen__info__icon {
            color: var(--main-color-w);
            margin-right: 1em;
            font-size: 1.5em; }
          .w1-productdetail__content__body__first__amen__info__text {
            font-weight: 300;
            font-size: 1.3em; }
        .w1-productdetail__content__body__first__location__text {
          font-size: 1.4em;
          font-weight: 600; }
        .w1-productdetail__content__body__first__location iframe {
          margin-top: 1em;
          display: block;
          border-radius: 1em; }
        .w1-productdetail__content__body__first__tourbox__heading__text {
          font-size: 1.3em;
          font-weight: 600;
          margin-right: 1em;
          padding: 0 0 1em 0;
          cursor: pointer; }
          .w1-productdetail__content__body__first__tourbox__heading__text-active {
            color: var(--main-color-w);
            border-bottom: 0.1em solid var(--main-color-w); }
        .w1-productdetail__content__body__first__tourbox__tab {
          margin-top: 2em; }
          .w1-productdetail__content__body__first__tourbox__tab iframe {
            border-radius: 1em; }
          .w1-productdetail__content__body__first__tourbox__tab-video {
            display: none; }
          .w1-productdetail__content__body__first__tourbox__tab-tour {
            display: none; }
      .w1-productdetail__content__body__second {
        width: 33%;
        margin-top: 2em; }
        @media only screen and (max-width: 56.25em) {
          .w1-productdetail__content__body__second {
            width: 45%; } }
        @media only screen and (max-width: 43.75em) {
          .w1-productdetail__content__body__second {
            width: 100%; } }
        .w1-productdetail__content__body__second__contact {
          padding: 2em;
          background-color: white;
          height: max-content;
          border-radius: .5em; }
          .w1-productdetail__content__body__second__contact__title {
            font-weight: 600;
            font-size: 1.6em; }
          .w1-productdetail__content__body__second__contact__user-row {
            margin-top: 2em;
            display: flex;
            align-items: center; }
          .w1-productdetail__content__body__second__contact__user__imgbox {
            min-width: 7em;
            max-width: 7em;
            height: 7em; }
            .w1-productdetail__content__body__second__contact__user__imgbox__img {
              width: 100%;
              height: 100%;
              border-radius: 50%; }
          .w1-productdetail__content__body__second__contact__user__info {
            margin-left: 2em; }
            .w1-productdetail__content__body__second__contact__user__info__name {
              font-weight: 600;
              font-size: 1.6em;
              margin-bottom: 1em; }
            .w1-productdetail__content__body__second__contact__user__info__phone {
              display: block;
              font-size: 1.2em;
              font-weight: 300; }
          .w1-productdetail__content__body__second__contact__user__text {
            padding: 1em;
            width: 100%;
            border: .1em solid #eee;
            outline: none;
            margin-top: 1em;
            border-radius: .5em; }
          .w1-productdetail__content__body__second__contact__user__button {
            padding: 1em;
            width: 100%;
            background-color: var(--main-color-w);
            display: block;
            color: white;
            text-align: center;
            font-weight: 600;
            font-size: 1.3em;
            margin-top: 3em;
            border: none;
            outline: none;
            border-radius: .3em;
            cursor: pointer; }
            .w1-productdetail__content__body__second__contact__user__button:hover {
              filter: brightness(0.8); }
        .w1-productdetail__content__body__second__search {
          margin-top: 2em;
          background-color: white;
          padding: 2em;
          border: .1em solid #eee;
          border-radius: .5em; }
          @media only screen and (max-width: 37.5em) {
            .w1-productdetail__content__body__second__search {
              width: 100%; } }
          .w1-productdetail__content__body__second__search__title {
            font-weight: 600;
            font-size: 1.4em; }
          .w1-productdetail__content__body__second__search__form {
            margin-top: 2em; }
            .w1-productdetail__content__body__second__search__form__input {
              padding: 1.5em;
              border: .1em solid #eee;
              border-radius: .5em;
              display: flex;
              justify-content: space-between; }
              .w1-productdetail__content__body__second__search__form__input__text {
                border: none;
                outline: none;
                width: 80%; }
              .w1-productdetail__content__body__second__search__form__input__icon {
                font-size: 2em; }
            .w1-productdetail__content__body__second__search__form__select {
              background-position-x: -2em;
              margin-top: 1.5em;
              width: 100%;
              padding: 1.5em 2em 1.5em 1em;
              border: .1em solid #eee;
              border-radius: .5em;
              display: flex; }
            .w1-productdetail__content__body__second__search__form__button {
              background-color: #E01212;
              padding: 1em;
              color: white;
              font-size: 1.6em;
              font-weight: 700;
              border: none;
              border-radius: .3em;
              margin-top: 2em;
              text-align: center;
              outline: none;
              display: block;
              cursor: pointer; }
              .w1-productdetail__content__body__second__search__form__button:hover {
                filter: brightness(80%); }
            .w1-productdetail__content__body__second__search__form__pricefilter {
              margin-top: 3em; }
              @media only screen and (max-width: 43.75em) {
                .w1-productdetail__content__body__second__search__form__pricefilter {
                  margin-top: 5em; } }
              .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range {
                margin-top: 2em; }
                .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-widget-header {
                  background: var(--main-color-w); }
                .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-slider-handle {
                  cursor: w-resize !important;
                  margin-top: -.1em;
                  background-color: black; }
                .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-state-active {
                  background-color: white !important; }
                .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-state-default {
                  background-color: black !important; }
                .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-widget.ui-widget-content {
                  border: none !important;
                  background-color: black; }
                .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__filter {
                  height: .3em !important;
                  margin-top: 1em; }
                .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__val {
                  margin-top: 2em;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                  @media only screen and (max-width: 62.5em) {
                    .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__val {
                      flex-wrap: wrap;
                      justify-content: center; } }
                  .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__val__text {
                    font-size: 1.6em;
                    font-weight: 300;
                    margin-left: .3em; }
                  .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__val__filter__field {
                    margin-left: .3em;
                    background-color: white;
                    color: var(--main-color-w);
                    font-size: 1.6em;
                    font-weight: 600;
                    width: 2em;
                    border-radius: .3em;
                    outline: none;
                    border: none; }
                  .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__val__des {
                    font-weight: 600;
                    font-size: 1.6em;
                    color: var(--main-color-w);
                    margin-left: 1em; }
        .w1-productdetail__content__body__second__latest {
          margin-top: 2em;
          border: .1em solid #eee;
          padding: 1em;
          background-color: white;
          border-radius: .5em; }
          .w1-productdetail__content__body__second__latest__heading {
            font-weight: 600;
            font-size: 1.8em;
            padding: .5em; }
          .w1-productdetail__content__body__second__latest__content {
            display: flex;
            padding: 1em;
            margin-top: 1em;
            align-items: center;
            justify-content: center; }
            .w1-productdetail__content__body__second__latest__content__imgbox {
              min-width: 12em;
              max-width: 12em;
              height: 7em;
              overflow: hidden;
              border-radius: .5em; }
              .w1-productdetail__content__body__second__latest__content__imgbox__img {
                width: 100%; }
            .w1-productdetail__content__body__second__latest__content__info {
              margin-left: 1em;
              transition: all .2s;
              cursor: pointer; }
              .w1-productdetail__content__body__second__latest__content__info__date {
                margin-top: .5em;
                color: var(--text-color-w); }
              .w1-productdetail__content__body__second__latest__content__info__text {
                font-size: 1.6em;
                font-weight: 500; }
              .w1-productdetail__content__body__second__latest__content__info__properties {
                display: flex;
                justify-content: space-between;
                margin-top: 1em;
                align-items: center; }
                .w1-productdetail__content__body__second__latest__content__info__properties__text {
                  font-weight: 500;
                  font-size: .8em;
                  white-space: nowrap; }
              .w1-productdetail__content__body__second__latest__content__info:hover {
                color: var(--main-color-w); }

.w1-productlist {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w1-productlist__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .w1-productlist__group {
        flex-direction: column; } }
  .w1-productlist__first {
    width: 25%;
    padding: 2em;
    border: .1em solid #eee;
    border-radius: .5em;
    height: max-content; }
    @media only screen and (max-width: 37.5em) {
      .w1-productlist__first {
        width: 100%; } }
    .w1-productlist__first__title {
      font-weight: 600;
      font-size: 1.4em; }
    .w1-productlist__first__form {
      margin-top: 2em; }
      .w1-productlist__first__form__input {
        padding: 1.5em;
        border: .1em solid #eee;
        border-radius: .5em;
        display: flex;
        justify-content: space-between; }
        .w1-productlist__first__form__input__text {
          border: none;
          outline: none;
          width: 80%; }
        .w1-productlist__first__form__input__icon {
          font-size: 2em; }
      .w1-productlist__first__form__select {
        background-position-x: -2em;
        margin-top: 1.5em;
        width: 100%;
        padding: 1.5em 2em 1.5em 1em;
        border: .1em solid #eee;
        border-radius: .5em;
        display: flex; }
      .w1-productlist__first__form__button {
        background-color: var(--main-color-w);
        padding: 1em;
        color: white;
        font-size: 1.6em;
        font-weight: 700;
        border: none;
        border-radius: .3em;
        margin-top: 2em;
        text-align: center;
        outline: none;
        display: block;
        cursor: pointer; }
        .w1-productlist__first__form__button:hover {
          filter: brightness(80%); }
      .w1-productlist__first__form__pricefilter {
        margin-top: 3em; }
        @media only screen and (max-width: 43.75em) {
          .w1-productlist__first__form__pricefilter {
            margin-top: 5em; } }
        .w1-productlist__first__form__pricefilter__content__price-range {
          margin-top: 2em; }
          .w1-productlist__first__form__pricefilter__content__price-range .ui-widget-header {
            background: var(--main-color-w); }
          .w1-productlist__first__form__pricefilter__content__price-range .ui-slider-handle {
            cursor: w-resize !important;
            margin-top: -.1em;
            background-color: black; }
          .w1-productlist__first__form__pricefilter__content__price-range .ui-state-active {
            background-color: white !important; }
          .w1-productlist__first__form__pricefilter__content__price-range .ui-state-default {
            background-color: black !important; }
          .w1-productlist__first__form__pricefilter__content__price-range .ui-widget.ui-widget-content {
            border: none !important;
            background-color: black; }
          .w1-productlist__first__form__pricefilter__content__price-range__filter {
            height: .3em !important;
            margin-top: 1em; }
          .w1-productlist__first__form__pricefilter__content__price-range__val {
            margin-top: 2em;
            display: flex;
            align-items: center;
            justify-content: center; }
            @media only screen and (max-width: 62.5em) {
              .w1-productlist__first__form__pricefilter__content__price-range__val {
                flex-wrap: wrap;
                justify-content: center; } }
            .w1-productlist__first__form__pricefilter__content__price-range__val__text {
              font-size: 1.6em;
              font-weight: 300;
              margin-left: .3em; }
            .w1-productlist__first__form__pricefilter__content__price-range__val__filter__field {
              margin-left: .3em;
              background-color: white;
              color: var(--main-color-w);
              font-size: 1.6em;
              font-weight: 600;
              width: 2em;
              border-radius: .3em;
              outline: none;
              border: none; }
            .w1-productlist__first__form__pricefilter__content__price-range__val__des {
              font-weight: 600;
              font-size: 1.6em;
              color: var(--main-color-w);
              margin-left: 1em; }
  .w1-productlist__second {
    width: 70%; }
    @media only screen and (max-width: 37.5em) {
      .w1-productlist__second {
        width: 100%; } }
    .w1-productlist__second__heading {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: .3em;
      border: .1em solid #eee;
      padding: 1em 2em; }
      .w1-productlist__second__heading__title {
        font-size: 1.3em;
        font-weight: 500; }
      .w1-productlist__second__heading__action {
        display: flex;
        align-items: center; }
        .w1-productlist__second__heading__action__sort {
          text-transform: capitalize;
          padding: 1em;
          font-weight: 400;
          font-size: 1.4em;
          border: none;
          outline: none; }
        .w1-productlist__second__heading__action__des {
          font-weight: 600;
          font-size: 1.4em; }
          @media only screen and (max-width: 37.5em) {
            .w1-productlist__second__heading__action__des {
              display: none; } }
    .w1-productlist__second__card {
      margin-top: 1em;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .w1-productlist__second__card__item {
        border: .1em solid #eee;
        padding: 1.5em;
        border-radius: .5em;
        transition: all .2s linear;
        width: 31%;
        margin-top: 3em;
        height: max-content; }
        .w1-productlist__second__card__item:not(:last-child) {
          margin-right: 1em; }
        @media only screen and (max-width: 62.5em) {
          .w1-productlist__second__card__item {
            width: 48%; } }
        @media only screen and (max-width: 50em) {
          .w1-productlist__second__card__item {
            width: 99%; }
            .w1-productlist__second__card__item:not(:first-child) {
              margin-left: 0; } }
        .w1-productlist__second__card__item:hover {
          box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2); }
        .w1-productlist__second__card__item__content {
          position: relative;
          display: block;
          border-radius: .5em;
          overflow: hidden; }
          .w1-productlist__second__card__item__content__salebox {
            position: absolute;
            background-color: #3e4c66;
            top: 1em;
            left: 1em;
            color: white;
            padding: 1em;
            border-radius: .3em; }
          .w1-productlist__second__card__item__content__saleprice {
            position: absolute;
            left: 0;
            color: white;
            padding: .3em;
            bottom: 1%;
            z-index: 1;
            font-size: 3em;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 100, 0));
            width: 100%; }
          .w1-productlist__second__card__item__content__imgbox {
            display: block;
            height: 18em; }
            .w1-productlist__second__card__item__content__imgbox__img {
              width: 100%;
              display: block; }
          .w1-productlist__second__card__item__content__iconbox {
            position: absolute;
            right: 1em;
            bottom: 1em;
            padding: 1em;
            background-color: rgba(0, 0, 0, 0.629);
            transition: all .2s;
            cursor: pointer; }
            .w1-productlist__second__card__item__content__iconbox__icon {
              border-radius: .3em;
              font-size: 1.6em;
              color: white; }
            .w1-productlist__second__card__item__content__iconbox:hover {
              background-color: var(--hover-color-w); }
        .w1-productlist__second__card__item__type {
          margin-top: 1em;
          color: var(--main-color-w);
          font-size: 1.3em;
          font-weight: 500;
          display: block; }
        .w1-productlist__second__card__item__name {
          margin-top: .5em;
          font-size: 1.6em;
          font-weight: 600;
          display: block; }
        .w1-productlist__second__card__item__info {
          display: flex;
          align-items: center;
          margin-top: 1.5em; }
          .w1-productlist__second__card__item__info__icon {
            margin-right: .5em; }
          .w1-productlist__second__card__item__info__text {
            font-weight: 300;
            font-size: 1.4em;
            line-height: 1.8em; }
        .w1-productlist__second__card__item__inside {
          margin-top: 1em;
          font-size: 1.2em; }
          .w1-productlist__second__card__item__inside span:not(:first-child) {
            margin-left: 1em; }
        .w1-productlist__second__card__item__line {
          margin-top: 1.5em;
          border-bottom: .1em solid #eee; }
        .w1-productlist__second__card__item__postinfo {
          margin-top: 1.5em;
          display: flex;
          justify-content: space-between;
          align-items: center;
          white-space: nowrap; }
          .w1-productlist__second__card__item__postinfo__org {
            display: flex;
            align-items: center; }
            .w1-productlist__second__card__item__postinfo__org__img {
              max-width: 3em;
              min-width: 3em;
              height: 3em;
              border-radius: 50%;
              margin-right: 0.5em; }
      .w1-productlist__second__card-darkrate {
        display: none; }
      .w1-productlist__second__card-ocean {
        display: none; }

.w1-card {
  width: 100%;
  background-color: #f7f7f7;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w1-card__group {
    max-width: 96em;
    margin: 0 auto; }
    @media only screen and (max-width: 50em) {
      .w1-card__group {
        flex-direction: column; } }
  .w1-card__first {
    width: 100%;
    background-color: white;
    padding: 2em;
    border-radius: .7em; }
    @media only screen and (max-width: 50em) {
      .w1-card__first {
        width: 99%; } }
    .w1-card__first__table {
      width: 100%; }
      @media only screen and (max-width: 50em) {
        .w1-card__first__table-col {
          overflow-x: scroll; } }
      .w1-card__first__table tr {
        text-transform: capitalize; }
      .w1-card__first__table th {
        font-weight: 700;
        font-size: 1.3em;
        white-space: nowrap;
        text-align: left;
        padding: 0 0 2em 1em;
        border-bottom: .1em solid #eee;
        vertical-align: bottom; }
      .w1-card__first__table td {
        padding-left: 1em; }
      .w1-card__first__table__th__action {
        width: 5%; }
      .w1-card__first__table__th__image {
        width: 15%; }
      .w1-card__first__table__th__name {
        width: 25%;
        min-width: 15em; }
      .w1-card__first__table__th__quan {
        width: 5%; }
      .w1-card__first__table__th__price {
        width: 10%; }
      .w1-card__first__table__th__total {
        width: 10%; }
      .w1-card__first__table__td__image__imgbox {
        min-width: 10em;
        width: 100%;
        height: 17em; }
        .w1-card__first__table__td__image__imgbox__img {
          width: 100%; }
      .w1-card__first__table__td__action {
        text-align: center; }
        .w1-card__first__table__td__action__icon {
          font-size: 2em;
          background-color: var(--main-color-w);
          padding: .6em;
          border-radius: 50%;
          color: white; }
          .w1-card__first__table__td__action__icon:hover {
            filter: brightness(0.8); }
      .w1-card__first__table__td__name__des {
        margin-top: .5em;
        font-weight: 600; }
        .w1-card__first__table__td__name__des__cate {
          font-weight: 300; }
      .w1-card__first__table__td__quan__input {
        width: 4em;
        padding: 1.1em; }
      .w1-card__first__table__td__price__text {
        font-size: 1.3em;
        font-weight: 500;
        color: var(--main-color-w); }
      .w1-card__first__table__td__total {
        font-size: 1.3em;
        font-weight: 700;
        color: var(--main-color-w); }
    .w1-card__first__sending {
      color: white; }
      @media only screen and (max-width: 37.5em) {
        .w1-card__first__sending {
          flex-direction: column;
          margin-top: 2em; } }
      .w1-card__first__sending__coupon {
        display: flex;
        justify-content: space-between; }
        .w1-card__first__sending__coupon__text {
          padding: 1em;
          border: .1em solid #eee;
          width: 49%;
          border-radius: .3em; }
        .w1-card__first__sending__coupon__button {
          width: 49%;
          border: 0.1em solid var(--main-color-w);
          color: var(--main-color-w);
          margin-left: 1em;
          padding: 1em;
          font-weight: 600;
          font-size: 1.3em;
          border-radius: .3em;
          position: relative;
          text-align: center;
          transition: all .2s; }
          .w1-card__first__sending__coupon__button:hover {
            background-color: var(--hover-color-w);
            color: white; }
      .w1-card__first__sending__button {
        margin-top: 1em;
        border: .1em solid #ef3636;
        color: var(--main-color-w);
        padding: 1em;
        font-weight: 600;
        font-size: 1.3em;
        border-radius: .3em;
        position: relative;
        display: block;
        text-align: center;
        transition: all .2s; }
        @media only screen and (max-width: 37.5em) {
          .w1-card__first__sending__button {
            margin-top: 2em; } }
        .w1-card__first__sending__button:hover {
          background-color: var(--hover-color-w);
          color: white; }
  .w1-card__second {
    display: block;
    margin-left: auto;
    margin-top: 3em;
    width: 40%;
    padding: 2em;
    position: relative;
    height: max-content;
    background-color: white;
    border-radius: .7em; }
    @media only screen and (max-width: 50em) {
      .w1-card__second {
        width: 100%;
        margin-top: 5em; } }
    .w1-card__second__heading {
      font-weight: 700;
      text-transform: capitalize;
      font-size: 3em;
      padding-bottom: .2em;
      border-bottom: .05em solid #eee; }
    .w1-card__second__price {
      display: flex;
      justify-content: space-between;
      margin-top: 1em;
      white-space: nowrap;
      padding-bottom: 2em;
      padding-top: 2em;
      border-bottom: .1em solid #eee; }
      .w1-card__second__price__text {
        font-weight: 600;
        font-size: 1.4em; }
      .w1-card__second__price__main {
        font-weight: 600;
        font-size: 1.5em; }
    .w1-card__second__button {
      border: 0.1em solid var(--main-color-w);
      color: var(--main-color-w);
      padding: 1em;
      font-weight: 600;
      font-size: 1.3em;
      border-radius: .3em;
      position: relative;
      display: block;
      text-align: center;
      margin-top: 3em;
      transition: all .2s; }
      .w1-card__second__button:hover {
        background-color: var(--hover-color-w);
        color: white; }

.w1-checkout {
  width: 100%;
  padding: 3em 1em;
  background-color: #f7f7f7;
  font-weight: 500;
  color: var(--text-color-w); }
  .w1-checkout__group {
    max-width: 120em;
    margin: 0 auto; }
  .w1-checkout__checklogin__checkbox {
    display: none; }
  .w1-checkout__checklogin__checkbox:checked ~ .w1-checkout__checklogin__form {
    opacity: 1;
    max-height: 40em;
    padding: 2em;
    margin-top: 2em; }
  .w1-checkout__checklogin__nav-button__heading {
    background-color: white;
    color: black;
    border-top: 0.2em solid var(--main-color-w);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: .2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer; }
    .w1-checkout__checklogin__nav-button__heading::before {
      content: "";
      width: .2em;
      background-color: var(--main-color-w);
      height: 100%;
      position: absolute;
      display: block;
      top: 0;
      left: 0; }
  .w1-checkout__checklogin__form {
    border: .1em solid #eee;
    padding: 0 2em;
    margin-top: 0;
    background-color: white;
    border-radius: .5em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
    opacity: 0; }
    .w1-checkout__checklogin__form__text {
      color: var(--text-color-w);
      font-weight: 500;
      font-size: 1.3em;
      margin-top: 1em; }
    .w1-checkout__checklogin__form__content {
      margin-top: 1em;
      display: flex;
      width: 100%;
      justify-content: space-between; }
      @media only screen and (max-width: 43.75em) {
        .w1-checkout__checklogin__form__content {
          flex-direction: column; } }
      .w1-checkout__checklogin__form__content__email {
        width: 49%; }
        @media only screen and (max-width: 43.75em) {
          .w1-checkout__checklogin__form__content__email {
            width: 100%; } }
        .w1-checkout__checklogin__form__content__email__text {
          font-weight: 500;
          font-size: 1.3em; }
        .w1-checkout__checklogin__form__content__email__input {
          margin-top: 1em;
          width: 100%;
          padding: 1em;
          border: .1em solid #eee;
          border-radius: .2em; }
          .w1-checkout__checklogin__form__content__email__input:focus {
            border: 0.15em solid var(--main-color-w);
            outline: none; }
    .w1-checkout__checklogin__form__button {
      margin-top: 1em;
      padding: 1em;
      background-color: transparent;
      border: 0.1em solid var(--main-color-w);
      color: var(--main-color-w);
      font-weight: 700;
      border-radius: .3em;
      display: inline-block;
      font-size: 1.3em;
      transition: all .2s; }
      .w1-checkout__checklogin__form__button:hover {
        background-color: var(--hover-color-w);
        color: white; }
    .w1-checkout__checklogin__form__otherlogin {
      margin-top: 1em;
      display: inline-block;
      text-decoration: underline; }
      @media only screen and (max-width: 43.75em) {
        .w1-checkout__checklogin__form__otherlogin {
          display: block; } }
      .w1-checkout__checklogin__form__otherlogin__link {
        font-size: 1.3em;
        margin-left: 1em;
        transition: all .2s; }
        @media only screen and (max-width: 43.75em) {
          .w1-checkout__checklogin__form__otherlogin__link {
            display: block;
            margin-top: 1em; } }
        .w1-checkout__checklogin__form__otherlogin__link:hover {
          color: var(--hover-color-w);
          font-weight: 600; }
        .w1-checkout__checklogin__form__otherlogin__link:not(:last-child) {
          font-weight: 300; }
  .w1-checkout__checkcoupon {
    margin-top: 2em; }
    .w1-checkout__checkcoupon__checkbox {
      display: none; }
    .w1-checkout__checkcoupon__checkbox:checked ~ .w1-checkout__checkcoupon__sending {
      opacity: 1;
      max-height: 40em;
      padding: 2em;
      margin-top: 2em; }
    .w1-checkout__checkcoupon__text {
      color: black;
      border-top: 0.1em solid var(--main-color-w);
      padding: 1em 0 1em 3em;
      position: relative;
      border-radius: .2em;
      overflow: hidden;
      font-size: 1.3em;
      background-color: white;
      cursor: pointer; }
      .w1-checkout__checkcoupon__text::before {
        content: "";
        width: .2em;
        background-color: var(--main-color-w);
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
    .w1-checkout__checkcoupon__sending {
      background-color: white;
      padding: 0 2em;
      margin-top: 0;
      border-radius: .5em;
      border: .1em solid #eee;
      height: auto;
      max-height: 0;
      overflow: hidden;
      transition: all .3s ease;
      opacity: 0; }
      .w1-checkout__checkcoupon__sending__text {
        padding: 1em;
        border: .1em solid #eee;
        border-radius: .2em;
        font-weight: 500;
        width: 50%; }
        .w1-checkout__checkcoupon__sending__text:focus {
          border: 0.15em solid var(--main-color-w);
          outline: none; }
      .w1-checkout__checkcoupon__sending__button {
        padding: 1.1em;
        background-color: var(--main-color-w);
        color: white;
        font-weight: 700;
        border-radius: .3em;
        display: inline-block;
        font-size: 1.3em;
        width: 49%;
        text-align: center; }
        .w1-checkout__checkcoupon__sending__button:hover {
          filter: brightness(0.8); }
  .w1-checkout__payinfo {
    display: flex;
    margin-top: 3em;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w1-checkout__payinfo {
        flex-direction: column; } }
    .w1-checkout__payinfo__first {
      width: 56%;
      background-color: white;
      padding: 2em;
      border-radius: .5em;
      height: max-content; }
      @media only screen and (max-width: 43.75em) {
        .w1-checkout__payinfo__first {
          width: 100%; } }
      .w1-checkout__payinfo__first__heading {
        font-weight: 700;
        font-size: 2.5em; }
      .w1-checkout__payinfo__first__name {
        margin-top: 2em; }
        .w1-checkout__payinfo__first__name__text {
          font-size: 1.3em;
          font-weight: 500; }
        .w1-checkout__payinfo__first__name__input {
          margin-top: .5em;
          width: 100%;
          padding: 1em;
          border: .1em solid #eee;
          border-radius: .3em; }
      .w1-checkout__payinfo__first__phonemail {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 2em; }
        .w1-checkout__payinfo__first__phonemail__content {
          width: 49%; }
          .w1-checkout__payinfo__first__phonemail__content__text {
            font-size: 1.3em;
            font-weight: 500; }
          .w1-checkout__payinfo__first__phonemail__content__input {
            margin-top: .5em;
            width: 100%;
            padding: 1em;
            border: .1em solid #eee; }
      .w1-checkout__payinfo__first__add {
        margin-top: 2em; }
        .w1-checkout__payinfo__first__add__text {
          font-size: 1.3em;
          font-weight: 500; }
        .w1-checkout__payinfo__first__add__input {
          margin-top: .5em;
          width: 100%;
          padding: 1em;
          border: .1em solid #eee; }
      .w1-checkout__payinfo__first__creacc {
        margin-top: 2em; }
        .w1-checkout__payinfo__first__creacc__checkbox {
          display: none; }
        .w1-checkout__payinfo__first__creacc__checkbox:checked ~ .w1-checkout__payinfo__first__creacc__form {
          opacity: 1;
          max-height: 40em;
          padding: 1em;
          margin-top: 2em; }
        .w1-checkout__payinfo__first__creacc__text {
          border-top: 0.2em solid var(--main-color-w);
          background-color: #f7f7f7;
          padding: 1em 0 1em 3em;
          position: relative;
          border-radius: .2em;
          overflow: hidden;
          font-size: 1.3em;
          cursor: pointer; }
          .w1-checkout__payinfo__first__creacc__text::before {
            content: "";
            width: .2em;
            background-color: var(--main-color-w);
            height: 100%;
            position: absolute;
            display: block;
            top: 0;
            left: 0; }
        .w1-checkout__payinfo__first__creacc__form {
          padding: 0 1em;
          margin-top: 0;
          height: auto;
          max-height: 0;
          overflow: hidden;
          transition: all .3s ease;
          background-color: #f7f7f7;
          border-radius: .5em;
          opacity: 0; }
          .w1-checkout__payinfo__first__creacc__form__text {
            margin-top: 2em;
            font-size: 1.3em;
            font-weight: 500; }
          .w1-checkout__payinfo__first__creacc__form__email {
            margin-top: 2em; }
            .w1-checkout__payinfo__first__creacc__form__email__text {
              font-size: 1.3em;
              font-weight: 500; }
            .w1-checkout__payinfo__first__creacc__form__email__input {
              margin-top: .5em;
              width: 100%;
              padding: 1em;
              border: .1em solid #eee; }
      .w1-checkout__payinfo__first__invoice {
        margin-top: 2em;
        height: max-content; }
        .w1-checkout__payinfo__first__invoice__checkbox {
          display: none; }
        .w1-checkout__payinfo__first__invoice__checkbox:checked ~ .w1-checkout__payinfo__first__invoice__com {
          opacity: 1;
          max-height: 40em;
          margin-top: 2em;
          padding: 1em; }
        .w1-checkout__payinfo__first__invoice__text {
          border-top: 0.2em solid var(--main-color-w);
          background-color: #f7f7f7;
          padding: 1em 0 1em 3em;
          position: relative;
          border-radius: .2em;
          overflow: hidden;
          font-size: 1.3em;
          cursor: pointer; }
          .w1-checkout__payinfo__first__invoice__text::before {
            display: none;
            content: "";
            width: .2em;
            background-color: var(--main-color-w);
            height: 100%;
            position: absolute;
            display: block;
            top: 0;
            left: 0; }
        .w1-checkout__payinfo__first__invoice__com {
          background-color: #f7f7f7;
          padding: 0 1em;
          margin-top: 0;
          height: auto;
          max-height: 0;
          overflow: hidden;
          transition: all .3s ease;
          opacity: 0;
          margin-top: 2em; }
          .w1-checkout__payinfo__first__invoice__com__send__text {
            font-size: 1.3em;
            font-weight: 500; }
          .w1-checkout__payinfo__first__invoice__com__send__input {
            margin-top: .5em;
            width: 100%;
            padding: 1em;
            border: .1em solid #eee; }
    .w1-checkout__payinfo__second {
      height: max-content;
      padding: 2em;
      width: 40%;
      background-color: white;
      border-radius: .6em; }
      @media only screen and (max-width: 43.75em) {
        .w1-checkout__payinfo__second {
          width: 100%; } }
      .w1-checkout__payinfo__second__heading {
        font-weight: 700;
        font-size: 2.5em; }
      .w1-checkout__payinfo__second__card {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: .1em solid #eee;
        background-color: white;
        margin-top: 2em;
        padding-bottom: 1em; }
        .w1-checkout__payinfo__second__card__imgbox {
          width: 10em;
          min-width: 10em;
          display: block;
          height: 10em; }
        .w1-checkout__payinfo__second__card__content {
          background-color: white; }
        .w1-checkout__payinfo__second__card__text {
          font-size: 1.3em;
          font-weight: 500; }
        .w1-checkout__payinfo__second__card__quan {
          margin-top: 1em;
          font-weight: 300;
          font-size: 1.3em; }
        .w1-checkout__payinfo__second__card__mon {
          margin-top: .2em;
          font-weight: 300;
          font-size: 1.3em; }
      .w1-checkout__payinfo__second__price {
        margin-top: 2em;
        border-bottom: .1em solid #eee;
        padding-bottom: 1em; }
        .w1-checkout__payinfo__second__price__text {
          margin-top: 1em;
          display: flex;
          justify-content: space-between;
          font-size: 1.4em;
          font-weight: 500; }
          .w1-checkout__payinfo__second__price__text__number {
            font-weight: 600; }
      .w1-checkout__payinfo__second__payway__item {
        display: flex;
        border-bottom: .1em solid #eee;
        padding: 2em 0 2em 0; }
        .w1-checkout__payinfo__second__payway__item__input {
          width: 2em;
          height: 2em; }
        .w1-checkout__payinfo__second__payway__item__content {
          cursor: pointer;
          margin-left: 2em; }
          .w1-checkout__payinfo__second__payway__item__content__text {
            font-weight: 500;
            font-size: 1.6em; }
            .w1-checkout__payinfo__second__payway__item__content__text:last-child {
              margin-top: 2em;
              font-weight: 300; }
            .w1-checkout__payinfo__second__payway__item__content__text__agree {
              font-weight: 500;
              font-size: 1.6em; }
      .w1-checkout__payinfo__second__button {
        margin-top: 1em;
        padding: 1em;
        background-color: var(--main-color-w);
        color: white;
        font-weight: 700;
        border-radius: .3em;
        display: inline-block;
        font-size: 1.3em;
        width: 100%;
        text-align: center;
        font-size: 1.6em; }
        .w1-checkout__payinfo__second__button:hover {
          filter: 80%; }

.w1-productlist-1 {
  width: 100%;
  background-color: white;
  color: var(--text-color-w); }
  .w1-productlist-1__group {
    margin: 0 auto;
    max-width: 120em; }
    @media only screen and (max-width: 37.5em) {
      .w1-productlist-1__group {
        flex-direction: column; } }
    .w1-productlist-1__group__heading {
      margin-top: 4em;
      margin-bottom: 2em;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      .w1-productlist-1__group__heading--main {
        display: block;
        font-size: 3em;
        margin-bottom: 1em; }
      .w1-productlist-1__group__heading--sub {
        font-size: 2em;
        font-weight: 300;
        display: block; }
  .w1-productlist-1__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .3em;
    border: .1em solid #eee;
    padding: 1em 2em; }
    .w1-productlist-1__heading__title {
      font-size: 1.3em;
      font-weight: 500; }
    .w1-productlist-1__heading__action {
      display: flex;
      align-items: center; }
      .w1-productlist-1__heading__action__sort {
        text-transform: capitalize;
        padding: 1em;
        font-weight: 400;
        font-size: 1.4em;
        border: none;
        outline: none; }
      .w1-productlist-1__heading__action__des {
        font-weight: 600;
        font-size: 1.4em; }
        @media only screen and (max-width: 37.5em) {
          .w1-productlist-1__heading__action__des {
            display: none; } }
  .w1-productlist-1__card {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .w1-productlist-1__card__item {
      border: .1em solid #eee;
      padding: 1.5em;
      border-radius: .5em;
      transition: all .2s linear;
      width: 31%;
      margin-left: 1em;
      margin-top: 3em;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w1-productlist-1__card__item {
          width: 48%; } }
      @media only screen and (max-width: 37.5em) {
        .w1-productlist-1__card__item {
          width: 99%; } }
      .w1-productlist-1__card__item:hover {
        box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2); }
      .w1-productlist-1__card__item__content {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: .5em; }
        .w1-productlist-1__card__item__content__salebox {
          position: absolute;
          background-color: #3e4c66;
          top: 1em;
          left: 1em;
          color: white;
          padding: 1em;
          border-radius: .3em; }
        .w1-productlist-1__card__item__content__saleprice {
          position: absolute;
          left: 0;
          color: white;
          padding: .3em;
          border-radius: .3em;
          bottom: 0;
          font-size: 3em;
          background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 100, 0));
          width: 100%;
          display: block;
          text-align: left;
          z-index: 1; }
        .w1-productlist-1__card__item__content__imgbox {
          display: block;
          height: 20em; }
          .w1-productlist-1__card__item__content__imgbox__img {
            width: 100%;
            display: block; }
        .w1-productlist-1__card__item__content__iconbox {
          position: absolute;
          right: 1em;
          bottom: 1em;
          padding: 1em;
          background-color: rgba(0, 0, 0, 0.629);
          transition: all .2s;
          cursor: pointer;
          z-index: 1; }
          .w1-productlist-1__card__item__content__iconbox__icon {
            border-radius: .3em;
            font-size: 1.6em;
            color: white; }
          .w1-productlist-1__card__item__content__iconbox:hover {
            background-color: var(--hover-color-w); }
      .w1-productlist-1__card__item__type {
        margin-top: 1em;
        color: var(--main-color-w);
        font-size: 1.3em;
        font-weight: 500;
        display: block; }
      .w1-productlist-1__card__item__name {
        margin-top: .5em;
        font-size: 1.6em;
        font-weight: 600;
        display: block; }
      .w1-productlist-1__card__item__info {
        display: flex;
        align-items: center;
        margin-top: 1.5em; }
        .w1-productlist-1__card__item__info__icon {
          margin-right: .5em;
          font-size: 1.4em; }
        .w1-productlist-1__card__item__info__text {
          font-weight: 300;
          font-size: 1.4em;
          line-height: 1.8em;
          text-align: justify; }
      .w1-productlist-1__card__item__inside {
        margin-top: 1em;
        font-size: 1.2em;
        text-transform: capitalize; }
        .w1-productlist-1__card__item__inside span:not(:last-child) {
          margin-right: 1em; }
        .w1-productlist-1__card__item__inside span {
          padding: .5em 0;
          display: inline-block; }
      .w1-productlist-1__card__item__line {
        margin-top: 1.5em;
        border-bottom: .1em solid #eee; }
      .w1-productlist-1__card__item__postinfo {
        margin-top: 1.5em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        white-space: nowrap; }
        .w1-productlist-1__card__item__postinfo__org {
          display: flex;
          align-items: center; }
          .w1-productlist-1__card__item__postinfo__org__img {
            max-width: 3em;
            min-width: 3em;
            height: 3em;
            border-radius: 50%;
            margin-right: 0.5em; }

.w1-productlist-2 {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w1-productlist-2__group {
    margin: 0 auto;
    max-width: 120em; }
    .w1-productlist-2__group__heading {
      margin-top: 4em;
      margin-bottom: 2em;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      .w1-productlist-2__group__heading--main {
        display: block;
        font-size: 3em;
        margin-bottom: 1em; }
      .w1-productlist-2__group__heading--sub {
        font-size: 2em;
        font-weight: 300;
        display: block; }
  .w1-productlist-2__tab {
    margin-top: 2em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .w1-productlist-2__tab__items {
      cursor: pointer;
      margin-top: 1em;
      background-color: #3e4c66;
      color: white;
      padding: 1em;
      border: .1em solid #eee;
      border-radius: .5em; }
      .w1-productlist-2__tab__items:not(:first-child) {
        margin-left: 1em; }
      .w1-productlist-2__tab__items-active {
        background-color: var(--main-color-w);
        animation: outLine 1s ease infinite alternate-reverse; }
  .w1-productlist-2__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .3em;
    border: .1em solid #eee;
    padding: 1em 2em; }
    .w1-productlist-2__heading__title {
      font-size: 1.3em;
      font-weight: 500; }
    .w1-productlist-2__heading__action {
      display: flex;
      align-items: center; }
      .w1-productlist-2__heading__action__sort {
        text-transform: capitalize;
        padding: 1em;
        font-weight: 400;
        font-size: 1.4em;
        border: none;
        outline: none; }
      .w1-productlist-2__heading__action__des {
        font-weight: 600;
        font-size: 1.4em; }
        @media only screen and (max-width: 37.5em) {
          .w1-productlist-2__heading__action__des {
            display: none; } }
  .w1-productlist-2__card {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -1%; }
    .w1-productlist-2__card__item {
      border: .1em solid #eee;
      padding: 1.5em;
      border-radius: .5em;
      transition: all .2s linear;
      width: 24%;
      margin-left: 1%;
      margin-top: 3em;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w1-productlist-2__card__item {
          width: 32%; } }
      @media only screen and (max-width: 37.5em) {
        .w1-productlist-2__card__item {
          width: 49%; } }
      .w1-productlist-2__card__item:hover {
        box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2); }
      .w1-productlist-2__card__item__content {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: .5em; }
        .w1-productlist-2__card__item__content__salebox {
          position: absolute;
          background-color: #3e4c66;
          top: 1em;
          left: 1em;
          color: white;
          padding: 1em;
          border-radius: .3em; }
        .w1-productlist-2__card__item__content__saleprice {
          position: absolute;
          left: 0;
          color: white;
          padding: .3em;
          bottom: 0;
          font-size: 3em;
          background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 100, 0));
          width: 100%;
          z-index: 1;
          display: block;
          text-align: left; }
        .w1-productlist-2__card__item__content__imgbox {
          display: block;
          height: 20em; }
          .w1-productlist-2__card__item__content__imgbox__img {
            width: 100%;
            display: block; }
        .w1-productlist-2__card__item__content__iconbox {
          position: absolute;
          right: 1em;
          bottom: 1em;
          padding: 1em;
          background-color: rgba(0, 0, 0, 0.629);
          transition: all .2s;
          cursor: pointer;
          z-index: 1; }
          .w1-productlist-2__card__item__content__iconbox__icon {
            border-radius: .3em;
            font-size: 1.6em;
            color: white; }
          .w1-productlist-2__card__item__content__iconbox:hover {
            background-color: var(--hover-color-w); }
      .w1-productlist-2__card__item__type {
        margin-top: 1em;
        color: var(--main-color-w);
        font-size: 1.3em;
        display: block;
        font-weight: 500; }
      .w1-productlist-2__card__item__name {
        margin-top: .5em;
        font-size: 1.6em;
        display: block;
        font-weight: 600; }
      .w1-productlist-2__card__item__info {
        display: flex;
        align-items: center;
        margin-top: 1.5em; }
        .w1-productlist-2__card__item__info__icon {
          margin-right: .5em;
          font-size: 1.4em; }
        .w1-productlist-2__card__item__info__text {
          font-weight: 300;
          font-size: 1.4em;
          text-align: justify;
          display: block;
          line-height: 1.8em; }
      .w1-productlist-2__card__item__inside {
        margin-top: 1em;
        font-size: 1.2em;
        text-transform: capitalize;
        display: inline-block; }
        .w1-productlist-2__card__item__inside span:not(:last-child) {
          margin-right: 1em; }
        .w1-productlist-2__card__item__inside span {
          padding: .5em 0;
          display: inline-block; }
      .w1-productlist-2__card__item__line {
        margin-top: 1.5em;
        border-bottom: .1em solid #eee; }
      .w1-productlist-2__card__item__postinfo {
        margin-top: 1.5em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        white-space: nowrap; }
        .w1-productlist-2__card__item__postinfo__org {
          display: flex;
          align-items: center; }
          .w1-productlist-2__card__item__postinfo__org__img {
            max-width: 3em;
            min-width: 3em;
            height: 3em;
            border-radius: 50%;
            margin-right: 0.5em; }
    .w1-productlist-2__card-darkrate {
      display: none; }
    .w1-productlist-2__card-ocean {
      display: none; }

.w1-breadcrumb {
  width: 100%;
  background-color: #f7f7f7;
  padding: 1em;
  font-weight: 500;
  border-bottom: .1em solid #eee;
  color: black; }
  .w1-breadcrumb__group {
    max-width: 120em;
    margin: 0 auto;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .w1-breadcrumb__heading {
    color: currentColor;
    font-size: 2em;
    font-weight: 700;
    width: 50%;
    display: inline-block;
    line-height: 1.8em; }
    @media only screen and (max-width: 50em) {
      .w1-breadcrumb__heading {
        font-size: 1.4em;
        width: 55%; } }
  .w1-breadcrumb__nav {
    max-width: 30%;
    cursor: pointer;
    font-size: 1.4em;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.8em; }
    @media only screen and (max-width: 50em) {
      .w1-breadcrumb__nav {
        font-size: 1.2em; } }
    .w1-breadcrumb__nav__block {
      display: flex;
      align-items: center;
      margin-left: .5em; }
      .w1-breadcrumb__nav__block:hover {
        color: var(--main-color-w); }
    .w1-breadcrumb__nav__icon {
      margin-right: .5em; }
    .w1-breadcrumb__nav__text-home {
      margin-left: 0; }
  .w1-breadcrumb .active {
    color: var(--main-color-w) !important; }

.w2-topbar {
  padding: 1em;
  position: absolute;
  width: 100%;
  display: block;
  z-index: 1;
  color: var(--text-color-w); }
  .w2-topbar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white; }
  .w2-topbar__info {
    display: flex;
    color: var(--text-color-w); }
    .w2-topbar__info--1 {
      margin-right: 1.5em;
      display: flex;
      align-items: center; }
    .w2-topbar__info:last-child {
      margin-right: 0; }
  .w2-topbar__icon {
    margin: 0.4em; }
  .w2-topbar__text {
    font-size: 1.2em; }
  .w2-topbar i {
    color: var(--text-color-w);
    font-size: 1.5em; }

.w2-topbar {
  z-index: 4;
  color: var(--text-color-w); }
  @media only screen and (max-width: 50em) {
    .w2-topbar {
      position: absolute;
      top: 109em;
      left: 0;
      margin-left: -32em;
      flex-direction: column;
      align-items: center;
      width: 32em;
      height: 15em;
      align-items: center;
      padding: 1em 0 2em 0; }
      .w2-topbar__info {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 60%; }
        .w2-topbar__info--1 {
          margin-top: 1em; }
      .w2-topbar__link {
        width: 100%;
        text-align: center; }
      .w2-topbar__text {
        font-size: 1.3em;
        margin-left: 1em;
        overflow: hidden;
        text-overflow: ellipsis; }
      .w2-topbar__icon {
        margin: 0 1em; }
        .w2-topbar__icon i {
          font-size: 3em; } }

@media only screen and (min-width: 50em) {
  .sticky__logo {
    height: 5em;
    width: 5em; } }

.w2-menu {
  width: 100%;
  z-index: 3;
  top: 3em;
  position: absolute;
  background-color: transparent; }
  @media only screen and (max-width: 50em) {
    .w2-menu {
      top: 0;
      width: 100%; } }
  .w2-menu__group {
    max-width: 120em;
    margin: 0 auto;
    justify-content: space-between;
    background-color: var(--main-color-w);
    height: 7em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    position: relative; }
  .w2-menu__items {
    margin-left: auto;
    display: inline-block;
    float: right;
    position: relative;
    width: 100%;
    height: 7em; }
    .w2-menu__items__checkbox {
      display: none; }
    .w2-menu__items__checkbox:checked ~ .w2-menu__items__lbl .w2-menu__items__lbl__icon {
      background-color: transparent; }
    .w2-menu__items__checkbox:checked ~ .w2-menu__items__lbl .w2-menu__items__lbl__icon::before {
      transform: rotate(135deg);
      top: 0; }
    .w2-menu__items__checkbox:checked ~ .w2-menu__items__lbl .w2-menu__items__lbl__icon::after {
      transform: rotate(-135deg);
      top: 0; }
    .w2-menu__items__checkbox:checked ~ .w2-menu__items__lbl .w2-menu__items__lbl__icon::after {
      transform: rotate(-135deg);
      top: 0; }
    .w2-menu__items__checkbox:checked ~ .w2-menu__items__brand__logobox--1 {
      display: none !important; }
    .w2-menu__items__lbl {
      width: max-content;
      display: block;
      position: absolute;
      height: max-content;
      top: 3em;
      cursor: pointer;
      left: 2em; }
      .w2-menu__items__lbl__icon {
        position: relative; }
        .w2-menu__items__lbl__icon, .w2-menu__items__lbl__icon::before, .w2-menu__items__lbl__icon::after {
          width: 2.5em;
          height: 0.3em;
          background-color: white;
          display: none; }
          @media only screen and (max-width: 50em) {
            .w2-menu__items__lbl__icon, .w2-menu__items__lbl__icon::before, .w2-menu__items__lbl__icon::after {
              display: inline-block; } }
        .w2-menu__items__lbl__icon::before, .w2-menu__items__lbl__icon::after {
          content: "";
          position: absolute;
          left: 0;
          transition: all .2s; }
        .w2-menu__items__lbl__icon::before {
          top: -.8em; }
        .w2-menu__items__lbl__icon::after {
          top: .8em; }
    .w2-menu__items__brand {
      display: flex;
      align-items: center;
      transition: all .2s;
      height: 11em;
      top: -2em;
      left: 1em;
      position: absolute;
      width: max-content;
      justify-content: center; }
      .w2-menu__items__brand__logobox {
        margin: 0 auto;
        display: block;
        height: 80%;
        margin-top: 3em; }
        .w2-menu__items__brand__logobox--1 {
          display: none; }
          @media only screen and (max-width: 50em) {
            .w2-menu__items__brand__logobox--1 {
              height: 8em;
              right: 0;
              display: block;
              position: absolute; } }
        .w2-menu__items__brand__logobox__img {
          height: 100%; }
      @media only screen and (max-width: 50em) {
        .w2-menu__items__brand {
          height: 18em;
          width: 30em;
          position: absolute;
          margin-left: -30em;
          left: 0;
          background-color: var(--main-color-w); } }
    .w2-menu__items__item {
      display: flex;
      list-style: none;
      align-items: center;
      background-color: var(--main-color-w);
      position: relative;
      margin-left: auto;
      float: right; }
      @media only screen and (max-width: 50em) {
        .w2-menu__items__item {
          flex-direction: column;
          align-items: center;
          width: 30em;
          top: 16em;
          justify-content: space-between;
          position: absolute;
          overflow-y: scroll;
          left: -30em;
          /* Hide scrollbar for Chrome, Safari and Opera */
          /* Hide scrollbar for IE and Edge */ }
          .w2-menu__items__item::-webkit-scrollbar {
            display: none; }
          .w2-menu__items__item {
            -ms-overflow-style: none; } }
      .w2-menu__items__item__list {
        position: relative; }
        @media only screen and (max-width: 50em) {
          .w2-menu__items__item__list {
            flex-direction: column;
            width: 100%; } }
        .w2-menu__items__item__list__cb {
          display: none; }
        .w2-menu__items__item__list__link {
          color: white;
          text-decoration: none;
          position: relative;
          white-space: nowrap;
          height: 7em;
          line-height: 5em;
          padding: 1em;
          display: flex;
          align-items: center; }
          .w2-menu__items__item__list__link__text {
            font-size: 1.6em;
            display: -webkit-inline-box;
            text-overflow: ellipsis;
            overflow: hidden; }
          .w2-menu__items__item__list__link__icon {
            font-size: 1.6em;
            padding: .5em;
            margin-left: auto;
            float: right; }
          @media only screen and (max-width: 50em) {
            .w2-menu__items__item__list__link {
              width: 100%; } }
        .w2-menu__items__item__list__cb:checked ~ .w2-menu__items__item__list__dropdown {
          display: block; }
        .w2-menu__items__item__list:hover .w2-menu__items__item__list__dropdown {
          display: block; }
        .w2-menu__items__item__list__dropdown {
          list-style: none;
          position: absolute;
          display: none;
          top: 7em;
          width: max-content;
          z-index: 1;
          width: 25em; }
          @media only screen and (max-width: 50em) {
            .w2-menu__items__item__list__dropdown {
              position: relative;
              display: none;
              top: 0;
              left: 0;
              width: 29em; } }
          .w2-menu__items__item__list__dropdown__list {
            transition: all 0.2s;
            background-size: 0;
            position: relative;
            display: flex;
            align-items: center;
            width: 100%; }
            .w2-menu__items__item__list__dropdown__list:hover {
              transition: all 0.2s;
              background: linear-gradient(90deg, #ffffff 50%, #0000ff00 0%);
              background-size: 10%;
              background-position: left;
              background-repeat: no-repeat;
              color: var(--hover-color-w); }
            .w2-menu__items__item__list__dropdown__list:not(:last-child) {
              border-bottom: 0.1em solid #fff; }
              @media only screen and (max-width: 50em) {
                .w2-menu__items__item__list__dropdown__list:not(:last-child) {
                  border-bottom: none; } }
            @media only screen and (max-width: 50em) {
              .w2-menu__items__item__list__dropdown__list {
                padding: 0;
                flex-direction: column; } }
            .w2-menu__items__item__list__dropdown__list__link {
              color: white;
              z-index: 5;
              transition: all 0.2s;
              padding: 1.5em;
              background-color: var(--main-color-w);
              position: relative;
              cursor: pointer;
              width: 100%;
              display: flex;
              align-items: center; }
              .w2-menu__items__item__list__dropdown__list__link:hover::after {
                width: 1.5em; }
              .w2-menu__items__item__list__dropdown__list__link:hover {
                padding-left: 2em; }
              .w2-menu__items__item__list__dropdown__list__link__text {
                font-size: 1.6em;
                display: -webkit-inline-box;
                text-overflow: ellipsis;
                overflow: hidden; }
              .w2-menu__items__item__list__dropdown__list__link__icon {
                font-size: 1.6em;
                padding: .5em 0em .5em .5em;
                margin-left: auto;
                float: right; }
              .w2-menu__items__item__list__dropdown__list__link::after {
                content: "";
                background-color: white;
                position: absolute;
                width: 0;
                height: 100%;
                left: 0;
                transition: all 0.2s;
                top: 0; }
          .w2-menu__items__item__list__dropdown__list:hover .w2-menu__items__item__list__dropdown--1 {
            display: block; }
          .w2-menu__items__item__list__dropdown--1__list:hover .w2-menu__items__item__list__dropdown--2 {
            display: block; }
          .w2-menu__items__item__list__dropdown .w2-menu__items__item__list__dropdown__list__cb {
            display: none; }
          .w2-menu__items__item__list__dropdown__list__cb:checked ~ .w2-menu__items__item__list__dropdown--1 {
            display: block; }
          .w2-menu__items__item__list__dropdown--1 {
            list-style: none;
            position: absolute;
            top: 0;
            width: max-content;
            z-index: 1;
            right: 25em;
            width: 25em;
            display: none; }
            @media only screen and (max-width: 50em) {
              .w2-menu__items__item__list__dropdown--1 {
                position: relative;
                display: none;
                top: 0;
                right: 0;
                width: 29em; } }
            .w2-menu__items__item__list__dropdown--1__list {
              width: 100%;
              transition: all 0.2s;
              display: flex;
              align-items: center;
              position: relative; }
              .w2-menu__items__item__list__dropdown--1__list:hover {
                transition: all 0.2s;
                background: linear-gradient(90deg, #ffffff 50%, #0000ff00 0%);
                background-size: 10%;
                background-position: left;
                background-repeat: no-repeat;
                color: var(--hover-color-w); }
              .w2-menu__items__item__list__dropdown--1__list:not(:last-child) {
                border-bottom: 0.1em solid #fff; }
                @media only screen and (max-width: 50em) {
                  .w2-menu__items__item__list__dropdown--1__list:not(:last-child) {
                    border-bottom: none; } }
              @media only screen and (max-width: 50em) {
                .w2-menu__items__item__list__dropdown--1__list {
                  padding: 0;
                  flex-direction: column; } }
              .w2-menu__items__item__list__dropdown--1__list__link {
                color: white;
                z-index: 5;
                transition: all 0.2s;
                padding: 1.5em;
                background-color: var(--main-color-w);
                position: relative;
                cursor: pointer;
                width: 100%;
                display: flex;
                align-items: center; }
                .w2-menu__items__item__list__dropdown--1__list__link:hover::after {
                  width: 1.5em; }
                .w2-menu__items__item__list__dropdown--1__list__link:hover {
                  padding-left: 2em; }
                .w2-menu__items__item__list__dropdown--1__list__link__text {
                  font-size: 1.6em;
                  display: -webkit-inline-box;
                  text-overflow: ellipsis;
                  overflow: hidden; }
                .w2-menu__items__item__list__dropdown--1__list__link__icon {
                  font-size: 1.6em;
                  padding: .5em 0em .5em .5em;
                  margin-left: auto;
                  float: right; }
                .w2-menu__items__item__list__dropdown--1__list__link::after {
                  content: "";
                  background-color: white;
                  position: absolute;
                  width: 0;
                  height: 100%;
                  left: 0;
                  transition: all 0.2s;
                  top: 0; }
          .w2-menu__items__item__list__dropdown .w2-menu__items__item__list__dropdown--1__list__cb {
            display: none; }
          .w2-menu__items__item__list__dropdown--1__list__cb:checked ~ .w2-menu__items__item__list__dropdown--2 {
            display: block; }
          .w2-menu__items__item__list__dropdown--2 {
            list-style: none;
            position: absolute;
            top: 0;
            width: max-content;
            z-index: 1;
            right: 25em;
            display: none;
            width: 25em; }
            @media only screen and (max-width: 50em) {
              .w2-menu__items__item__list__dropdown--2 {
                position: relative;
                display: none;
                top: 0;
                right: 0;
                width: 29em; } }
            .w2-menu__items__item__list__dropdown--2__list {
              width: 100%;
              transition: all 0.2s;
              display: flex;
              align-items: center; }
              .w2-menu__items__item__list__dropdown--2__list:hover {
                transition: all 0.2s;
                background: linear-gradient(90deg, #ffffff 50%, #0000ff00 0%);
                background-size: 10%;
                background-position: left;
                background-repeat: no-repeat;
                color: var(--hover-color-w); }
              .w2-menu__items__item__list__dropdown--2__list:not(:last-child) {
                border-bottom: 0.1em solid #fff; }
                @media only screen and (max-width: 50em) {
                  .w2-menu__items__item__list__dropdown--2__list:not(:last-child) {
                    border-bottom: none; } }
              @media only screen and (max-width: 50em) {
                .w2-menu__items__item__list__dropdown--2__list {
                  padding: 0; } }
              .w2-menu__items__item__list__dropdown--2__list__link {
                color: white;
                z-index: 5;
                transition: all 0.2s;
                padding: 1.5em;
                background-color: var(--main-color-w);
                position: relative;
                cursor: pointer;
                width: 100%;
                display: flex;
                align-items: center; }
                .w2-menu__items__item__list__dropdown--2__list__link:hover::after {
                  width: 1.5em; }
                .w2-menu__items__item__list__dropdown--2__list__link:hover {
                  padding-left: 2em; }
                .w2-menu__items__item__list__dropdown--2__list__link__text {
                  font-size: 1.6em;
                  display: -webkit-inline-box;
                  text-overflow: ellipsis;
                  overflow: hidden; }
                .w2-menu__items__item__list__dropdown--2__list__link__icon {
                  font-size: 1.6em;
                  padding: .5em 0em .5em .5em;
                  margin-left: auto;
                  float: right; }
                .w2-menu__items__item__list__dropdown--2__list__link::after {
                  content: "";
                  background-color: white;
                  position: absolute;
                  width: 0;
                  height: 100%;
                  left: 0;
                  transition: all 0.2s;
                  top: 0; }
  .w2-menu__list:hover .w2-menu__dropdown-menu--1 {
    display: block; }
  .w2-menu__dropdown-menu__list--1:hover .w2-menu__dropdown-menu--2 {
    display: block; }
  .w2-menu__dropdown-menu__list--2:hover .w2-menu__dropdown-menu--3 {
    display: block; }
  .w2-menu-nav__icon {
    font-size: 1em;
    color: white;
    margin-left: .5em; }
  .w2-menu__checkbox {
    display: none; }
  .w2-menu__button-nav {
    margin-left: 0.5em;
    margin-top: 2em; }
    @media only screen and (min-width: 50em) {
      .w2-menu__button-nav {
        display: none; } }
  .w2-menu__dropdown-menu--1 {
    list-style: none;
    position: absolute;
    top: 3em;
    width: 15em;
    background-color: var(--main-color-w);
    display: none; }
    @media only screen and (max-width: 50em) {
      .w2-menu__dropdown-menu--1 {
        position: relative;
        top: 0;
        margin: 0; } }
    .w2-menu__dropdown-menu--1__list {
      padding: 2em;
      display: block; }
      .w2-menu__dropdown-menu--1__list:not(:last-child) {
        border-bottom: 0.1em solid #fff; }
        @media only screen and (max-width: 50em) {
          .w2-menu__dropdown-menu--1__list:not(:last-child) {
            border-bottom: none; } }
      @media only screen and (max-width: 50em) {
        .w2-menu__dropdown-menu--1__list {
          padding: 0;
          margin: 1em 0; } }
    .w2-menu__dropdown-menu--1__link:hover {
      border-right: 0.2em solid white;
      color: black; }
    .w2-menu__dropdown-menu--1 ul {
      display: none;
      left: 15em;
      top: 0; }
      @media only screen and (max-width: 50em) {
        .w2-menu__dropdown-menu--1 ul {
          position: relative;
          display: flex;
          flex-direction: column;
          left: 0;
          display: none; } }
  .w2-menu__dropdown-menu--2 {
    list-style: none;
    position: absolute;
    top: 3em;
    width: 15em;
    background-color: var(--main-color-w); }
    @media only screen and (max-width: 50em) {
      .w2-menu__dropdown-menu--2 {
        position: relative;
        display: none;
        top: 0; } }
    .w2-menu__dropdown-menu--2__list {
      margin: 2.5em 0;
      padding: 0 0 0.5em 1em; }
      .w2-menu__dropdown-menu--2__list:not(:last-child) {
        border-bottom: 0.1em solid #fff; }
        @media only screen and (max-width: 50em) {
          .w2-menu__dropdown-menu--2__list:not(:last-child) {
            border-bottom: none; } }
      @media only screen and (max-width: 50em) {
        .w2-menu__dropdown-menu--2__list {
          padding: 0;
          margin: 1em 0; } }
    .w2-menu__dropdown-menu--2__link {
      color: white;
      text-decoration: none;
      font-size: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis; }
    .w2-menu__dropdown-menu--2 ul {
      display: none;
      left: 15em;
      top: 0; }
      @media only screen and (max-width: 50em) {
        .w2-menu__dropdown-menu--2 ul {
          position: relative;
          display: flex;
          flex-direction: column;
          left: 0;
          display: none; } }

.w2-banner {
  width: 100%;
  position: relative;
  z-index: 0 !important;
  color: var(--text-color-w); }
  .w2-banner__transimg {
    width: 100%;
    left: 0;
    z-index: -2;
    background-image: linear-gradient(to right bottom, rgba(10, 95, 206, 0.2), rgba(17, 47, 212, 0.1));
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10em 0 20em 0; }
  .w2-banner-btn--side {
    font-size: 4em;
    width: 7em;
    height: 7em;
    padding-bottom: 1em;
    background-color: rgba(0, 0, 0, 0.6);
    border: none;
    color: white; }
    .w2-banner-btn--side:hover {
      background-color: rgba(0, 0, 0, 0.3); }
  .w2-banner-btn--right {
    right: 0;
    position: absolute;
    padding-bottom: 1em; }
  .w2-banner__group {
    max-width: 120em;
    margin: 0 auto;
    height: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    padding: 5em 1em; }
  .w2-banner__info--1 {
    font-size: 3em;
    color: white;
    font-weight: 300;
    text-transform: uppercase; }
  .w2-banner__info--2 {
    font-size: 9em;
    font-weight: 600; }
    @media only screen and (max-width: 37.5em) {
      .w2-banner__info--2 {
        font-size: 2em; } }
  .w2-banner__info--3 {
    font-size: 7em;
    color: white;
    font-weight: 300; }
    @media only screen and (max-width: 37.5em) {
      .w2-banner__info--3 {
        font-size: 3em; } }
  .w2-banner__info--4 {
    font-size: 1.6em;
    color: white;
    font-weight: 400; }
  .w2-banner-btn__action {
    margin-top: 3em;
    width: auto;
    padding: 1em 2em 1em 2em;
    background-color: var(--main-color-w);
    border: none;
    border-radius: 0.3em;
    color: white;
    font-weight: 600;
    transition: 0.2s; }
    .w2-banner-btn__action:hover {
      color: var(--hover-color-w);
      background-color: white; }

.w2-introducer {
  width: 100%;
  position: relative;
  overflow: auto;
  padding: 3em 1em;
  margin-top: -20em;
  color: var(--text-color-w); }
  @media only screen and (max-width: 50em) {
    .w2-introducer {
      flex-direction: column; } }
  .w2-introducer__group {
    float: left;
    max-width: calc((96em + 100%)/2);
    padding-left: calc((100% - 96em)/2);
    margin: 0 auto;
    display: flex;
    background-color: white;
    border-bottom-right-radius: 1em;
    border-top-right-radius: 1em;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.8); }
    @media only screen and (max-width: 50em) {
      .w2-introducer__group {
        flex-direction: column; } }
  .w2-introducer__info {
    padding: 4em 1em 0 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%; }
    @media only screen and (max-width: 50em) {
      .w2-introducer__info {
        width: 100%; } }
    @media only screen and (min-width: 50em) and (max-width: 62.5em) {
      .w2-introducer__info {
        padding-top: 1em; } }
    @media only screen and (max-width: 50em) {
      .w2-introducer__info {
        padding-bottom: 2em; } }
    .w2-introducer__info--1 {
      margin: 1em 0;
      font-size: 1.6em;
      font-weight: 400; }
      @media only screen and (min-width: 50em) and (max-width: 62.5em) {
        .w2-introducer__info--1 {
          margin: 0; } }
    .w2-introducer__info--2 {
      margin: .5em 0 1em 0;
      font-size: 3em;
      color: #1863b9;
      font-weight: 1000;
      text-align: center; }
      @media only screen and (min-width: 50em) and (max-width: 62.5em) {
        .w2-introducer__info--2 {
          margin: 1em 0 1em 0;
          font-size: 3em; } }
    @media only screen and (min-width: 50em) and (max-width: 62.5em) {
      .w2-introducer__info--3 {
        font-size: 0.8em; } }
    .w2-introducer__info--4 {
      margin: 1em 0;
      font-size: 1.6em;
      text-align: center;
      line-height: 1.8em; }
      @media only screen and (min-width: 50em) and (max-width: 62.5em) {
        .w2-introducer__info--4 {
          text-align: center;
          margin: 0.5em 0; } }
  .w2-introducer__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 50%; }
    @media only screen and (max-width: 50em) {
      .w2-introducer__imgbox {
        height: 30em;
        width: 100%; } }
  .w2-introducer__button {
    margin-top: 3em;
    margin-bottom: 1em;
    padding: 2em;
    border: none;
    background-color: var(--main-color-w);
    color: white;
    font-weight: 600;
    position: relative; }

.w2-partners {
  position: relative;
  width: 100%;
  color: var(--text-color-w);
  padding: 5em 1em;
  display: block;
  background-color: white; }
  .w2-partners__group {
    margin: 0 auto;
    max-width: 96em;
    display: flex;
    flex-direction: column;
    min-width: 20em; }
  .w2-partners__name {
    font-size: 4em;
    font-weight: 1000;
    color: var(--main-color-w);
    margin: 0 0 2em 0; }
  .w2-partners__item-partner {
    display: inline-flex;
    align-self: flex-start;
    position: relative;
    align-items: center;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 auto; }
    .w2-partners__item-partner__imgbox {
      width: 50%;
      min-width: 50%; }
      .w2-partners__item-partner__imgbox__img {
        height: auto; }
  .w2-partners__info--2 {
    color: #0077ff;
    font-weight: 800;
    margin: 0.5em 0; }
    .w2-partners__info--2:hover {
      color: var(--hover-color-w); }
  .w2-partners__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: .5em; }
  .w2-partners__img {
    max-width: 10em;
    max-height: 10em;
    min-width: 5em;
    width: auto;
    height: auto; }
  .w2-partners__button {
    padding: 1em 2em 1em 2em;
    font-size: 2em;
    border: none;
    color: white;
    width: 5em;
    background-color: rgba(0, 0, 0, 0.6);
    font-style: normal;
    margin-top: 2em;
    z-index: 1; }
    .w2-partners__button:hover {
      background-color: rgba(0, 0, 0, 0.3); }

.w2-schedules {
  width: 100%;
  background-color: #f7f7f7;
  position: relative;
  display: block;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w2-schedules__group {
    margin: 0 auto;
    max-width: 96em;
    display: flex;
    justify-content: center;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
    position: relative; }
    @media only screen and (max-width: 56.25em) {
      .w2-schedules__group {
        flex-direction: column;
        height: auto;
        align-items: center; } }
  .w2-schedules__first-group {
    width: 80%; }
  .w2-schedules__name {
    font-size: 1.3em;
    font-weight: 300; }
  .w2-schedules__text--1 {
    font-size: 3em;
    font-weight: 1000;
    color: var(--main-color-w);
    margin: 1em 0; }
  .w2-schedules__info {
    display: grid;
    grid-template-columns: repeat(2, minmax(40%, 1fr));
    grid-template-rows: repeat(2, minmax(2em, 1fr));
    grid-gap: 3em; }
    @media only screen and (max-width: 56.25em) {
      .w2-schedules__info {
        display: flex;
        flex-direction: column;
        align-items: center;
        grid-gap: 0; } }
  .w2-schedules__date--1 {
    grid-row: 1 / span 2;
    grid-column: 1 / 2;
    border-radius: 0.2em;
    background-color: #fff; }
    @media only screen and (max-width: 56.25em) {
      .w2-schedules__date--1 {
        width: 100%; } }
  .w2-schedules__date--2 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    border-radius: 0.2em;
    background-color: #fff; }
    @media only screen and (max-width: 56.25em) {
      .w2-schedules__date--2 {
        width: 100%;
        margin-top: 3em; } }
  .w2-schedules__date--3 {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    border-radius: 0.2em;
    background-color: #fff; }
    @media only screen and (max-width: 56.25em) {
      .w2-schedules__date--3 {
        width: 100%;
        margin-top: 3em; } }
  .w2-schedules__table-title {
    background-color: var(--main-color-w);
    color: white;
    padding: 1em;
    background-origin: border-box;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    display: flex;
    justify-content: space-between; }
  .w2-schedules__table__rows {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.2em solid #f7f7f7;
    padding: 0.5em;
    align-items: center;
    padding: 1em; }
  .w2-schedules__table__days {
    width: 50%; }
  .w2-schedules__second-group {
    min-width: 50%;
    margin: 0 0 0 2em;
    display: flex;
    flex-basis: 100%;
    flex-direction: column; }
    @media only screen and (max-width: 56.25em) {
      .w2-schedules__second-group {
        max-width: 100%;
        margin-top: 3em;
        flex-direction: column;
        align-items: center; } }
  .w2-schedules__second-items {
    display: flex;
    width: 100%;
    justify-content: center; }
    @media only screen and (max-width: 56.25em) {
      .w2-schedules__second-items {
        width: 48%;
        flex-direction: column; } }
    @media only screen and (max-width: 37.5em) {
      .w2-schedules__second-items {
        width: 80%;
        flex-direction: column; } }
  .w2-schedules__news-item {
    max-width: 100%;
    border-radius: 0.5em;
    overflow: hidden;
    background-color: #fff;
    height: 32em;
    margin: 0 2em; }
    @media only screen and (max-width: 56.25em) {
      .w2-schedules__news-item {
        display: flex;
        width: 100%;
        align-items: center;
        flex-direction: column;
        margin: 1em 0; } }
  .w2-schedules__second-dates {
    position: absolute;
    transform: translateY(-3.6em);
    background-color: white;
    padding: 0.5em; }
    @media only screen and (max-width: 56.25em) {
      .w2-schedules__second-dates {
        transform: none; } }
  .w2-schedules__second-info--1 {
    font-size: 1em;
    font-weight: 300;
    margin: 0.5em 0;
    display: block; }
  .w2-schedules__second-info--2 {
    font-size: 1.5em;
    font-weight: 400;
    margin: 0.5em 0;
    display: block; }
  .w2-schedules__second-info--3 {
    font-size: 1em;
    font-weight: 300;
    margin: 0.5em 0; }
  .w2-schedules__second-para {
    padding: 0.5em; }
  .w2-schedules__img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto; }

.w2-aboutus {
  width: 100%;
  color: var(--text-color-w);
  background-color: white;
  padding: 3em 1em; }
  .w2-aboutus__group {
    max-width: 96em;
    margin: 0 auto;
    display: flex;
    flex-direction: column; }
  .w2-aboutus__first {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%; }
    @media only screen and (max-width: 50em) {
      .w2-aboutus__first {
        width: 90%;
        margin: 0 auto; } }
  .w2-aboutus__name {
    font-size: 1.2em;
    font-weight: 300; }
  .w2-aboutus__info--1 {
    font-size: 4em;
    color: var(--main-color-w);
    font-weight: 800;
    margin: 1em 0;
    display: block; }
  .w2-aboutus__info--2 {
    font-size: 1.4em;
    font-weight: 400;
    margin: 0 0 3em 0; }
  .w2-aboutus__info--3 {
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 3em 0; }
  .w2-aboutus__btn {
    padding: 1em 2em;
    border: 0;
    color: var(--main-color-w);
    background-color: white;
    border-radius: 0.5em;
    font-weight: 600;
    border: 0.1em solid var(--main-color-w);
    transition: all 0.2s; }
    .w2-aboutus__btn:hover {
      color: white;
      background-color: var(--hover-color-w); }
  .w2-aboutus__second {
    max-width: 100%;
    margin-top: 5em;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center; }
  .w2-aboutus__items {
    display: flex;
    flex-direction: column;
    border-radius: 0.5em;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin-right: 1em; }
    .w2-aboutus__items__imgbox {
      height: 17em; }
      .w2-aboutus__items__imgbox__img {
        max-height: 0; }
    @media only screen and (max-width: 37.5em) {
      .w2-aboutus__items {
        max-width: 90%;
        margin: 0 auto; } }
  .w2-aboutus__iconbox {
    background-color: white;
    position: relative;
    border-radius: 50%;
    bottom: 0;
    top: -5em;
    left: 5%;
    padding: 1em;
    display: inline-block;
    overflow: hidden;
    width: fit-content; }
    .w2-aboutus__iconbox__icon {
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--main-color-w);
      position: relative;
      font-size: 10em; }
      .w2-aboutus__iconbox__icon:hover {
        color: white; }
        .w2-aboutus__iconbox__icon:hover::before {
          background-color: var(--hover-color-w);
          transform: scale(0.9);
          z-index: 1; }
    .w2-aboutus__iconbox:hover {
      color: white;
      background-color: var(--hover-color-w);
      transform: scale(0.9);
      z-index: 1; }
  .w2-aboutus__icon {
    font-size: 1em;
    z-index: 2; }
  .w2-aboutus__second__img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative; }
  .w2-aboutus__second__info--1 {
    margin: -2em 0 1em 0;
    font-size: 2em;
    font-weight: 800;
    z-index: 2;
    display: block; }
  .w2-aboutus__second__info--2 {
    font-size: 1em;
    font-weight: 400; }

.w2-awards {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url(../img/w2/home_inner_01.jpg);
  background-position: center;
  background-size: cover;
  background-position: center;
  color: var(--text-color-w);
  padding: 4em 2em 10em 2em; }
  .w2-awards__group {
    margin: 0 auto;
    max-width: 96em;
    z-index: 1;
    position: relative; }
  .w2-awards__button {
    padding: 0.5em 2em;
    border: 0;
    color: white;
    background-color: transparent;
    border-radius: 0.5em;
    font-weight: 600;
    border: 0.1em solid white;
    transition: all 0.2s;
    cursor: pointer;
    display: inline-table;
    height: max-content; }
    .w2-awards__button:hover {
      color: var(--hover-color-w);
      background-color: white; }
  .w2-awards__brands {
    display: flex;
    justify-content: space-between; }
  .w2-awards__info--1 {
    color: white;
    font-weight: 400;
    margin: 0.5em 0; }
    .w2-awards__info--1:hover {
      color: #a70a1f; }
  .w2-awards__name {
    font-size: 4em;
    font-weight: 1000;
    color: white;
    margin: 0 0 2em 0; }
  .w2-awards__imgbox {
    width: 100%;
    z-index: -2;
    position: absolute; }
    @media only screen and (max-width: 50em) {
      .w2-awards__imgbox {
        height: 100vh; } }
  @media only screen and (max-width: 50em) {
    .w2-awards__item__imgbox {
      width: 50% !important;
      margin: 0 auto; } }
  .w2-awards__contain__img {
    max-width: 100%;
    position: absolute;
    overflow: hidden; }
  .w2-awards__items {
    margin-top: 3em; }

.w2-teamus {
  width: 100%;
  position: relative;
  height: 40em;
  color: var(--text-color-w); }
  .w2-teamus__groups {
    height: auto;
    max-width: calc((96em + 100%)/2);
    padding-left: calc((100% - 96em)/2);
    top: -5em;
    z-index: 100;
    background-color: #f7f7f7;
    background-color: white;
    border-bottom-right-radius: 1em;
    border-top-right-radius: 1em;
    flex-direction: column;
    display: flex;
    position: relative;
    box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.8);
    padding-top: 4em;
    padding-bottom: 4em;
    padding-right: 4em;
    float: left; }
    @media only screen and (max-width: 50em) {
      .w2-teamus__groups {
        width: 95vw;
        padding: 4em 4em 4em 4em; } }
  .w2-teamus__first-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    align-self: flex-end; }
  .w2-teamus__infog {
    margin: 0 1em;
    text-align: center; }
  .w2-teamus__info--1 {
    font-size: 1em;
    font-weight: 300; }
  .w2-teamus__info--2 {
    font-size: 3.5em;
    color: var(--main-color-w);
    font-weight: 1000; }
  .w2-teamus__info--3 {
    font-size: 1em;
    font-weight: 300; }
  .w2-teamus__infographic {
    margin-top: 2em; }
  .w2-teamus__infographic {
    display: flex;
    align-items: center; }
  .w2-teamus__icon {
    font-size: 3em;
    margin: auto 0.5em 0.2em 0; }
  .w2-teamus__infog__text {
    font-size: 5em;
    font-weight: 800; }
  .w2-teamus__infog__name {
    font-size: 1em;
    font-weight: 300; }
  .w2-teamus__infog__des {
    font-size: 1.4em;
    font-weight: 800; }
  .w2-teamus__second-group {
    margin-top: 3em;
    display: flex;
    justify-content: space-between;
    line-height: 1.8em; }
  .w2-teamus__second__info--1 {
    width: 50%; }
  .w2-teamus__second__text--1 {
    font-size: 1em;
    font-weight: 300; }
  .w2-teamus__second__text--2 {
    font-size: 3.5em;
    color: var(--main-color-w);
    font-weight: 1000;
    margin: .3em 0; }
  .w2-teamus__second__text--3 {
    font-size: 1em; }
  .w2-teamus__second__text--4 {
    margin-top: 2em;
    font-size: 1em;
    font-weight: 300; }
  .w2-teamus__second__info--2 {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .w2-teamus__second__score--1 {
    font-size: 1.4em;
    font-weight: 600; }
  .w2-teamus__second__score--1-des {
    background-color: var(--main-color-w);
    color: white;
    padding: 0.5em;
    text-align: end;
    border-radius: 0.4em; }

.w2-testimonials {
  width: 100%;
  position: relative;
  margin-top: 2em;
  background-position: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w2-testimonials__groups {
    margin: 0 auto;
    max-width: 96em;
    color: white; }
    @media only screen and (max-width: 37.5em) {
      .w2-testimonials__groups {
        padding: 1em; } }
  .w2-testimonials__heading--main {
    font-size: 4em;
    font-weight: 1000; }
  .w2-testimonials__heading--sub {
    font-size: 1.4em;
    font-weight: 400;
    margin-top: 2em; }
  .w2-testimonials__items {
    display: flex;
    align-items: center;
    margin-top: 5em; }
  .w2-testimonials__item {
    display: flex;
    justify-content: space-evenly; }
    .w2-testimonials__item__img {
      height: 100%;
      width: 100%; }
    .w2-testimonials__item__imgbox {
      border-radius: 50%;
      overflow: hidden;
      background-size: cover;
      display: inline-block;
      width: 10em;
      height: 10em;
      min-width: 10em;
      background-repeat: no-repeat;
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w2-testimonials__item__imgbox {
          width: 8em;
          height: 8em; } }
    .w2-testimonials__item__info {
      max-width: 50%;
      margin-left: 0;
      height: auto;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 37.5em) {
        .w2-testimonials__item__info {
          padding: 1em; } }
      .w2-testimonials__item__info--1 {
        font-size: 1.4em;
        font-weight: 300; }
        @media only screen and (max-width: 50em) {
          .w2-testimonials__item__info--1 {
            font-size: 1em; } }
      .w2-testimonials__item__info--2 {
        margin-top: 1em;
        font-size: 2em;
        font-weight: 800; }
        @media only screen and (max-width: 50em) {
          .w2-testimonials__item__info--2 {
            font-size: 2em; } }
      .w2-testimonials__item__info--3 {
        margin-top: 2em;
        font-size: 1.4em;
        font-weight: 400; }
        @media only screen and (max-width: 50em) {
          .w2-testimonials__item__info--3 {
            font-size: 1em; } }

.w2-imgalbum {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  width: 100%; }
  @media only screen and (max-width: 50em) {
    .w2-imgalbum {
      grid-template-columns: repeat(2, 1fr); } }
  .w2-imgalbum__gallery__item--1 {
    grid-row: 1 / 2;
    grid-column: 1 / 2; }
  .w2-imgalbum__gallery__item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }

.w2-ctaregister {
  width: 100%;
  position: relative;
  overflow: auto;
  background-color: var(--main-color-w);
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w2-ctaregister__groups {
    margin: 0 auto;
    max-width: 96em;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w2-ctaregister__groups {
        padding: 2em; } }
  .w2-ctaregister__heading {
    font-size: 2em;
    color: white;
    font-weight: 800;
    display: inline-block; }
  .w2-ctaregister__ctabutton {
    padding: 0.5em 2em;
    background-color: white;
    color: var(--main-color-w);
    border-radius: 0.3em;
    border: none;
    font-weight: 600; }
    .w2-ctaregister__ctabutton:hover {
      background-color: var(--hover-color-w);
      color: white;
      border: 0.1em solid white; }

.w2-footer {
  width: 100%;
  position: relative;
  background-color: var(--main-color-w);
  padding-bottom: 2em;
  padding-top: 5em; }
  .w2-footer__groups {
    margin: 0 auto;
    max-width: 120em;
    color: white;
    display: flex; }
    @media only screen and (max-width: 50em) {
      .w2-footer__groups {
        flex-direction: column; } }
  .w2-footer-col {
    display: flex;
    width: 70%;
    flex-wrap: wrap; }
  .w2-footer__item {
    width: 33%;
    padding: 1em; }
    @media only screen and (max-width: 50em) {
      .w2-footer__item {
        margin: 2em auto;
        width: 90%; } }
    .w2-footer__item__imgbox {
      height: 10em; }
  .w2-footer__item__img {
    max-width: 15em;
    width: 100%;
    height: auto; }
  .w2-footer__item__info--1 {
    font-weight: 800;
    font-size: 1.6em;
    margin-bottom: 2em; }
  .w2-footer__item__info--2 {
    font-size: 1.3em;
    font-weight: 300;
    margin-top: .5em; }
  .w2-footer__item--4 {
    width: 30%; }
    @media only screen and (max-width: 50em) {
      .w2-footer__item--4 {
        margin: 0 auto;
        width: 90%;
        margin-top: 4em; } }
  .w2-footer__item--4__detail {
    display: flex;
    align-items: center; }
    .w2-footer__item--4__detail__imgbox {
      width: 10em;
      min-width: 10em;
      height: 7em; }
    .w2-footer__item--4__detail:not(:last-child) {
      margin-bottom: 1em; }
  .w2-footer__item--4__detail__img {
    max-height: 10em;
    min-width: 10em;
    max-width: 10em;
    border: 0.1em solid white; }
  .w2-footer__item--4__detail--des {
    margin-top: 1em;
    font-size: 1.6em; }
  .w2-footer__item--4__detail__groups {
    margin-left: 0.5em; }

.w2-downbar {
  color: white;
  overflow: auto;
  position: relative;
  width: 100%;
  background-color: black;
  padding: 1em; }
  .w2-downbar__groups {
    width: 96em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .w2-downbar__copyright {
    font-size: 1.4em;
    font-weight: 400; }
  .w2-downbar__links {
    display: flex; }
  .w2-downbar__link {
    font-size: 1.4em;
    font-weight: 400;
    padding: 0.5em 1em;
    text-decoration: none;
    cursor: pointer; }

.w3-topbar {
  width: 100%;
  position: relative;
  border-bottom: 0.1em solid #eee;
  background-color: white;
  color: var(--text-color-w);
  padding: 1em; }
  .w3-topbar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
  .w3-topbar__first-group--info {
    font-size: 1em;
    font-weight: 300;
    text-align: justify;
    margin-right: 2em;
    line-height: 1.8em; }
  .w3-topbar__second-group {
    display: flex; }
    .w3-topbar__second-group--info {
      display: flex;
      align-items: center;
      padding: 0 1em;
      text-align: center; }
      .w3-topbar__second-group--info:not(:last-child) {
        border-right: 0.1em solid #eee; }
    .w3-topbar__second-group__icon {
      font-size: 1em;
      margin: 0 0.5em;
      color: #0062bd; }
    .w3-topbar__second-group__text {
      font-size: 1.2em;
      font-weight: 400;
      text-decoration: none;
      color: #0062bd; }

.w3-navbar {
  width: 100%;
  position: relative;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w3-navbar__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .w3-navbar-logo {
    width: 16em;
    height: auto; }
    .w3-navbar-logo__img {
      max-width: 100%;
      max-height: 9em; }
  .w3-navbar__search__group {
    width: 50em;
    border-radius: 5em;
    border: 0.1em solid var(--main-color-w);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-origin: border-box;
    overflow: hidden;
    padding-left: 1em;
    height: 4em; }
    @media only screen and (max-width: 37.5em) {
      .w3-navbar__search__group {
        display: none; } }
    .w3-navbar__search__group__select {
      display: flex;
      align-items: center;
      margin-right: .5em; }
      .w3-navbar__search__group__select__sl {
        padding: 1em;
        border: none;
        outline: none;
        font-size: 1.2em; }
        .w3-navbar__search__group__select__sl__ot {
          padding: 1.5em; }
      .w3-navbar__search__group__select__icon {
        font-size: 1.6em; }
  .w3-navbar__search__text {
    width: 100%;
    border: none;
    outline: none;
    font-size: 1.3em; }
  .w3-navbar__search__dropdown-list {
    width: 20em;
    display: flex;
    align-items: center; }
  .w3-navbar__search__icon-box {
    background-color: var(--main-color-w);
    width: 8em;
    border: none;
    height: 100%;
    background-origin: border-box;
    background-position: center;
    margin: 0 auto;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center; }
  .w3-navbar__second-group__svg__card {
    font-size: 2em; }
  .w3-navbar__search__dropdown-list {
    text-align: right; }
  .w3-navbar__search__dropdown__text {
    font-size: 1.2em; }
  .w3-navbar__second-group__svg__search {
    font-size: 2.5em; }
  .w3-navbar__search__dropdown__items {
    list-style: none; }
  .w3-navbar__search__dropdown__item {
    display: none; }
  .w3-navbar__card {
    display: flex;
    padding: 1em; }
  .w3-navbar__shopping {
    margin-left: 2em; }
    .w3-navbar__shopping__qtt {
      border-radius: 50%;
      width: 1.5em;
      height: 1.5em;
      padding: 0.2em;
      transform: translateX(-1em);
      text-align: center;
      background-color: var(--main-color-w);
      display: inline-block;
      font-size: 0.8em; }
    .w3-navbar__shopping__price {
      font-size: 1.6em;
      font-weight: 800; }

.w3-menu {
  width: 100%;
  position: relative;
  height: 3.8em;
  background-color: white;
  color: var(--text-color-w); }
  .w3-menu__ab {
    z-index: 1; }
    @media only screen and (min-width: 37.5em) {
      .w3-menu__ab {
        position: absolute;
        background-color: transparent; } }
  .w3-menu__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    justify-content: space-between;
    position: relative; }
  .w3-menu__items {
    border-radius: 0.7em;
    width: 25em;
    background-color: white;
    z-index: 2;
    list-style: none; }
    .w3-menu__items__bar {
      color: white;
      display: inline block;
      background-color: var(--main-color-w);
      background-origin: border-box;
      padding: 1em;
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 1.4em; }
      .w3-menu__items__bar__icon {
        margin-right: 1em;
        font-size: 1.5em; }
    @media only screen and (max-width: 56.25em) {
      .w3-menu__items {
        width: 90%;
        margin: 0 auto; } }
  .w3-menu__nav__checkbox {
    display: none; }
  .w3-menu__nav__checkbox:checked ~ .w3-menu-item {
    display: block; }
  .w3-menu-item {
    padding: 1em;
    border-bottom: 0.1em solid #eee;
    font-size: 1.4em;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    display: none;
    text-overflow: ellipsis; }
    .w3-menu-item__icon {
      float: right;
      margin-left: auto;
      line-height: 1.2em !important; }
  .w3-menu-item:hover .w3-menu__dropdown--1 {
    left: 17em;
    opacity: 1;
    visibility: visible;
    transition: all 0.2s; }
    @media only screen and (max-width: 37.5em) {
      .w3-menu-item:hover .w3-menu__dropdown--1 {
        left: 1em;
        padding-left: 1em;
        width: 20em;
        height: auto;
        display: block; } }
  .w3-menu__link {
    height: 4em;
    padding: 1em;
    width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    @media only screen and (max-width: 56.25em) {
      .w3-menu__link {
        display: none;
        white-space: nowrap; } }
    .w3-menu__link__items {
      padding: 0 2.5em;
      display: flex;
      list-style: none;
      font-size: 1.2em;
      font-weight: 600; }
      @media only screen and (max-width: 37.5em) {
        .w3-menu__link__items {
          display: flex;
          flex-direction: column;
          padding: 0; } }
    .w3-menu__link__item {
      margin-right: .5em;
      cursor: pointer; }
      @media only screen and (max-width: 37.5em) {
        .w3-menu__link__item {
          margin: 1em auto;
          width: 30%;
          border-left: 0.1em solid var(--main-color-w); } }
      .w3-menu__link__item a {
        text-decoration: none;
        color: black; }
  .w3-menu__text {
    height: 4em;
    line-height: 4em;
    text-align: center;
    font-weight: 300;
    white-space: nowrap; }
    @media only screen and (max-width: 56.25em) {
      .w3-menu__text {
        position: absolute;
        bottom: -10em;
        display: none; } }
  .w3-menu__dropdown--1 {
    background-color: white;
    z-index: 1;
    list-style: none;
    position: absolute;
    font-size: 1em;
    margin: 0 auto;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    cursor: pointer;
    font-weight: 300; }
    @media only screen and (max-width: 37.5em) {
      .w3-menu__dropdown--1 {
        width: 100%; } }
  .w3-menu-item__icon__icon {
    font-size: 1em; }
  .w3-menu__dropdown-item {
    padding: 1em;
    border-bottom: 0.1em solid #eee;
    white-space: nowrap; }
    .w3-menu__dropdown-item__icon {
      float: right;
      margin-left: auto;
      line-height: 1.2em !important; }

.w3-banner {
  width: 100%;
  position: relative;
  background-color: #eee;
  overflow: hidden;
  z-index: 0;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w3-banner__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .w3-banner__items {
    position: relative;
    top: 10%;
    margin-left: 30%;
    height: 100%;
    width: 25em;
    padding: 0 1em; }
    @media only screen and (max-width: 56.25em) {
      .w3-banner__items {
        margin-left: 2%; } }
    @media only screen and (max-width: 37.5em) {
      .w3-banner__items {
        margin-left: 1%; } }
  .w3-banner__imgbox {
    float: right;
    margin-left: auto;
    width: 50%; }
    @media only screen and (max-width: 37.5em) {
      .w3-banner__imgbox {
        margin-right: 1em; } }
  .w3-banner__item__name {
    font-size: 3.3em;
    font-weight: 800; }
    @media only screen and (max-width: 75em) {
      .w3-banner__item__name {
        font-size: 2.5em; } }
  .w3-banner__item__des {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 300; }
  .w3-banner__item__des--1 {
    font-size: 4em;
    font-weight: 800; }
  .w3-banner__item__button {
    margin-top: 1em;
    border-radius: 0.2em;
    border: none;
    display: inline-block;
    padding: 0.7em 1.4em;
    font-size: 1.8em;
    background-color: var(--main-color-w);
    font-weight: 600; }

.w3-ads {
  width: 100%;
  position: relative;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w3-ads__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    justify-content: space-between; }
  .w3-ads__item {
    margin: 0 1em;
    padding: 1em;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #F5F5F5; }
    .w3-ads__item__info {
      width: 40%; }
    .w3-ads__item__grbtn {
      display: flex;
      align-items: center;
      margin-top: 2em;
      cursor: pointer; }
    .w3-ads__item__text {
      font-size: 1.2em;
      font-weight: 300;
      text-transform: uppercase; }
    .w3-ads__item__btn {
      border: none;
      width: 7em;
      font-weight: 600;
      cursor: pointer;
      background-color: transparent; }
    .w3-ads__item__icon {
      border-radius: 50%;
      color: var(--main-color-w);
      font-size: 1.5em;
      text-align: center; }
  .w3-ads__imgbox {
    position: relative;
    display: inline-block;
    height: 11em;
    margin-right: .5em;
    width: 55%;
    min-width: 55%; }
    .w3-ads__imgbox__img {
      max-height: 100%;
      max-width: 100%; }

.w3-product {
  width: 100%;
  position: relative;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w3-product__group {
    margin: 0 auto;
    max-width: 120em;
    height: auto;
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w3-product__group {
        flex-direction: column; } }
  .w3-product__card--1 {
    position: relative;
    z-index: 10 !important;
    padding-top: 0 !important; }
  .w3-product__card--2 {
    border-top: none !important;
    position: relative; }
  .w3-product__main-card {
    width: 30%;
    border-radius: 1em;
    border: 0.2em solid var(--main-color-w);
    padding: 2em 1em;
    text-align: center;
    height: max-content; }
    @media only screen and (max-width: 68.75em) {
      .w3-product__main-card {
        width: 40%; } }
    @media only screen and (max-width: 37.5em) {
      .w3-product__main-card {
        width: 90%;
        margin: 0 auto; } }
    .w3-product__main-card__offer {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .w3-product__main-card__offer__info--1 {
        font-size: 1.4em;
        font-size: 300; }
      .w3-product__main-card__offer__info--2 {
        background-color: var(--main-color-w);
        font-weight: 800;
        font-size: 2.5em;
        line-height: 3em;
        border-radius: 50%;
        width: 3em;
        height: 3em;
        min-width: 3em; }
    .w3-product__main-card__imgbox {
      width: 100%;
      margin: 1em auto;
      height: 30em; }
      .w3-product__main-card__imgbox__img {
        width: 100%;
        height: 100%; }
    .w3-product__main-card__name {
      text-decoration: none;
      font-size: 1.2em; }
    .w3-product__main-card__price {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 2em; }
      .w3-product__main-card__price__first {
        color: orangered;
        font-weight: 300;
        font-size: 3em; }
      .w3-product__main-card__price__second {
        font-size: 2em;
        font-weight: 300;
        text-decoration: line-through;
        margin: 1em; }
    .w3-product__main-card__text {
      font-size: 1em;
      font-weight: 300; }
    .w3-product__main-card__price-clock {
      margin-top: 2em;
      display: flex;
      justify-content: center; }
      .w3-product__main-card__price-clock__divide {
        height: 2em;
        width: 2em;
        top: 0.7em;
        position: relative;
        font-size: 2em;
        display: inline-block; }
      .w3-product__main-card__price-clock__time {
        width: 20%;
        text-align: center;
        margin: 0 auto; }
        .w3-product__main-card__price-clock__time--number {
          font-size: 3em;
          padding: 0.5em;
          background-color: #F5F5F5; }
        .w3-product__main-card__price-clock__time--text {
          margin-top: 1em;
          font-size: 1em; }
  .w3-product__card-item {
    width: 69%;
    margin-left: 1%; }
    @media only screen and (max-width: 37.5em) {
      .w3-product__card-item {
        width: 90%;
        margin-top: 2em; } }
    .w3-product__card-item__title {
      display: flex;
      justify-content: center;
      position: relative;
      flex-wrap: wrap; }
      .w3-product__card-item__title__tag {
        display: block;
        position: relative;
        text-align: center;
        margin: 2em;
        font-size: 2em;
        font-weight: 800;
        max-width: 12em;
        white-space: nowrap;
        z-index: 2;
        padding: 0;
        padding: .5em;
        cursor: pointer; }
        @media only screen and (max-width: 37.5em) {
          .w3-product__card-item__title__tag {
            margin-top: .5em; } }
      .w3-product__card-item__title .active {
        position: relative; }
        .w3-product__card-item__title .active::before {
          content: "";
          height: 0.15em;
          width: 100%;
          background-color: var(--main-color-w);
          z-index: 2;
          position: absolute;
          display: block;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          border-radius: .2em; }
        .w3-product__card-item__title .active::after {
          content: "";
          height: 0.5em;
          width: 1em;
          background-color: var(--main-color-w);
          z-index: 2;
          position: absolute;
          display: block;
          bottom: -0.5em;
          left: 50%;
          transform: translateX(-50%);
          border-bottom-left-radius: 100% 200%;
          border-bottom-right-radius: 100% 200%; }
    .w3-product__card-item__child {
      border-top: .2em solid #F5F5F5;
      position: relative;
      top: -2.2em;
      display: flex;
      justify-content: flex-start; }
      .w3-product__card-item__child__small-card {
        margin-left: 1.5em;
        position: relative;
        padding: 2em;
        margin-top: 1em;
        margin-bottom: 1em; }
        .w3-product__card-item__child__small-card:not(:last-child) {
          border-right: .2em solid #F5F5F5; }
        .w3-product__card-item__child__small-card__info--1 {
          font-size: 1em;
          font-weight: 300; }
        .w3-product__card-item__child__small-card__info--2 {
          cursor: pointer;
          color: #0062bd;
          font-size: 1.4em;
          font-weight: 600;
          display: block;
          margin-top: 1em; }
          @media only screen and (max-width: 68.75em) {
            .w3-product__card-item__child__small-card__info--2 {
              font-size: 1.2em; } }
        .w3-product__card-item__child__small-card__imgbox {
          margin: .5em auto 1em auto;
          width: 100%;
          margin-top: 1.5em; }
          .w3-product__card-item__child__small-card__imgbox__img {
            width: 100%;
            height: 100%; }
        .w3-product__card-item__child__small-card__price {
          display: flex;
          align-items: center; }
          .w3-product__card-item__child__small-card__price__first {
            color: orangered;
            font-size: 1.5em;
            margin-right: 0.5em; }
            @media only screen and (max-width: 68.75em) {
              .w3-product__card-item__child__small-card__price__first {
                font-size: 1em; } }
          .w3-product__card-item__child__small-card__price__second {
            text-decoration: line-through;
            font-size: 1em;
            font-weight: 300;
            margin-right: .5em; }
            @media only screen and (max-width: 68.75em) {
              .w3-product__card-item__child__small-card__price__second {
                font-size: 0.8em; } }
          .w3-product__card-item__child__small-card__price__btn {
            border: none;
            text-align: center;
            padding: .5em;
            border-radius: 50%;
            display: flex;
            margin-left: auto;
            display: inline-block;
            align-items: center;
            cursor: pointer;
            background-color: var(--main-color-w);
            font-size: 1.4em; }
            .w3-product__card-item__child__small-card__price__btn__icon {
              font-size: 1.2em;
              color: black; }
              .w3-product__card-item__child__small-card__price__btn__icon:hover {
                color: white; }
        .w3-product__card-item__child__small-card:hover {
          border: 0.1em solid #F5F5F5;
          box-shadow: 0.2em 0.2em 1.1em 0.1em rgba(0, 0, 0, 0.2);
          background-color: white; }
        .w3-product__card-item__child__small-card:hover .w3-product__card-item__child__small-card__grbtn {
          opacity: 1;
          box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.2);
          z-index: 100000 !important; }
        .w3-product__card-item__child__small-card__grbtn {
          width: 101%;
          margin-top: 1em;
          height: 5em;
          position: absolute;
          text-align: center;
          line-height: 5em;
          left: -1px;
          background-color: white;
          opacity: 0; }
          .w3-product__card-item__child__small-card__grbtn__btn {
            margin: 0 auto;
            padding: 0.5em;
            width: 5em;
            background-color: var(--main-color-w);
            border: none;
            font-weight: 600;
            min-width: 5em; }

.w3-product-1 {
  max-width: 100%;
  position: relative;
  padding: 4em 0 6em 0;
  background-color: #F5F5F5;
  color: var(--text-color-w); }
  .w3-product-1__group {
    margin: 0 auto;
    max-width: 120em; }
  .w3-product-1__title {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: inline-block;
    border-bottom: 0.1em solid #F5F5F5; }
    .w3-product-1__title__tag {
      text-align: center;
      display: inline-block;
      font-size: 1.6em;
      margin-right: 2em;
      cursor: pointer;
      padding: 0.2em 0.2em 1em 0.2em; }
    .w3-product-1__title .active {
      position: relative; }
      .w3-product-1__title .active::before {
        content: "";
        height: 0.15em;
        width: 100%;
        background-color: var(--main-color-w);
        z-index: 2;
        position: absolute;
        display: block;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-radius: .2em; }
      .w3-product-1__title .active::after {
        content: "";
        height: 0.5em;
        width: 1.1em;
        background-color: var(--main-color-w);
        z-index: 2;
        position: absolute;
        display: block;
        bottom: -0.4em;
        left: 50%;
        transform: translateX(-50%);
        border-bottom-left-radius: 100% 200%;
        border-bottom-right-radius: 100% 200%; }
  .w3-product-1__item {
    margin: 0 auto;
    padding: 1em 0 0 0;
    background-color: #F5F5F5;
    display: flex;
    flex-wrap: wrap; }
    .w3-product-1__item--col-1 {
      display: flex;
      flex-wrap: wrap;
      width: 30%;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w3-product-1__item--col-1 {
          width: 100%; } }
    .w3-product-1__item__small-card {
      background-color: white;
      position: relative;
      height: auto;
      border-bottom: .1em solid #eee;
      width: 50%;
      padding: 1em; }
      .w3-product-1__item__small-card--main {
        position: relative;
        width: 40%; }
        @media only screen and (max-width: 50em) {
          .w3-product-1__item__small-card--main {
            width: 100%; } }
      .w3-product-1__item__small-card__thumb {
        display: flex;
        margin-bottom: 0.5em;
        margin-top: 2em; }
        .w3-product-1__item__small-card__thumb__imgbox {
          border: 0.1em solid #F5F5F5;
          width: 9em;
          height: 9em;
          cursor: pointer; }
      .w3-product-1__item__small-card:hover .w3-product-1__item__small-card__grbtn {
        display: block;
        opacity: 1;
        z-index: 100;
        visibility: visible; }
      .w3-product-1__item__small-card:hover {
        display: inline-block;
        z-index: 1;
        box-shadow: 0px -2px 5px 1px rgba(0, 0, 0, 0.1); }
      .w3-product-1__item__small-card__info--1 {
        font-weight: 300; }
      .w3-product-1__item__small-card__info--2 {
        cursor: pointer;
        color: #0062bd;
        margin-top: 1em;
        font-size: 1.4em; }
      .w3-product-1__item__small-card__imgbox {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 18em;
        margin: 1.5em 0; }
        .w3-product-1__item__small-card__imgbox--main {
          margin-top: 2em;
          width: 100%;
          min-height: 55%; }
        .w3-product-1__item__small-card__imgbox__img {
          border-radius: .3em; }
      .w3-product-1__item__small-card__price {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        .w3-product-1__item__small-card__price__group {
          margin-top: 1em;
          margin-right: .5em; }
          .w3-product-1__item__small-card__price__group__first {
            display: block;
            color: orangered;
            font-size: 1.6em; }
            .w3-product-1__item__small-card__price__group__first--main {
              font-size: 2.5em; }
          .w3-product-1__item__small-card__price__group__second {
            display: block;
            text-decoration: line-through;
            font-weight: 300;
            font-size: 1.4em; }
            .w3-product-1__item__small-card__price__group__second--main {
              font-size: 2em;
              margin-top: .5em; }
        .w3-product-1__item__small-card__price__btn {
          margin-top: 1em;
          display: inline-block;
          position: relative;
          background-color: var(--main-color-w);
          padding: .7em;
          border-radius: 50%;
          font-size: 1.2em;
          border: none;
          cursor: pointer; }
          .w3-product-1__item__small-card__price__btn--main {
            width: 4em;
            height: 4em;
            margin-right: 3em; }
          .w3-product-1__item__small-card__price__btn__svg__card {
            font-size: 1.3em; }
            .w3-product-1__item__small-card__price__btn__svg__card--main {
              font-size: 1.3em; }
            .w3-product-1__item__small-card__price__btn__svg__card:hover {
              color: white; }
      .w3-product-1__item__small-card__grbtn {
        border-top: 0.15em solid #F5F5F5;
        padding: 1em 0;
        text-align: center;
        display: block;
        z-index: 10000;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        background-color: white;
        position: absolute;
        left: 0;
        box-shadow: 2px 10px 10px 1px rgba(151, 151, 151, 0.1);
        margin-top: 0.5em; }
        @media only screen and (max-width: 68.75em) {
          .w3-product-1__item__small-card__grbtn {
            padding: 1em 0;
            opacity: 1;
            box-shadow: none;
            bottom: 0; } }
        @media only screen and (max-width: 37.5em) {
          .w3-product-1__item__small-card__grbtn {
            padding: 1em 0;
            opacity: 1;
            border: none; } }
        .w3-product-1__item__small-card__grbtn--main {
          text-align: center;
          margin-top: 0.5em; }
        .w3-product-1__item__small-card__grbtn__btn {
          background-color: var(--main-color-w);
          padding: 0.5em 2em;
          font-weight: 600;
          border: none;
          border-radius: 0.2em;
          cursor: pointer; }
          .w3-product-1__item__small-card__grbtn__btn--main {
            font-size: 3em; }

.w3-product-2 {
  max-width: 100%;
  position: relative;
  background-color: white;
  color: var(--text-color-w);
  padding: 2em 1em; }
  .w3-product-2__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative; }
  .w3-product-2__title {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid #F5F5F5;
    padding: 1em; }
    .w3-product-2__title__tag-name {
      font-size: 1.6em;
      display: inline-block;
      border-bottom: 0.2em solid var(--main-color-w);
      line-height: 1.8em;
      min-width: 9em;
      width: 9em;
      padding: .5em;
      height: max-content; }
    .w3-product-2__title__group {
      font-size: 1.3em;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: flex-end; }
      @media only screen and (max-width: 37.5em) {
        .w3-product-2__title__group {
          flex-direction: column; } }
      .w3-product-2__title__group__tag {
        display: inline-block;
        margin-left: 2em;
        line-height: 1.8em;
        padding: .5em 2em; }
        @media only screen and (max-width: 37.5em) {
          .w3-product-2__title__group__tag {
            padding: .5em 1em; } }
        .w3-product-2__title__group__tag--1 {
          border: 0.2em solid var(--main-color-w);
          border-radius: 2em; }
          @media only screen and (max-width: 37.5em) {
            .w3-product-2__title__group__tag--1 {
              margin-bottom: .5em; } }
  .w3-product-2__item {
    display: grid;
    grid-template-rows: 1fr 1fr; }
    .w3-product-2__item__small-card {
      padding: 1.5em;
      display: flex;
      position: relative;
      margin: 1em; }
      .w3-product-2__item__small-card:hover {
        z-index: 1;
        box-shadow: 0.2em 0.2em 1.1em 0.1em rgba(206, 206, 206, 0.2); }
      .w3-product-2__item__small-card__imgbox {
        margin-left: auto;
        margin-right: auto;
        max-width: 12em;
        min-width: 12em;
        background-size: cover;
        display: block;
        position: relative;
        margin-right: 1em;
        height: 12em; }
        .w3-product-2__item__small-card__imgbox__img {
          width: 100%;
          border-radius: .3em; }
      .w3-product-2__item__small-card__des {
        display: inline-block; }
        .w3-product-2__item__small-card__des__info--1 {
          font-size: 1.3em;
          font-weight: 300; }
        .w3-product-2__item__small-card__des__info--2 {
          margin: 1em 0;
          font-size: 1.4em;
          font-weight: 600;
          display: block; }
        .w3-product-2__item__small-card__des__price {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .w3-product-2__item__small-card__des__price__group__first {
            display: inline-block;
            color: orangered;
            font-size: 1.4em; }
          .w3-product-2__item__small-card__des__price__group__second {
            display: inline-block;
            font-size: 1em;
            text-decoration: line-through;
            font-weight: 300; }
          .w3-product-2__item__small-card__des__price__btn__svg__card {
            font-size: 2em; }
      .w3-product-2__item__small-card:hover .w3-product-2__item__small-card__grbtn {
        display: block;
        opacity: 1;
        z-index: 1000;
        background-color: white;
        box-shadow: 0px 2px 5px 1px rgba(88, 88, 88, 0.1); }
      .w3-product-2__item__small-card__grbtn {
        position: absolute;
        left: 0;
        bottom: -6em;
        text-align: center;
        width: 100%;
        box-shadow: 0px -2px 5px 1px rgba(0, 0, 0, 0.1);
        background-color: white;
        padding: 2em 0;
        opacity: 0;
        display: block; }
        .w3-product-2__item__small-card__grbtn__btn {
          cursor: pointer;
          display: inline-block;
          padding: 0.5em 1em;
          background-color: var(--main-color-w);
          border: none;
          font-weight: 600; }

.w3-product-3 {
  width: 100%;
  padding: 2em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w3-product-3__group {
    margin: 0 auto;
    max-width: 120em; }
  .w3-product-3__title {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid #F5F5F5; }
    .w3-product-3__title__tag-name {
      padding: 1em 0;
      font-size: 1.6em;
      border-bottom: 0.2em solid var(--main-color-w); }
    .w3-product-3__title__group {
      position: relative;
      white-space: nowrap;
      margin-left: 3em; }
      .w3-product-3__title__group__button {
        border: .1em solid black;
        border-radius: .5em;
        text-align: center;
        color: white;
        display: inline-block;
        padding: 1em 1.1em;
        background-color: transparent;
        outline: none;
        cursor: pointer;
        transition: all .2s;
        background-color: rgba(0, 0, 0, 0.89); }
        .w3-product-3__title__group__button:hover {
          background-color: rgba(255, 255, 255, 0.685);
          color: black; }
        .w3-product-3__title__group__button-next {
          position: absolute;
          bottom: 1em;
          right: 1em;
          margin-right: 1em;
          z-index: 2;
          font-size: 1.4em; }
        .w3-product-3__title__group__button__icon {
          font-size: 2em; }
        .w3-product-3__title__group__button-prev {
          position: absolute;
          bottom: 1em;
          right: 7em;
          margin-left: 1em;
          z-index: 2;
          font-size: 1.4em; }
  .w3-product-3__icon-nav--1 {
    padding: .5em;
    background-color: rgba(34, 34, 34, 0.884);
    color: white;
    border: none;
    border-radius: 0.2em;
    text-align: center;
    cursor: pointer;
    font-size: 1.4em; }
    .w3-product-3__icon-nav--1:hover {
      background-color: rgba(53, 53, 53, 0.671); }
  .w3-product-3__item {
    display: flex;
    position: relative;
    margin-bottom: 2em; }
    .w3-product-3__item__small-card {
      background-color: white;
      padding: 1em;
      height: max-content;
      margin-right: .5em; }
      .w3-product-3__item__small-card:hover {
        z-index: 1;
        position: relative;
        display: block;
        box-shadow: 0.1em 5px 1em 1px rgba(133, 133, 133, 0.1) !important; }
      .w3-product-3__item__small-card__info--1 {
        font-weight: 300;
        font-size: 1.2em; }
      .w3-product-3__item__small-card__info--2 {
        cursor: pointer;
        color: #0062bd;
        margin-top: 1em;
        font-size: 1.6em;
        display: block; }
      .w3-product-3__item__small-card__imgbox {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        margin-top: 1em;
        height: 28em; }
        .w3-product-3__item__small-card__imgbox__img {
          height: 100%;
          width: 100%;
          border-radius: .4em; }
      .w3-product-3__item__small-card__price {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1em; }
        .w3-product-3__item__small-card__price__group__first {
          display: block;
          color: orangered;
          font-size: 1.6em; }
        .w3-product-3__item__small-card__price__group__second {
          display: block;
          font-size: 1.4em;
          text-decoration: line-through;
          font-weight: 300; }
        .w3-product-3__item__small-card__price__btn {
          display: inline-block;
          position: relative;
          right: 0;
          background-color: var(--main-color-w);
          padding: 0.2em;
          text-align: center;
          border-radius: 50%;
          width: 3em;
          height: 3em;
          min-width: 3em;
          font-size: 1.2em;
          border: none;
          line-height: 3.1em;
          cursor: pointer; }
          .w3-product-3__item__small-card__price__btn__svg__card {
            font-size: 1.5em; }
            .w3-product-3__item__small-card__price__btn__svg__card--main {
              font-size: 1.5em; }

.w3-product-4 {
  max-width: 100%;
  position: relative;
  padding: 3em 1em;
  background-color: #F5F5F5;
  color: var(--text-color-w); }
  .w3-product-4__group {
    margin: 0 auto;
    max-width: 120em; }
  .w3-product-4__bottom--active {
    border-bottom: 0.2em solid var(--main-color-w); }
    .w3-product-4__bottom--active::after {
      content: "";
      height: 0.5em;
      width: 1.1em;
      background-color: var(--main-color-w);
      z-index: 2;
      position: relative;
      display: block;
      top: 1.5em;
      left: 40%;
      border-bottom-left-radius: 100% 200%;
      border-bottom-right-radius: 100% 200%; }
  .w3-product-4__title {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid #F5F5F5; }
    .w3-product-4__title__name {
      font-size: 1.2em;
      padding: 1em; }
    .w3-product-4__title__group__tag {
      text-align: center;
      display: inline-block;
      font-size: 1.2em;
      margin-right: 2em;
      padding: 0.2em 0.2em 1em 0.2em;
      cursor: pointer; }
  .w3-product-4__item {
    display: grid;
    grid-template-columns: repeat(6, minmax(10em, 1fr));
    grid-template-rows: repeat(2, minmax(10em, 1fr));
    margin: 0 auto;
    padding: 1em 0 0 0;
    background-color: #F5F5F5;
    grid-column-gap: 0.2em;
    max-width: 100%;
    overflow: hidden; }
    @media only screen and (max-width: 68.75em) {
      .w3-product-4__item {
        grid-template-columns: repeat(4, minmax(10em, 1fr));
        grid-template-rows: repeat(3, minmax(10em, 1fr));
        height: auto; } }
    @media only screen and (max-width: 56.25em) {
      .w3-product-4__item {
        grid-template-columns: repeat(4, minmax(10em, 1fr));
        grid-template-rows: repeat(3, minmax(32em, 1fr));
        height: auto; } }
    @media only screen and (max-width: 50em) {
      .w3-product-4__item {
        grid-template-columns: repeat(4, minmax(10em, 1fr));
        grid-template-rows: repeat(3, minmax(26em, 1fr));
        height: auto; } }
    @media only screen and (max-width: 37.5em) {
      .w3-product-4__item {
        display: block;
        margin: 0 auto; } }
    .w3-product-4__item__small-card {
      background-color: white;
      position: relative;
      padding: 1em; }
      .w3-product-4__item__small-card--1 {
        grid-row: 1 / 2;
        grid-column: 1 / 2; }
        @media only screen and (max-width: 68.75em) {
          .w3-product-4__item__small-card--1 {
            grid-row: 1 / 2;
            grid-column: 1 / 2; } }
        @media only screen and (max-width: 37.5em) {
          .w3-product-4__item__small-card--1 {
            grid-row: 1 / 2;
            grid-column: 1 / 2; } }
      .w3-product-4__item__small-card--2 {
        border-top: 0.2em solid #F5F5F5;
        grid-row: 2 / 3;
        grid-column: 1 / 2; }
        @media only screen and (max-width: 68.75em) {
          .w3-product-4__item__small-card--2 {
            grid-row: 2 / 3;
            grid-column: 1 / 2; } }
        @media only screen and (max-width: 37.5em) {
          .w3-product-4__item__small-card--2 {
            grid-row: 1 / 2;
            grid-column: 1 / 2; } }
      .w3-product-4__item__small-card--3 {
        grid-row: 1 / 2;
        grid-column: 2 / 3; }
        @media only screen and (max-width: 68.75em) {
          .w3-product-4__item__small-card--3 {
            grid-row: 1 / 2;
            grid-column: 2 / 3; } }
        @media only screen and (max-width: 37.5em) {
          .w3-product-4__item__small-card--3 {
            grid-row: 1 / 2;
            grid-column: 1 / 2; } }
      .w3-product-4__item__small-card--4 {
        border-top: 0.2em solid #F5F5F5;
        grid-row: 2 / 3;
        grid-column: 2 / 3; }
        @media only screen and (max-width: 68.75em) {
          .w3-product-4__item__small-card--4 {
            grid-row: 2 / 3;
            grid-column: 2 / 3;
            transform: translateY(0); } }
        @media only screen and (max-width: 37.5em) {
          .w3-product-4__item__small-card--4 {
            grid-row: 1 / 2;
            grid-column: 1 / 2; } }
      .w3-product-4__item__small-card--5 {
        grid-row: 1 / 2;
        grid-column: 3 / 4;
        border-top: 0.2em solid #F5F5F5; }
        @media only screen and (max-width: 68.75em) {
          .w3-product-4__item__small-card--5 {
            grid-row: 3 / 4;
            grid-column: 1 / 2;
            border-bottom: 0.2em solid #F5F5F5; } }
        @media only screen and (max-width: 37.5em) {
          .w3-product-4__item__small-card--5 {
            grid-row: 1 / 2;
            grid-column: 1 / 2; } }
      .w3-product-4__item__small-card--6 {
        border-top: 0.2em solid #F5F5F5;
        grid-row: 2 / 3;
        grid-column: 3 / 4; }
        @media only screen and (max-width: 68.75em) {
          .w3-product-4__item__small-card--6 {
            grid-row: 3 / 4;
            grid-column: 2 / 3;
            border-bottom: 0.2em solid #F5F5F5; } }
        @media only screen and (max-width: 37.5em) {
          .w3-product-4__item__small-card--6 {
            grid-row: 1 / 2;
            grid-column: 1 / 2; } }
      .w3-product-4__item__small-card--7 {
        border-top: 0.2em solid #F5F5F5;
        grid-row: 1 / 2;
        grid-column: 4 / 5; }
        @media only screen and (max-width: 68.75em) {
          .w3-product-4__item__small-card--7 {
            grid-row: 3 / 4;
            grid-column: 3 / 4;
            border-bottom: 0.2em solid #F5F5F5; } }
        @media only screen and (max-width: 37.5em) {
          .w3-product-4__item__small-card--7 {
            grid-row: 1 / 2;
            grid-column: 1 / 2; } }
      .w3-product-4__item__small-card--8 {
        border-top: 0.2em solid #F5F5F5;
        grid-row: 2 / 3;
        grid-column: 4 / 5; }
        @media only screen and (max-width: 68.75em) {
          .w3-product-4__item__small-card--8 {
            grid-row: 3 / 4;
            grid-column: 4 / 5;
            transform: translateY(0);
            border-bottom: 0.2em solid #F5F5F5; } }
        @media only screen and (max-width: 37.5em) {
          .w3-product-4__item__small-card--8 {
            grid-row: 1 / 2;
            grid-column: 1 / 2; } }
      .w3-product-4__item__small-card--main {
        grid-row: 1 / span 2;
        grid-column: 5 / span 2;
        height: auto;
        min-height: 0;
        min-width: 0; }
        .w3-product-4__item__small-card--main button i {
          font-size: 1.5em; }
        @media only screen and (max-width: 68.75em) {
          .w3-product-4__item__small-card--main {
            grid-row: 1 / span 2;
            grid-column: 3 / span 2; } }
        @media only screen and (max-width: 37.5em) {
          .w3-product-4__item__small-card--main {
            grid-row: 1 / 2;
            grid-column: 1 / 2; } }
      .w3-product-4__item__small-card__thumb {
        display: inline-block;
        margin-bottom: 0.5em; }
        .w3-product-4__item__small-card__thumb__imgbox {
          border: 0.1em solid #F5F5F5;
          width: 5em;
          cursor: pointer;
          height: 5em; }
      .w3-product-4__item__small-card:hover {
        display: inline-block;
        box-shadow: 0px -1px 5px 1px rgba(151, 151, 151, 0.1); }
        @media only screen and (max-width: 37.5em) {
          .w3-product-4__item__small-card:hover {
            display: block; } }
      .w3-product-4__item__small-card__info--1 {
        font-weight: 300; }
      .w3-product-4__item__small-card__info--2 {
        cursor: pointer;
        color: #0062bd;
        margin-top: 1em; }
      .w3-product-4__item__small-card__imgbox {
        width: 100%;
        margin: 1em auto;
        height: 18em; }
        .w3-product-4__item__small-card__imgbox--main {
          width: 100%;
          height: 42em; }
        .w3-product-4__item__small-card__imgbox__img {
          height: 100%;
          width: 100%; }
      .w3-product-4__item__small-card__price {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .w3-product-4__item__small-card__price__group__first {
          display: inline-block;
          color: orangered;
          font-size: 1.4em; }
        .w3-product-4__item__small-card__price__group__second {
          display: inline-block;
          font-size: 1em;
          text-decoration: line-through;
          font-weight: 300; }
        .w3-product-4__item__small-card__price__btn {
          display: inline-block;
          position: relative;
          right: 0;
          background-color: var(--main-color-w);
          padding: 0.6em;
          border-radius: 50%;
          width: 3em;
          height: 3em;
          font-size: 1.3em;
          border: none;
          color: black;
          cursor: pointer; }
          .w3-product-4__item__small-card__price__btn--main {
            width: 4em;
            height: 4em;
            margin-right: 3em; }
          .w3-product-4__item__small-card__price__btn__svg__card {
            font-size: 1.2em; }
            .w3-product-4__item__small-card__price__btn__svg__card--main {
              font-size: 1.2em; }

.w3-partners {
  width: 100%;
  position: relative;
  background-color: white;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w3-partners__group {
    margin: 0 auto;
    max-width: 120em;
    border-top: .1em solid #F5F5F5;
    border-bottom: .1em solid #F5F5F5; }
  .w3-partners__list {
    width: 100%;
    margin: 0 auto; }
    .w3-partners__list__item {
      width: 100%;
      display: inline-block;
      margin-right: 1em; }
      .w3-partners__list__item__imglink__imgbox {
        height: 10em;
        width: 100%; }
        .w3-partners__list__item__imglink__imgbox__img {
          width: 100%; }

.w3-producttab {
  width: 100%;
  position: relative;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w3-producttab__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    padding-left: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w3-producttab__group {
        flex-wrap: wrap; } }
  .w3-producttab__banner {
    cursor: pointer;
    max-width: 25%;
    display: inline-block; }
    @media only screen and (max-width: 37.5em) {
      .w3-producttab__banner {
        display: none; } }
    .w3-producttab__banner__imgbox {
      width: 100%;
      height: 35em; }
      .w3-producttab__banner__imgbox__img {
        width: 100%; }
  .w3-producttab__item {
    width: 22%;
    display: inline-block;
    margin-right: 1em;
    margin-top: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w3-producttab__item {
        display: block;
        width: 100%; } }
    .w3-producttab__item__title {
      padding: 1em 0;
      font-size: 1.6em;
      border-bottom: 0.2em solid var(--main-color-w);
      white-space: nowrap;
      display: block; }
    .w3-producttab__item__card {
      margin-top: 2em;
      display: flex; }
      @media only screen and (max-width: 56.25em) {
        .w3-producttab__item__card {
          flex-wrap: wrap; } }
      .w3-producttab__item__card__imgbox {
        max-width: 7em;
        min-width: 7em;
        height: auto; }
        @media only screen and (max-width: 56.25em) {
          .w3-producttab__item__card__imgbox {
            max-width: 100%; } }
        .w3-producttab__item__card__imgbox__img {
          width: 100%; }
      .w3-producttab__item__card__info {
        padding: 0 1em; }
        @media only screen and (max-width: 56.25em) {
          .w3-producttab__item__card__info {
            padding: 1em 0; } }
        .w3-producttab__item__card__info--1 {
          color: #0062bd;
          font-size: 1.4em;
          cursor: pointer; }
        .w3-producttab__item__card__info__group-star {
          margin: 0.5em 0;
          display: inline-block;
          position: relative; }
          .w3-producttab__item__card__info__group-star__icon {
            display: inline-block;
            color: var(--main-color-w);
            font-size: 1em;
            position: relative; }
        .w3-producttab__item__card__info__price__group__first {
          display: inline-block;
          font-size: 1.2em;
          color: orangered; }
        .w3-producttab__item__card__info__price__group__second {
          display: inline-block;
          text-decoration: line-through; }

.w3-ctaregister {
  display: flex;
  width: 100%;
  background-color: #FF5A5F;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w3-ctaregister__group {
    width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 37.5em) {
      .w3-ctaregister__group {
        display: block; } }
  .w3-ctaregister__info {
    display: flex;
    align-items: center; }
    .w3-ctaregister__info__icon {
      font-size: 3em;
      margin: 0.5em; }
    .w3-ctaregister__info__text--1 {
      font-size: 1.4em;
      font-weight: 300;
      margin: 0 1em; }
    .w3-ctaregister__info__text--2 {
      font-size: 1.3em;
      font-weight: 600; }
  .w3-ctaregister__input-form {
    display: flex;
    position: relative;
    background-color: white;
    border: none;
    border-radius: 2.5em;
    width: 45%;
    overflow: hidden; }
    @media only screen and (max-width: 37.5em) {
      .w3-ctaregister__input-form {
        width: 100%;
        margin-top: 1em; } }
    .w3-ctaregister__input-form__text {
      border: none;
      font-size: 1.6em;
      outline: none;
      margin: 1em; }
    .w3-ctaregister__input-form__btn {
      right: 0;
      float: right;
      margin-left: auto;
      border: none;
      background-color: black;
      color: white;
      padding: 1em  2em;
      top: 0;
      font-size: 1.6em;
      cursor: pointer; }

.w3-footer {
  display: flex;
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w3-footer__group {
    width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w3-footer__group {
        display: block; } }
  .w3-footer-col {
    width: 70%;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 50em) {
      .w3-footer-col {
        width: 100%; } }
  .w3-footer__info {
    width: 30%;
    padding: 0 .5em; }
    @media only screen and (max-width: 50em) {
      .w3-footer__info {
        width: 100%;
        margin: 0 auto;
        text-align: center; } }
    .w3-footer__info__logo {
      width: 15em; }
    .w3-footer__info__question {
      display: flex;
      align-items: center;
      margin-top: 2em; }
      @media only screen and (max-width: 50em) {
        .w3-footer__info__question {
          justify-content: center; } }
      .w3-footer__info__question__icon {
        font-size: 4em; }
      .w3-footer__info__question__text {
        margin-left: 2em; }
        .w3-footer__info__question__text--1 {
          font-size: 1.4em;
          font-weight: 300; }
        .w3-footer__info__question__text--2 {
          font-size: 1.6em;
          font-weight: 400; }
    .w3-footer__info__contact {
      font-weight: 600;
      margin-top: 2em;
      font-size: 1.4em; }
    .w3-footer__info__address {
      font-weight: 300; }
    .w3-footer__info__link {
      margin-top: 1em;
      display: inline-block; }
      .w3-footer__info__link__social {
        cursor: pointer;
        max-width: 2em;
        fill: #999;
        margin: 0 2em;
        height: 2em; }
  .w3-footer__des {
    width: 33%; }
    @media only screen and (max-width: 50em) {
      .w3-footer__des {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-top: 2em; } }
    .w3-footer__des__title {
      font-size: 1.8em;
      font-size: 600;
      display: inline-block; }
    .w3-footer__des__link-group {
      margin-top: 2em; }
      .w3-footer__des__link-group__text {
        display: block;
        margin-bottom: 1em;
        font-size: 1.4em;
        font-weight: 300;
        cursor: pointer; }

.w3-services {
  max-width: 100%;
  position: relative;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w3-services__group {
    max-width: 120em;
    margin: 0 auto;
    border: 0.1em solid #eee;
    border-radius: 1em;
    padding: 1em 0;
    display: flex;
    flex-wrap: wrap; }
  .w3-services__item {
    padding: 1em .5em;
    display: flex;
    align-items: center;
    width: 20%;
    justify-content: center; }
    @media only screen and (max-width: 56.25em) {
      .w3-services__item {
        width: 33%; } }
    @media only screen and (max-width: 25em) {
      .w3-services__item {
        width: 50%; } }
    .w3-services__item:not(:last-child) {
      border-right: 0.1em solid #eee; }
    .w3-services__item__icon {
      margin-right: .3em;
      color: var(--main-color-w);
      font-size: 3em; }
    .w3-services__item__group__des {
      font-weight: 300; }
    .w3-services__item__group__name {
      font-size: 1.4em;
      font-weight: 600; }

.w3-productdetail {
  width: 100%;
  margin-top: 5em;
  color: var(--text-color-w); }
  .w3-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w3-productdetail__group {
        flex-wrap: wrap-reverse; } }
  .w3-productdetail__first {
    width: 30%; }
    @media only screen and (max-width: 37.5em) {
      .w3-productdetail__first {
        width: 100%; } }
    .w3-productdetail__first__item {
      display: inline-block;
      margin-right: 1em;
      margin-top: 1em; }
      @media only screen and (max-width: 37.5em) {
        .w3-productdetail__first__item {
          display: block;
          width: 100%; } }
      .w3-productdetail__first__item__title {
        padding: 1em 0;
        font-size: 1.6em;
        border-bottom: 0.1em solid var(--main-color-w);
        white-space: nowrap; }
      .w3-productdetail__first__item__card {
        margin-top: 2em;
        display: flex;
        flex-wrap: wrap; }
        .w3-productdetail__first__item__card__imgbox {
          max-width: 30%;
          height: auto;
          width: 30%; }
          .w3-productdetail__first__item__card__imgbox__img {
            width: 100%; }
        .w3-productdetail__first__item__card__info {
          padding: 0 1em;
          width: 70%; }
          .w3-productdetail__first__item__card__info--1 {
            color: var(--main-color-w);
            font-size: 1.4em;
            cursor: pointer; }
          .w3-productdetail__first__item__card__info__group-star {
            margin: 0.5em 0;
            display: inline-block;
            position: relative; }
            .w3-productdetail__first__item__card__info__group-star__icon {
              display: inline-block;
              color: var(--main-color-w);
              font-size: 1em;
              position: relative; }
          .w3-productdetail__first__item__card__info__price__group__first {
            display: inline-block;
            font-size: 1.2em;
            color: orangered; }
          .w3-productdetail__first__item__card__info__price__group__second {
            display: inline-block;
            text-decoration: line-through; }
  .w3-productdetail__second {
    width: 70%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w3-productdetail__second {
        width: 100%; } }
    .w3-productdetail__second__card {
      display: flex; }
      @media only screen and (max-width: 50em) {
        .w3-productdetail__second__card {
          flex-direction: column; } }
      .w3-productdetail__second__card__owl-imgbox__img {
        width: 100%; }
      .w3-productdetail__second__card__owl-thumb {
        width: 100%;
        display: flex;
        background-color: transparent; }
        .w3-productdetail__second__card__owl-thumb .owl-thumb-item {
          background-color: transparent !important;
          border: none; }
        .w3-productdetail__second__card__owl-thumb__imgbox {
          width: 100%;
          height: 10em; }
          .w3-productdetail__second__card__owl-thumb__imgbox__img {
            width: 100%; }
      .w3-productdetail__second__card__owl-col {
        width: 50%;
        margin-right: 2em; }
        .w3-productdetail__second__card__owl-col-1 {
          position: relative; }
        @media only screen and (max-width: 50em) {
          .w3-productdetail__second__card__owl-col {
            width: 100%; } }
      .w3-productdetail__second__card__button {
        border: .1em solid white;
        border-radius: 50%;
        padding: 0.5em 0.5em;
        text-align: center;
        color: #e2f4ff;
        display: inline-block;
        padding: 1em 1.1em;
        background-color: black;
        outline: none;
        cursor: pointer;
        transition: all .2s; }
        .w3-productdetail__second__card__button:hover {
          background-color: rgba(255, 255, 255, 0.685);
          color: black; }
        .w3-productdetail__second__card__button-next {
          position: absolute;
          top: 50%;
          right: 0;
          margin-right: 1em;
          z-index: 2;
          transform: translateY(-50%); }
        .w3-productdetail__second__card__button__icon {
          font-size: 2em; }
        .w3-productdetail__second__card__button-prev {
          position: absolute;
          top: 50%;
          margin-left: 1em;
          z-index: 2;
          transform: translateY(-50%); }
      .w3-productdetail__second__card__imgbox {
        width: 100%;
        height: 30em;
        overflow: hidden;
        border: .1em solid #eee; }
        @media only screen and (max-width: 50em) {
          .w3-productdetail__second__card__imgbox {
            width: 100%; } }
        .w3-productdetail__second__card__imgbox__img {
          transition: all .3s ease-in-out;
          width: 100%; }
          .w3-productdetail__second__card__imgbox__img:hover {
            transform: scale(1.3); }
      .w3-productdetail__second__card__info {
        width: 45%; }
        @media only screen and (max-width: 50em) {
          .w3-productdetail__second__card__info {
            width: 100%;
            margin-top: 2em; } }
        .w3-productdetail__second__card__info__status {
          color: var(--main-color-w);
          font-size: 1.3em; }
        .w3-productdetail__second__card__info__name {
          margin-top: .5em;
          font-size: 3em;
          line-height: 1.8em; }
        .w3-productdetail__second__card__info__star {
          margin-top: 1em;
          border-bottom: .1em solid #eee;
          padding-bottom: 1em; }
          .w3-productdetail__second__card__info__star__icon {
            color: #f93;
            font-size: 1.3em; }
        .w3-productdetail__second__card__info__price {
          margin-top: 1em;
          display: flex;
          font-size: 2.5em; }
          .w3-productdetail__second__card__info__price__main {
            display: inline-block;
            font-weight: 600; }
          .w3-productdetail__second__card__info__price__sub {
            margin-left: 1em;
            text-decoration: line-through;
            display: inline-block;
            color: var(--text-color-w); }
        .w3-productdetail__second__card__info__des {
          margin-top: 1em;
          color: var(--text-color-w);
          font-size: 1.3em;
          text-align: justify;
          line-height: 1.8em; }
        .w3-productdetail__second__card__info__form {
          margin-top: 4em;
          width: 100%;
          padding-bottom: 3em;
          border-bottom: .1em solid #eee;
          display: block; }
          .w3-productdetail__second__card__info__form__input {
            padding: 1em;
            border: .1em solid #eee;
            width: 100%;
            display: block; }
          .w3-productdetail__second__card__info__form__button {
            color: white;
            background-color: #ef3636;
            border: none;
            border-radius: 2em;
            padding: 1em;
            display: block;
            width: 100%;
            margin-top: 1em;
            outline: none;
            cursor: pointer;
            font-weight: 700;
            font-size: 1.6em;
            display: flex;
            align-items: center;
            justify-content: center; }
            .w3-productdetail__second__card__info__form__button__icon {
              font-size: 1.4em;
              margin-left: .5em; }
            .w3-productdetail__second__card__info__form__button:hover {
              filter: brightness(0.8); }
        .w3-productdetail__second__card__info__cate {
          display: flex;
          padding: 1em; }
          .w3-productdetail__second__card__info__cate-row {
            margin-top: 1em; }
          .w3-productdetail__second__card__info__cate__text {
            text-transform: uppercase;
            font-weight: 300;
            font-size: 1.3em;
            font-weight: bold; }
          .w3-productdetail__second__card__info__cate__name {
            color: var(--text-color-w);
            margin-left: 1em;
            font-size: 1.3em; }
          .w3-productdetail__second__card__info__cate__icon {
            margin-left: 1em;
            font-size: 2em;
            cursor: pointer; }
    .w3-productdetail__second__add {
      padding: 5em;
      width: 100%; }
      @media only screen and (max-width: 50em) {
        .w3-productdetail__second__add {
          padding: 5em .2em; } }
      .w3-productdetail__second__add__text {
        color: var(--text-color-w);
        padding: 2em 0;
        text-align: justify;
        line-height: 2em;
        display: none;
        line-height: 1.8em;
        font-size: 1.5em;
        text-align: justify; }
        .w3-productdetail__second__add__text h2, .w3-productdetail__second__add__text h3, .w3-productdetail__second__add__text h4, .w3-productdetail__second__add__text h5, .w3-productdetail__second__add__text img, .w3-productdetail__second__add__text iframe, .w3-productdetail__second__add__text p {
          margin: .7em 0; }
        .w3-productdetail__second__add__text ul, .w3-productdetail__second__add__text ol {
          list-style: none; }
      .w3-productdetail__second__add__heading {
        display: flex;
        justify-content: center;
        border-bottom: .1em solid #eee; }
        @media only screen and (max-width: 50em) {
          .w3-productdetail__second__add__heading {
            flex-direction: column; } }
        .w3-productdetail__second__add__heading__text {
          white-space: nowrap;
          font-size: 2em;
          font-weight: 600;
          cursor: pointer;
          padding-bottom: 1em; }
          .w3-productdetail__second__add__heading__text:not(:first-child) {
            margin-left: 2em; }
            @media only screen and (max-width: 50em) {
              .w3-productdetail__second__add__heading__text:not(:first-child) {
                margin-left: 0;
                margin-bottom: 1em; } }
          .w3-productdetail__second__add__heading__text-active {
            border-bottom: 0.1em solid var(--main-color-w);
            display: block;
            z-index: 1; }
      .w3-productdetail__second__add__table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 4em;
        display: none; }
        .w3-productdetail__second__add__table__th {
          font-size: 1.4em;
          font-weight: 800;
          padding: 1em; }
        .w3-productdetail__second__add__table__td {
          padding: 1em;
          width: 50%;
          font-size: 1.3em; }
          .w3-productdetail__second__add__table__td:last-child {
            font-weight: 300; }
        .w3-productdetail__second__add__table__tr:nth-child(odd) {
          background-color: #dddddd; }
      .w3-productdetail__second__add__review {
        display: none;
        justify-content: space-between;
        padding: 2em; }
        @media only screen and (max-width: 37.5em) {
          .w3-productdetail__second__add__review {
            flex-direction: column; } }
        .w3-productdetail__second__add__review__first {
          width: 50%; }
          @media only screen and (max-width: 37.5em) {
            .w3-productdetail__second__add__review__first {
              width: 100%; } }
          .w3-productdetail__second__add__review__first-col {
            display: flex; }
          .w3-productdetail__second__add__review__first__imgbox {
            width: 10em;
            min-width: 10em;
            height: 10em; }
            .w3-productdetail__second__add__review__first__imgbox__img {
              width: 100%; }
          .w3-productdetail__second__add__review__first__comment {
            margin-left: 1em;
            margin-bottom: 2em; }
            .w3-productdetail__second__add__review__first__comment__head {
              display: flex;
              justify-content: space-between; }
              .w3-productdetail__second__add__review__first__comment__head__user__name {
                font-weight: 600;
                font-size: 1.4em; }
              .w3-productdetail__second__add__review__first__comment__head__user__date {
                color: var(--text-color-w); }
            .w3-productdetail__second__add__review__first__comment__star__icon {
              color: #f93;
              font-size: 1.4em; }
            .w3-productdetail__second__add__review__first__comment__text {
              color: var(--text-color-w);
              margin-top: 1em;
              text-align: justify;
              line-height: 1.6em;
              font-size: 1.4em; }
        .w3-productdetail__second__add__review__second {
          width: 48%; }
          @media only screen and (max-width: 37.5em) {
            .w3-productdetail__second__add__review__second {
              width: 100%;
              margin-top: 2em; } }
          .w3-productdetail__second__add__review__second sup {
            color: var(--main-color-w);
            font-size: 1.3em; }
          .w3-productdetail__second__add__review__second__title {
            font-weight: 300;
            font-size: 1.4em; }
          .w3-productdetail__second__add__review__second__textrate {
            margin-top: 2em;
            font-size: 1.4em; }
          .w3-productdetail__second__add__review__second__star {
            margin-top: 1em; }
            .w3-productdetail__second__add__review__second__star__icon {
              color: #f93;
              font-size: 1.4em; }
          .w3-productdetail__second__add__review__second__textreview {
            margin-top: 1em;
            font-size: 1.4em; }
          .w3-productdetail__second__add__review__second__textarea {
            width: 100%;
            height: 10em;
            margin-top: .5em;
            padding: .5em; }
          .w3-productdetail__second__add__review__second__textform {
            display: flex;
            justify-content: space-between;
            padding: 1em 0;
            width: 100%; }
            .w3-productdetail__second__add__review__second__textform__name {
              width: 48%;
              display: block; }
              .w3-productdetail__second__add__review__second__textform__name__info {
                font-weight: 300; }
              .w3-productdetail__second__add__review__second__textform__name__input {
                margin-top: .5em;
                display: inline-block;
                width: 100%;
                padding: .5em; }
          .w3-productdetail__second__add__review__second__button {
            color: white;
            background-color: var(--main-color-w);
            border: none;
            border-radius: .2em;
            padding: 1em;
            margin-left: auto;
            display: block;
            width: 100%;
            outline: none;
            cursor: pointer;
            text-transform: capitalize;
            font-weight: 700;
            font-size: 1.4em; }
            .w3-productdetail__second__add__review__second__button:hover {
              filter: brightness(0.8); }

.w4-topbar {
  position: relative;
  width: 100%;
  padding: 3em 1em;
  background-color: black;
  color: var(--text-color-w); }
  .w4-topbar__group {
    max-width: 120em;
    display: flex;
    justify-content: space-between;
    margin: 0 auto; }
  .w4-topbar__info {
    color: white; }
    .w4-topbar__info__icon {
      font-size: 1.5em; }
    .w4-topbar__info__text {
      font-weight: 300;
      font-size: 1.4em; }
  .w4-topbar__link {
    color: white; }
    .w4-topbar__link__svgbox {
      cursor: pointer;
      padding: 0.5em; }
      .w4-topbar__link__svgbox__icon {
        font-size: 1.5em; }

.w4-banner {
  position: relative;
  width: 100%;
  color: var(--text-color-w);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .w4-banner__img-slider {
    width: 100%;
    background-position: center;
    background-size: cover; }
    .w4-banner__img-slider__img {
      width: 100%; }
  .w4-banner__button {
    background-color: rgba(48, 47, 47, 0.849);
    border: none;
    padding: 1em 1.4em;
    text-align: center;
    color: white;
    border-radius: 50%;
    display: inline-block; }
    .w4-banner__button:hover {
      background-color: rgba(48, 47, 47, 0.39); }
    .w4-banner__button__icon {
      font-size: 1.4em; }
    .w4-banner__button-next {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      margin-right: 1em;
      z-index: 2; }
    .w4-banner__button-prev {
      position: absolute;
      top: 50%;
      margin-left: 1em;
      transform: translateY(-50%);
      z-index: 2; }
  .w4-banner__group {
    margin: 0 auto;
    top: 30%;
    z-index: 100;
    position: absolute;
    width: 100%; }
    @media only screen and (max-width: 37.5em) {
      .w4-banner__group {
        top: 10%; } }
  .w4-banner__form {
    max-width: 100em;
    margin: 0 auto; }
    @media only screen and (max-width: 37.5em) {
      .w4-banner__form {
        font-size: 1em; } }
    .w4-banner__form__info {
      color: white; }
      .w4-banner__form__info__name {
        background-color: var(--main-color-w);
        padding: 1em 2em;
        font-size: 1.6em;
        font-weight: 600;
        display: inline-block !important; }
      .w4-banner__form__info__des {
        background-color: #333;
        padding: 1em 2em;
        font-size: 1.6em;
        font-weight: 600;
        display: inline-block; }
    .w4-banner__form__para {
      background-color: white;
      padding: 2em 1em;
      width: 50em; }
      @media only screen and (max-width: 37.5em) {
        .w4-banner__form__para {
          width: auto !important; } }
      .w4-banner__form__para--1 {
        font-size: 2em;
        cursor: pointer;
        font-weight: 600;
        text-decoration: none;
        color: var(--main-color-w); }
      .w4-banner__form__para--2 {
        margin-top: 1em;
        font-weight: 300; }
        @media only screen and (max-width: 37.5em) {
          .w4-banner__form__para--2 {
            font-size: 1em !important; } }

.w4-menu {
  position: relative;
  width: 100%;
  background-color: white;
  color: var(--text-color-w);
  height: 8em; }
  .w4-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%; }
  @media only screen and (min-width: 37.5em) {
    .w4-menu__ab {
      position: absolute;
      background-color: transparent;
      z-index: 2; }
      .w4-menu__ab a {
        color: white !important; } }
  .w4-menu__nav__checkbox {
    display: none; }
  @media only screen and (max-width: 37.5em) {
    .w4-menu__nav__checkbox:checked ~ .w4-menu__items {
      display: inline-block; } }
  .w4-menu__iconbox {
    width: 6em;
    align-self: center;
    text-align: center; }
    @media only screen and (min-width: 37.5em) {
      .w4-menu__iconbox {
        display: none; } }
    .w4-menu__iconbox__icon {
      font-size: 3em;
      color: var(--main-color-w); }
  .w4-menu__logobox {
    padding: 1em;
    width: 20em;
    height: 100%; }
    .w4-menu__logobox__img {
      max-width: 100%;
      max-height: 6.5em; }
    @media only screen and (max-width: 37.5em) {
      .w4-menu__logobox {
        max-width: 11em; } }
  .w4-menu__items {
    display: flex;
    list-style: none;
    align-items: center;
    position: relative; }
    @media only screen and (max-width: 37.5em) {
      .w4-menu__items {
        display: none;
        flex-direction: column;
        position: absolute;
        z-index: 2;
        top: 8em;
        right: 0;
        background-color: black;
        color: white !important;
        height: 100vh;
        overflow: scroll; } }
    .w4-menu__items__item {
      font-size: 1.2em;
      font-weight: 400;
      position: relative;
      text-transform: uppercase;
      text-align: left;
      white-space: nowrap; }
      .w4-menu__items__item a {
        text-decoration: none;
        color: #868686;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 2em 1em;
        display: block; }
        @media only screen and (max-width: 37.5em) {
          .w4-menu__items__item a {
            color: white !important;
            display: block; } }
      .w4-menu__items__item__dropmenu {
        list-style: none;
        position: absolute;
        z-index: 2;
        background-color: black;
        top: 5em;
        color: white;
        right: 0;
        clear: both; }
        @media only screen and (max-width: 37.5em) {
          .w4-menu__items__item__dropmenu {
            visibility: visible;
            position: relative;
            top: 0;
            padding: 0 1em; } }
        .w4-menu__items__item__dropmenu--1 {
          visibility: hidden; }
          @media only screen and (max-width: 37.5em) {
            .w4-menu__items__item__dropmenu--1 {
              visibility: visible;
              position: relative;
              top: 0; } }
        .w4-menu__items__item__dropmenu--2 {
          visibility: hidden; }
          @media only screen and (max-width: 37.5em) {
            .w4-menu__items__item__dropmenu--2 {
              visibility: visible;
              position: relative;
              top: 0; } }
        .w4-menu__items__item__dropmenu--3 {
          visibility: hidden; }
        .w4-menu__items__item__dropmenu__child {
          width: 20em;
          position: relative;
          clear: both;
          text-transform: uppercase;
          text-overflow: ellipsis; }
          .w4-menu__items__item__dropmenu__child a {
            white-space: nowrap;
            color: white !important;
            font-weight: 300;
            text-transform: uppercase;
            text-overflow: ellipsis;
            overflow: hidden;
            padding: 2em 1em;
            display: block; }
        .w4-menu__items__item__dropmenu-child {
          position: absolute;
          top: 0;
          left: -20em;
          width: 20em; }
          @media only screen and (max-width: 37.5em) {
            .w4-menu__items__item__dropmenu-child {
              visibility: visible;
              position: relative;
              left: 0; } }
        .w4-menu__items__item__dropmenu__child--1:hover .w4-menu__items__item__dropmenu--2 {
          animation: moveToBottom 0.2s;
          visibility: visible; }
        .w4-menu__items__item__dropmenu__child--2:hover .w4-menu__items__item__dropmenu--3 {
          animation: moveToBottom 0.2s;
          visibility: visible; }
    .w4-menu__items__item:hover .w4-menu__items__item__dropmenu--1 {
      animation: moveToBottom 0.2s;
      visibility: visible; }
    .w4-menu__items__item:hover a {
      background-color: black;
      color: white; }

.w4-search {
  position: relative;
  width: 100%;
  padding: 2em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w4-search__group {
    margin: 0 auto;
    max-width: 120em; }
  .w4-search__form {
    width: 17%;
    margin-bottom: 1em;
    margin-top: 1em;
    background-color: white;
    border: .1em solid #eee;
    border-radius: .3em;
    display: flex;
    align-items: center;
    margin-right: 1em;
    position: relative; }
    @media only screen and (max-width: 50em) {
      .w4-search__form {
        width: 100%;
        margin-top: 1em; } }
    @media only screen and (max-width: 37.5em) {
      .w4-search__form {
        width: 100%;
        margin-right: 0; } }
    .w4-search__form:hover {
      border: 0.1em solid var(--main-color-w); }
    .w4-search__form__icon {
      color: var(--main-color-w);
      font-size: 1.3em;
      margin-right: 0em;
      margin-left: 1em; }
      .w4-search__form__icon-right {
        margin-left: auto;
        float: right;
        color: var(--main-color-w);
        font-size: 1.3em;
        margin-right: .5em; }
    .w4-search__form__input {
      border: none;
      outline: none;
      width: 100%;
      margin: .7em; }
    .w4-search__form__items {
      margin: 1em;
      list-style: none;
      width: 100%;
      background-color: white; }
      .w4-search__form__items__item {
        width: 100%; }
        .w4-search__form__items__item__checkbox-sl {
          display: none; }
        .w4-search__form__items__item__text {
          font-size: 1.2em;
          margin-right: .5em;
          width: 100%;
          white-space: nowrap;
          display: block;
          cursor: pointer; }
      .w4-search__form__items__item__checkbox-sl:checked ~ .w4-search__form__items-1 {
        display: block; }
      .w4-search__form__items-1 {
        list-style: none;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 4em;
        background-color: transparent;
        overflow: hidden;
        background-color: white;
        border: .1em solid #eee;
        border-radius: .5em;
        z-index: 3; }
        .w4-search__form__items-1__item {
          cursor: pointer;
          padding: 1em;
          width: 100%; }
          .w4-search__form__items-1__item:hover {
            background-color: #eee; }
          .w4-search__form__items-1__item__text {
            font-size: 1.2em;
            margin-right: .5em;
            white-space: nowrap; }
            .w4-search__form__items-1__item__text-active {
              font-weight: 700; }
  .w4-search__bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 37.5em) {
      .w4-search__bar {
        display: block; } }
    .w4-search__bar__button {
      border: none;
      background-color: var(--main-color-w);
      color: white;
      text-transform: uppercase;
      padding: 1em;
      font-weight: 600;
      display: block;
      text-align: center;
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      cursor: pointer;
      width: 100%;
      font-size: 1em; }
      @media only screen and (max-width: 37.5em) {
        .w4-search__bar__button {
          width: 100%;
          padding: 1em; } }
    @media only screen and (max-width: 37.5em) {
      .w4-search__bar__item {
        margin-top: 1em; } }
    .w4-search__bar__item__info {
      padding: 1em;
      border: .1em solid #f5f5f5;
      color: #777;
      width: 100%; }
      .w4-search__bar__item__info__li {
        font-weight: 300;
        display: none; }
      .w4-search__bar__item__info__text:hover .w4-search__bar__item__info__li {
        display: block; }
    .w4-search__bar__item__text {
      font-weight: 300;
      height: 3em; }

.w4-product {
  position: relative;
  max-width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w4-product__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 1fr));
    grid-template-rows: repeat(2, minmax(5em, 1fr));
    grid-gap: 2em;
    max-height: 40em; }
    @media only screen and (max-width: 37.5em) {
      .w4-product__group {
        grid-template-columns: repeat(2, minmax(10em, 1fr));
        grid-template-rows: repeat(4, minmax(5em, 1fr)); } }
  .w4-product__card {
    overflow: hidden;
    position: relative; }
    .w4-product__card figure {
      transform: scale(1.3); }
    .w4-product__card__img {
      width: 100%; }
    .w4-product__card:hover figure {
      transition: all .5s;
      transform: scale(1.2) translateX(2em); }
    .w4-product__card__text {
      position: absolute;
      bottom: 0;
      padding: 2em;
      background-color: rgba(0, 0, 0, 0.6);
      color: white;
      width: 100%;
      transition: all .5s; }
      @media only screen and (max-width: 50em) {
        .w4-product__card__text {
          padding: .5em; } }
      .w4-product__card__text__name {
        font-size: 1.4em;
        margin-bottom: 1em; }
        @media only screen and (max-width: 62.5em) {
          .w4-product__card__text__name {
            font-size: 1.2em; } }
        @media only screen and (max-width: 43.75em) {
          .w4-product__card__text__name {
            font-size: 1em; } }
      .w4-product__card__text__des {
        font-size: 1.4em;
        font-weight: 300; }
        @media only screen and (max-width: 43.75em) {
          .w4-product__card__text__des {
            font-size: .8em; } }
    .w4-product__card__main-card {
      grid-row: 1 / span 2;
      grid-column: 1 /span 2; }
      .w4-product__card__main-card__imgbox {
        height: 40em; }
    .w4-product__card__child-card__imgbox {
      height: 100%; }
    .w4-product__card__child-card--1 {
      grid-row: 1 / 2;
      grid-column: 3 / 4; }
      @media only screen and (max-width: 37.5em) {
        .w4-product__card__child-card--1 {
          grid-row: 3 / 4;
          grid-column: 1 / 2; } }
    .w4-product__card__child-card--2 {
      grid-row: 1 / 2;
      grid-column: 4 / 5; }
      @media only screen and (max-width: 37.5em) {
        .w4-product__card__child-card--2 {
          grid-row: 3 / 4;
          grid-column: 2 / 3; } }
    .w4-product__card__child-card--3 {
      grid-row: 2 / 3;
      grid-column: 3 / 4; }
      @media only screen and (max-width: 37.5em) {
        .w4-product__card__child-card--3 {
          grid-row: 4 / 5;
          grid-column: 1 / 2; } }
    .w4-product__card__child-card--4 {
      grid-row: 2 / 3;
      grid-column: 4 / 5; }
      @media only screen and (max-width: 37.5em) {
        .w4-product__card__child-card--4 {
          grid-row: 4 / 5;
          grid-column: 2 / 3; } }
    @media only screen and (max-width: 37.5em) {
      .w4-product__card__child-card__text__name {
        font-size: 1.1em; } }
    @media only screen and (max-width: 37.5em) {
      .w4-product__card__child-card__text__des {
        font-size: 0.8em; } }

.w4-product-1 {
  position: relative;
  max-width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w4-product-1__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em; }
  .w4-product-1__title {
    display: block;
    margin-top: 1em; }
    .w4-product-1__title__heading {
      display: block;
      font-size: 3em;
      font-weight: 800; }
    .w4-product-1__title__item {
      margin-top: 2em; }
      .w4-product-1__title__item__text {
        margin-bottom: 1em;
        display: inline-block;
        padding: 1em 2em;
        border: 0.1em solid #333;
        cursor: pointer; }
  .w4-product-1__card {
    display: flex;
    margin-top: 3em;
    flex-wrap: wrap;
    padding-left: 1%; }
    .w4-product-1__card__item {
      width: 32%;
      overflow: hidden; }
      @media only screen and (max-width: 37.5em) {
        .w4-product-1__card__item {
          width: 47%; } }
      @media only screen and (max-width: 25em) {
        .w4-product-1__card__item {
          width: 46%; } }
      .w4-product-1__card__item:not(:last-child) {
        margin-right: 1em; }
      .w4-product-1__card__item:hover {
        box-shadow: 0.1em 0.1em 1em 0.1em #999; }
      .w4-product-1__card__item__content {
        position: relative;
        overflow: hidden; }
        .w4-product-1__card__item__content__imgbox {
          max-width: 100%;
          transform: scale(1.3);
          height: 27em; }
        .w4-product-1__card__item__content__price {
          bottom: 0;
          position: absolute;
          color: white; }
          .w4-product-1__card__item__content__price__main {
            background-color: #ff0000;
            display: inline-block;
            padding: 0.5em 1em; }
          .w4-product-1__card__item__content__price__sub {
            margin-left: -.3em;
            display: inline-block;
            background-color: #333333;
            padding: 0.5em 1em; }
      .w4-product-1__card__item__info {
        padding: 1em; }
        .w4-product-1__card__item__info--1 {
          font-size: 1.6em;
          display: block; }
          @media only screen and (max-width: 37.5em) {
            .w4-product-1__card__item__info--1 {
              font-size: 1.2em; } }
        .w4-product-1__card__item__info--2 {
          margin-top: 1em;
          font-weight: 300; }
      .w4-product-1__card__item__des {
        border-top: .1em solid #f5f5f5;
        padding: 1em;
        display: flex;
        justify-content: space-between; }
        .w4-product-1__card__item__des__room {
          display: flex; }
          .w4-product-1__card__item__des__room__child {
            align-items: center;
            display: flex;
            margin-left: 1em; }
          .w4-product-1__card__item__des__room__icon {
            font-size: 2em; }
            @media only screen and (max-width: 37.5em) {
              .w4-product-1__card__item__des__room__icon {
                font-size: 1.5em; } }
          .w4-product-1__card__item__des__room__text {
            margin-left: 1em; }
    .w4-product-1__card__item:hover .w4-product-1__card__item__content__imgbox {
      transition: all .2s;
      transform: scale(1.4) translateX(1em); }

.w4-teamus {
  position: relative;
  width: 100%;
  background-color: white;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w4-teamus__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em; }
  .w4-teamus__title {
    font-size: 3em;
    font-weight: 600; }
  .w4-teamus__item {
    margin-top: 2em;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 37.5em) {
      .w4-teamus__item {
        display: block; } }
    .w4-teamus__item__card {
      margin-top: 1em;
      display: flex;
      max-width: 49%;
      padding: 1.5em;
      border: 0.1em solid #333; }
      .w4-teamus__item__card:not(:last-child) {
        margin-right: 1em; }
      @media only screen and (max-width: 37.5em) {
        .w4-teamus__item__card {
          max-width: 100%;
          margin-right: 0 !important; } }
      .w4-teamus__item__card__imgbox {
        max-width: 25em;
        min-width: 25em;
        height: 25em; }
        .w4-teamus__item__card__imgbox__img {
          max-width: 100%; }
      .w4-teamus__item__card__info {
        margin-left: 1em; }
        .w4-teamus__item__card__info__text {
          font-weight: 300;
          margin-bottom: 1em;
          font-size: 1.4em; }
        .w4-teamus__item__card__info__name {
          font-weight: 800;
          font-size: 1.4em;
          margin-bottom: 1em; }
        .w4-teamus__item__card__info__office {
          margin-bottom: 1em;
          display: flex;
          align-items: center; }
          .w4-teamus__item__card__info__office__icon {
            font-size: 1.5em; }
          .w4-teamus__item__card__info__office__text {
            font-weight: 300;
            font-size: 1.4em;
            margin-left: 0.5em; }

.w4-aboutus {
  position: relative;
  width: 100%;
  background-color: white;
  color: var(--text-color-w); }
  .w4-aboutus__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w4-aboutus__group {
        display: block; } }
  .w4-aboutus__first {
    max-width: 33%;
    padding: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w4-aboutus__first {
        max-width: 100%; } }
    .w4-aboutus__first__title {
      font-size: 3em;
      font-weight: 600;
      white-space: nowrap; }
    .w4-aboutus__first__imgbox {
      margin-top: 2em;
      max-width: 100%;
      height: 26em; }
      .w4-aboutus__first__imgbox__img {
        max-width: 100%; }
    .w4-aboutus__first__para {
      margin-top: 2em;
      font-weight: 300;
      font-size: 1.3em; }
    .w4-aboutus__first__btn {
      margin-top: 2em;
      padding: 1em 2em;
      text-transform: uppercase;
      border: 0.2em solid black;
      font-weight: 600;
      background: white;
      cursor: pointer;
      display: inline-block; }
  .w4-aboutus__second {
    max-width: 33%;
    padding: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w4-aboutus__second {
        max-width: 100%; } }
    .w4-aboutus__second__drop {
      margin-top: 1em;
      transition: ease-in-out .2s;
      border: 0.1em solid #f5f5f5;
      padding: 1em;
      max-height: 6em;
      overflow: hidden; }
      .w4-aboutus__second__drop__title__checkbox:checked ~ .w4-aboutus__second__drop {
        max-height: 20em; }
      .w4-aboutus__second__drop__title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer; }
        .w4-aboutus__second__drop__title__text {
          text-transform: uppercase;
          font-size: 1.4em;
          position: relative; }
        .w4-aboutus__second__drop__title__icon {
          display: inline-block;
          transform: translateY(-0.2em); }
          .w4-aboutus__second__drop__title__icon::after {
            content: "-";
            font-size: 3em; }
      .w4-aboutus__second__drop__para {
        margin-top: 2em;
        font-weight: 300;
        font-size: 1.3em; }
    .w4-aboutus__second__checkbox {
      display: none; }
    .w4-aboutus__second__checkbox:checked + .w4-aboutus__second__drop .w4-aboutus__second__drop__title .w4-aboutus__second__drop__title__icon::after {
      content: "+";
      font-size: 3em; }
    .w4-aboutus__second__checkbox:checked + .w4-aboutus__second__drop {
      max-height: 20em; }
  .w4-aboutus__third {
    padding: 1em;
    max-width: 33%;
    position: relative; }
    @media only screen and (max-width: 37.5em) {
      .w4-aboutus__third {
        max-width: 100%; } }
    .w4-aboutus__third__button {
      background-color: white;
      border: none;
      padding: 0.5em 0.5em;
      text-align: center;
      color: black;
      border-radius: 50%;
      font-size: 1.4em;
      display: inline-block;
      width: 3em;
      height: 3em;
      cursor: pointer; }
      .w4-aboutus__third__button:hover {
        background-color: var(--hover-color-w);
        color: white; }
      .w4-aboutus__third__button svg {
        text-align: center;
        width: 100%;
        height: 100%; }
      .w4-aboutus__third__button-next {
        position: absolute;
        top: 45%;
        right: 2em;
        z-index: 2; }
      .w4-aboutus__third__button-prev {
        position: absolute;
        top: 45%;
        left: 2em;
        z-index: 2; }
    .w4-aboutus__third__card {
      margin-top: 1em;
      background-color: #333;
      text-align: center;
      color: white;
      padding: 2em; }
      .w4-aboutus__third__card__imgbox {
        margin: 0 auto;
        max-width: 15em;
        border-radius: 50%;
        overflow: hidden;
        max-height: 15em;
        height: 15em; }
        .w4-aboutus__third__card__imgbox__img {
          max-width: 100%; }
      .w4-aboutus__third__card__info--1 {
        margin-top: 2em;
        font-weight: 600;
        font-size: 1.4em;
        color: var(--main-color-w); }
      .w4-aboutus__third__card__info--2 {
        margin-top: 2em;
        font-weight: 600;
        font-size: 1.3em; }
      .w4-aboutus__third__card__info--3 {
        font-weight: 600;
        font-size: 1.3em;
        text-align: center;
        position: relative; }
        .w4-aboutus__third__card__info--3__quote::before {
          content: "\201C";
          font-size: 2em;
          display: inline-block;
          top: 0.5em;
          left: 50%;
          transform: translateX(-50%);
          position: absolute; }
        .w4-aboutus__third__card__info--3__quote {
          display: inline-block; }
      .w4-aboutus__third__card__info--4 {
        margin-top: 2em;
        font-size: 1.5em; }

.w4-footer {
  position: relative;
  width: 100%;
  background-color: black;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w4-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    padding: 0 1em; }
    @media only screen and (max-width: 37.5em) {
      .w4-footer__group {
        display: block; } }
  .w4-footer-col {
    display: flex;
    color: white;
    width: 70%;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w4-footer-col {
        width: 100%; } }
    .w4-footer-col:first-child {
      width: 30%; }
      @media only screen and (max-width: 37.5em) {
        .w4-footer-col:first-child {
          width: 100%; } }
  .w4-footer__item {
    width: 33%;
    color: white;
    padding: 0 1em; }
    .w4-footer__item-first {
      width: 100%; }
    @media only screen and (max-width: 37.5em) {
      .w4-footer__item {
        width: 100%; } }
    .w4-footer__item__title {
      margin-top: 2em;
      text-transform: uppercase;
      font-size: 1.4em;
      fill: white; }
    .w4-footer__item__des {
      margin-top: 2em;
      font-size: 1.4em;
      font-weight: 300; }
    .w4-footer__item__contact {
      margin-top: 2em; }
      .w4-footer__item__contact__info__icon {
        fill: white;
        font-size: 2em; }
    .w4-footer__item__link {
      margin-top: 2em; }
      .w4-footer__item__link a {
        display: block;
        color: white;
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
        margin: .5em 0; }

.w5-menu {
  width: 100%;
  display: block;
  overflow: visible;
  z-index: 4;
  background-color: var(--main-color-w);
  color: var(--text-color-w);
  position: relative; }
  @media only screen and (min-width: 37.5em) {
    .w5-menu__ab {
      position: absolute;
      background-color: transparent; } }
  .w5-menu__scroll-menu {
    background-color: var(--main-color-w);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important; }
    .w5-menu__scroll-menu figure {
      border-radius: .4em; }
  .w5-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w5-menu__group {
        padding: 1em; } }
  .w5-menu__logobox {
    text-align: center;
    height: 9em;
    max-height: 9em;
    width: 11em; }
    .w5-menu__logobox__img {
      max-width: 100%; }
  .w5-menu__nav__icon {
    display: none; }
    @media only screen and (max-width: 50em) {
      .w5-menu__nav__icon {
        display: inline-block; } }
  .w5-menu__nav__checkbox {
    display: none; }
  .w5-menu__nav__checkbox:checked ~ .w5-menu__items {
    visibility: visible;
    opacity: 1; }
  .w5-menu__items {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 50em) {
      .w5-menu__items {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.9);
        right: 0;
        top: 11em;
        display: block;
        width: 100%;
        transition: all .2s;
        overflow-y: scroll;
        padding: 1em;
        height: 100vh; } }
    .w5-menu__items__item {
      color: white;
      padding: 1em 2em;
      font-size: 1.6em;
      font-weight: 700;
      list-style: none;
      cursor: pointer;
      position: relative;
      max-height: 10em;
      line-height: 5em;
      text-align: center;
      white-space: nowrap; }
      @media only screen and (max-width: 50em) {
        .w5-menu__items__item {
          max-height: 100%;
          text-align: left; } }
      .w5-menu__items__item__drop {
        border-top: 0.3em solid var(--main-color-w);
        background-color: white;
        color: black;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        height: max-content;
        padding: 1em 2em;
        list-style: none;
        text-align: left;
        top: 7em;
        z-index: 2;
        font-size: 1em; }
        .w5-menu__items__item__drop i {
          margin-left: auto;
          float: right;
          line-height: 5em; }
        @media only screen and (max-width: 50em) {
          .w5-menu__items__item__drop {
            opacity: 0;
            position: relative;
            visibility: visible;
            right: 0;
            display: none;
            width: 100%;
            transition: all .2s;
            top: 0; } }
        .w5-menu__items__item__drop__li {
          white-space: nowrap;
          min-width: 15em;
          height: 5em;
          line-height: 5em;
          text-overflow: ellipsis;
          overflow: hidden; }
        .w5-menu__items__item__drop--2 {
          top: -0.3em;
          left: 17em;
          position: absolute; }
          @media only screen and (max-width: 50em) {
            .w5-menu__items__item__drop--2 {
              position: relative;
              left: 0; } }
        .w5-menu__items__item__drop__li:hover .w5-menu__items__item__drop--2 {
          visibility: visible;
          transition: all .5s;
          opacity: 1;
          display: block; }
    .w5-menu__items__item:hover .w5-menu__items__item__drop--1 {
      visibility: visible;
      transition: all .5s;
      opacity: 1;
      display: block; }
    .w5-menu__items__button {
      padding: 2em;
      border-radius: 3em;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1.3em;
      border: 0.2em solid var(--main-color-w);
      background-color: transparent;
      color: white;
      transition: all .2s; }
      .w5-menu__items__button:hover {
        background-color: transparent;
        border: .2em solid white; }
      @media only screen and (max-width: 50em) {
        .w5-menu__items__button {
          width: 100%;
          display: block;
          text-align: center; } }
    .w5-menu__items__lang {
      list-style: none;
      margin-left: 1em;
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w5-menu__items__lang {
          margin: 0; } }
      .w5-menu__items__lang__imgbox {
        cursor: pointer;
        margin-top: .2em;
        width: 3em;
        min-width: 3em;
        padding: 2em 0; }
        @media only screen and (max-width: 50em) {
          .w5-menu__items__lang__imgbox {
            margin: 0 auto; } }
      .w5-menu__items__lang:hover .w5-menu__items__lang__items {
        display: block; }
      .w5-menu__items__lang__items {
        position: absolute;
        width: 100%;
        left: 0;
        top: 5em;
        display: none; }
        @media only screen and (max-width: 50em) {
          .w5-menu__items__lang__items {
            transform: translateX(-1.5em);
            left: 50%; } }
        .w5-menu__items__lang__items__imgbox {
          cursor: pointer;
          width: 3em;
          min-width: 3em;
          transition: all .2s ease; }
          .w5-menu__items__lang__items__imgbox:hover {
            transform: scale(1.3); }
  .w5-menu__hover__box--1:hover {
    color: black; }
  .w5-menu__hover__box--1:hover .w5-menu__hover__box--1__svg {
    color: black; }
  .w5-menu__hover__box--2:hover {
    color: var(--main-color-w); }
  .w5-menu__hover__box--2:hover .w5-menu__hover__box--2__svg {
    color: var(--main-color-w); }

.w5-banner {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  background-clip: padding-box;
  background-clip: border-box;
  color: var(--text-color-w); }
  .w5-banner-row {
    max-width: 120em;
    color: white;
    margin: 0 auto;
    padding: 4em 1em 10em 1em; }
  .w5-banner__group {
    text-align: center;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 37.5em) {
      .w5-banner__group {
        left: auto; } }
  .w5-banner__heading {
    margin-top: 2em;
    font-size: 5em;
    font-weight: 800; }
  .w5-banner__line {
    margin-top: 2em;
    border-bottom: 0.1em solid var(--main-color-w);
    display: inline-block;
    width: 20em; }
  .w5-banner__des {
    margin-top: 2em;
    font-size: 2.5em; }
  .w5-banner__btn {
    margin-top: 4em;
    background-color: white;
    border-radius: 4em;
    font-size: 1.8em;
    padding: 2em;
    font-weight: 800;
    border: none;
    cursor: pointer;
    transition: all .2s;
    display: inline-block;
    color: black; }
    .w5-banner__btn:hover {
      background-color: transparent;
      color: white;
      border: 0.1em solid white; }

.w5-services {
  width: 100%;
  padding: 3em 1em;
  background-color: #F8F8F8;
  color: var(--text-color-w); }
  .w5-services__group {
    max-width: 120em;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr); }
    @media only screen and (max-width: 37.5em) {
      .w5-services__group {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr); } }
  .w5-services__main {
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
    padding: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w5-services__main {
        grid-row: 1 / span 2;
        grid-column: 1 / 2;
        text-align: center; } }
    .w5-services__main__heading {
      font-weight: 600;
      font-size: 2.5em; }
    .w5-services__main__line {
      margin-top: 2em;
      width: 15em;
      border-bottom: 0.2em solid var(--main-color-w); }
    .w5-services__main__para {
      margin-top: 2em;
      font-weight: 300;
      font-size: 1.4em;
      line-height: 1.8em; }
    .w5-services__main__button {
      margin-top: 4em;
      padding: 1.5em 2em;
      border: 0.2em solid var(--main-color-w);
      border-radius: 3em;
      color: var(--main-color-w);
      font-weight: 600;
      background-color: transparent;
      font-size: 1.2em;
      cursor: pointer;
      display: inline-block; }
  .w5-services__sub {
    padding: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w5-services__sub {
        margin-top: 1em;
        text-align: center; } }
    .w5-services__sub__icon {
      font-size: 4em;
      color: var(--main-color-w); }
    .w5-services__sub__heading {
      font-weight: 800;
      font-size: 1.5em;
      margin-top: 1em; }
    .w5-services__sub__para {
      margin-top: 2em;
      font-weight: 300;
      font-size: 1.2em; }
    .w5-services__sub--1 {
      grid-row: 1 / 2;
      grid-column: 3 / 4; }
      @media only screen and (max-width: 37.5em) {
        .w5-services__sub--1 {
          grid-row: 3 / 4;
          grid-column: 1 / 2; } }

.w5-project {
  width: 100%;
  padding: 2em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w5-project__group {
    max-width: 120em;
    margin: 0 auto; }
  .w5-project__heading {
    text-align: center;
    display: block; }
    .w5-project__heading__main {
      font-weight: 700;
      font-size: 3em;
      line-height: 1.6em; }
    .w5-project__heading__line {
      margin-top: 2em;
      border-bottom: 0.2em solid var(--main-color-w);
      width: 15em;
      display: inline-block; }
    .w5-project__heading__sub {
      margin-top: 2em;
      font-weight: 300;
      font-size: 1.5em;
      line-height: 1.8em; }
  .w5-project__item {
    margin-top: 2em;
    display: grid;
    grid-template-columns: repeat(3, minmax(20em, 1fr));
    grid-template-rows: repeat(3, minmax(30em, 1fr));
    grid-gap: 2em; }
    @media only screen and (max-width: 37.5em) {
      .w5-project__item {
        grid-template-columns: repeat(3, minmax(10em, 1fr));
        grid-template-rows: repeat(3, minmax(15em, 1fr));
        grid-gap: 1em; } }
    .w5-project__item__card {
      position: relative;
      border-radius: 2em;
      overflow: hidden;
      transition: all .5s; }
      .w5-project__item__card--1 {
        grid-row: 1/ span 2;
        grid-column: 1/2;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .w5-project__item__card--2 {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        grid-row: 1 / 2;
        grid-column: 2 / 3; }
      .w5-project__item__card--3 {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        grid-row: 1 / 2;
        grid-column: 3 / 4; }
      .w5-project__item__card--4 {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        grid-row: 2 / 3;
        grid-column: 2 / 3; }
      .w5-project__item__card--5 {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        grid-row: 2 / span 2;
        grid-column: 3 / 4; }
      .w5-project__item__card--6 {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        grid-row: 3 / 4;
        grid-column: 2 / 3; }
      .w5-project__item__card--7 {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        grid-row: 3 / 4;
        grid-column: 1 / 2; }
      @media only screen and (max-width: 37.5em) {
        .w5-project__item__card {
          border-radius: 1em; } }
      .w5-project__item__card__imgbox {
        max-width: 39em; }
        .w5-project__item__card__imgbox__img {
          max-width: 100%; }
      .w5-project__item__card__info {
        position: absolute;
        top: 50%;
        text-align: center;
        width: 100%;
        color: white;
        display: none; }
        .w5-project__item__card__info__name {
          font-size: 1.7em; }
        .w5-project__item__card__info__des {
          margin-top: 2em;
          font-size: 1.4em;
          font-weight: 300; }
      .w5-project__item__card__overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        transition: all .2s; }
      .w5-project__item__card:hover .w5-project__item__card__overlay {
        background-color: var(--hover-color-w); }
      .w5-project__item__card:hover .w5-project__item__card__info {
        display: block; }
      .w5-project__item__card:hover .w5-project__item__card__imgbox__img {
        transition: all .2s;
        opacity: 0; }

.w5-teamus {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w5-teamus__group {
    max-width: 120em;
    margin: 0 auto; }
  .w5-teamus__item {
    margin-top: 4em;
    display: flex;
    gap: 2%;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w5-teamus__item {
        flex-direction: column;
        align-items: center; } }
    .w5-teamus__item__card {
      margin-top: 2em;
      width: 32%;
      position: relative;
      overflow: hidden;
      border: 0.2em solid #eee;
      border-radius: 1em;
      text-align: center;
      display: block;
      max-height: 40em; }
      @media only screen and (max-width: 37.5em) {
        .w5-teamus__item__card {
          max-height: 100%;
          width: 65%; } }
      .w5-teamus__item__card__imgbox {
        width: 100%;
        height: 40em; }
        .w5-teamus__item__card__imgbox__img {
          max-width: 100%; }
      .w5-teamus__item__card__bg {
        background-color: transparent;
        width: 15em;
        height: 15em;
        border-radius: 50%;
        position: absolute;
        top: 10%;
        margin: 0 auto;
        left: calc((100% - 15em) / 2);
        box-shadow: 0 0 0 50em #f8f8f8;
        transition: all .4s; }
      .w5-teamus__item__card:hover .w5-teamus__item__card__bg {
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
        top: 0; }
      .w5-teamus__item__card:hover .w5-teamus__item__card__info {
        opacity: 0; }
      .w5-teamus__item__card__info {
        position: absolute;
        top: 65%;
        transition: all .3s; }
        .w5-teamus__item__card__info--1 {
          font-size: 1.6em;
          font-weight: 600; }
        .w5-teamus__item__card__info--2 {
          font-weight: 300;
          font-size: 1.2em;
          margin-top: .5em; }
        .w5-teamus__item__card__info--3 {
          margin-top: 2em;
          font-weight: 300;
          font-size: 1.2em; }

.w5-awards {
  width: 100%;
  background-color: #1F1F1F;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w5-awards__group {
    max-width: 120em;
    margin: 0 auto; }
  .w5-awards__items {
    display: flex;
    justify-content: space-between;
    margin-top: 4em; }
    @media only screen and (max-width: 37.5em) {
      .w5-awards__items {
        flex-direction: column;
        align-items: center; } }
    .w5-awards__items__item {
      margin-top: 2em;
      width: 31%;
      text-align: center; }
      .w5-awards__items__item__icon {
        font-size: 5em;
        color: var(--main-color-w); }
      .w5-awards__items__item__info--1 {
        margin-top: 1em;
        font-size: 5em;
        text-align: center;
        display: flex;
        justify-content: center; }
      .w5-awards__items__item__info--2 {
        margin-top: 2em;
        text-transform: uppercase;
        color: #858585;
        font-size: 1.4em; }

.w5-testimonials {
  width: 100%;
  display: block;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w5-testimonials__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  .w5-testimonials__imgbox {
    width: 40%;
    min-width: 40%;
    height: 40em; }
    @media only screen and (max-width: 37.5em) {
      .w5-testimonials__imgbox {
        width: 100%; } }
    .w5-testimonials__imgbox__img {
      width: 100%; }
  .w5-testimonials__info {
    width: 50%;
    text-align: center;
    margin-left: 2em; }
    @media only screen and (max-width: 37.5em) {
      .w5-testimonials__info {
        width: 100%;
        margin-top: 2em;
        margin-left: 0; } }
    .w5-testimonials__info--1 {
      font-size: 1.8em;
      font-weight: 700; }
    .w5-testimonials__info__line {
      margin-top: 2em;
      width: 15em;
      display: inline-block;
      border-bottom: 0.2em solid var(--main-color-w); }
    .w5-testimonials__info--2 {
      margin-top: 2em;
      font-weight: 300;
      line-height: 1.8em;
      font-size: 1.4em;
      text-align: justify; }
    .w5-testimonials__info--3 {
      margin: 2em;
      font-weight: 600; }

.w5-articles {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w5-articles__group {
    max-width: 120em;
    margin: 0 auto; }
  .w5-articles__item {
    display: flex;
    margin-top: 4em;
    flex-wrap: wrap;
    gap: 1.3333%; }
    @media only screen and (max-width: 37.5em) {
      .w5-articles__item {
        flex-direction: column;
        padding-left: 0; } }
    .w5-articles__item__card {
      margin-bottom: 1em;
      width: 32%;
      text-align: center;
      border: 0.2em solid #eee;
      border-radius: 1em;
      overflow: hidden;
      padding-bottom: 1em;
      height: max-content; }
      @media only screen and (max-width: 37.5em) {
        .w5-articles__item__card {
          width: 90%;
          margin: 1em auto; } }
      .w5-articles__item__card__imgbox {
        max-width: 100%;
        height: 27em; }
        .w5-articles__item__card__imgbox__img {
          width: 100%; }
      .w5-articles__item__card__name {
        margin-top: 2em;
        font-size: 1.6em;
        font-weight: 600; }
      .w5-articles__item__card__date {
        font-weight: 300;
        font-size: 1.3em;
        margin-top: 1em; }
      .w5-articles__item__card__para {
        margin-top: 2em;
        font-size: 1.4em;
        font-weight: 300;
        padding: .5em; }
      .w5-articles__item__card__btn {
        margin-top: 3em;
        padding: 1em 2em;
        border-radius: 2em;
        background-color: transparent;
        border: 0.2em solid var(--main-color-w);
        font-weight: 600;
        cursor: pointer;
        font-size: 1.4em;
        transition: all .2s;
        color: var(--main-color-w);
        display: inline-block; }
        .w5-articles__item__card__btn:hover {
          color: white;
          background-color: var(--hover-color-w); }

.w5-features {
  width: 100%;
  color: var(--text-color-w);
  padding: 2em 1em; }
  @media only screen and (max-width: 37.5em) {
    .w5-features {
      padding: 0 0.5em; } }
  .w5-features__group {
    max-width: 96em;
    margin: 0 auto;
    background-color: #1F1F1F;
    border-radius: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w5-features__group {
        padding: 1em; } }
  .w5-features__items {
    margin-top: 2em;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 2em; }
    @media only screen and (max-width: 37.5em) {
      .w5-features__items {
        display: block;
        text-align: center; } }
    .w5-features__items__item {
      display: flex;
      padding: 2em; }
      .w5-features__items__item--1 {
        grid-row: 1/2;
        grid-column: 1/2; }
      .w5-features__items__item--2 {
        grid-row: 1/2;
        grid-column: 2/3; }
      .w5-features__items__item--3 {
        grid-row: 2/3;
        grid-column: 1/2; }
      .w5-features__items__item--4 {
        grid-row: 2/3;
        grid-column: 2/3; }
      @media only screen and (max-width: 37.5em) {
        .w5-features__items__item {
          align-items: center; } }
      .w5-features__items__item__icon {
        font-size: 9em;
        color: white;
        width: 30%; }
        @media only screen and (max-width: 62.5em) {
          .w5-features__items__item__icon {
            font-size: 5em; } }
        @media only screen and (max-width: 37.5em) {
          .w5-features__items__item__icon {
            font-size: 6em; } }
      .w5-features__items__item__info {
        width: 60%;
        margin-left: 1em;
        margin-top: 1em; }
        @media only screen and (max-width: 37.5em) {
          .w5-features__items__item__info {
            width: 70%; } }
        .w5-features__items__item__info__heading {
          font-size: 2em;
          display: block; }
        .w5-features__items__item__info__des {
          margin-top: 2em;
          font-weight: 300;
          font-size: 1.2em; }
    .w5-features__items__grbtn {
      grid-column: 1/span 2;
      text-align: center;
      margin-top: 4em; }
      .w5-features__items__grbtn__text {
        font-size: 1.6em; }
      .w5-features__items__grbtn__btn {
        margin-top: 2em;
        padding: 1em 2em;
        border: 0.2em solid var(--main-color-w);
        background-color: transparent;
        border-radius: 2em;
        color: var(--main-color-w);
        font-weight: 600;
        cursor: pointer;
        display: inline-block;
        transition: all .2s; }
        .w5-features__items__grbtn__btn:hover {
          background-color: white;
          color: var(--hover-color-w); }

.w5-ctaregister {
  width: 100%;
  color: var(--text-color-w);
  padding: 3em 1em;
  background-color: #f5f5f5; }
  .w5-ctaregister__group {
    margin: 0 auto;
    max-width: 120em;
    text-align: center; }
  .w5-ctaregister__heading {
    text-align: center;
    display: block; }
    .w5-ctaregister__heading__main {
      font-weight: 700;
      font-size: 3em;
      line-height: 1.6em; }
    .w5-ctaregister__heading__line {
      margin-top: 2em;
      border-bottom: 0.2em solid var(--main-color-w);
      width: 15em;
      display: inline-block; }
    .w5-ctaregister__heading__sub {
      margin-top: 2em;
      font-weight: 300;
      font-size: 1.5em;
      line-height: 1.8em; }
  .w5-ctaregister__btn {
    margin-top: 2em;
    padding: 1em 2em;
    background-color: var(--main-color-w);
    border: none;
    border-radius: 2em;
    font-weight: 600;
    color: white;
    cursor: pointer;
    transition: all .2s;
    display: inline-block; }
    .w5-ctaregister__btn:hover {
      border: 0.1em solid var(--main-color-w);
      background-color: white;
      color: var(--hover-color-w); }

.w5-ctaregister--light {
  width: 100%;
  color: var(--text-color-w); }
  .w5-ctaregister--light__group {
    margin: 0 auto;
    max-width: 120em;
    text-align: center;
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    padding: 1em; }
  .w5-ctaregister--light__heading {
    text-align: center;
    display: block; }
    .w5-ctaregister--light__heading__main {
      font-weight: 700;
      font-size: 3em;
      line-height: 1.6em; }
    .w5-ctaregister--light__heading__line {
      margin-top: 2em;
      border-bottom: 0.2em solid var(--main-color-w);
      width: 15em;
      display: inline-block; }
    .w5-ctaregister--light__heading__sub {
      margin-top: 2em;
      font-weight: 300;
      font-size: 1.5em;
      line-height: 1.8em; }
  .w5-ctaregister--light__btn {
    margin-top: 2em;
    padding: 1em 2em;
    background-color: var(--main-color-w);
    border: none;
    border-radius: 2em;
    font-weight: 600;
    color: white;
    cursor: pointer;
    transition: all .2s;
    display: inline-block; }
    .w5-ctaregister--light__btn:hover {
      border: 0.1em solid var(--main-color-w);
      background-color: white;
      color: var(--hover-color-w); }

.w5-footer {
  width: 100%;
  background-color: #1F1F1F;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w5-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 1em; }
    @media only screen and (max-width: 37.5em) {
      .w5-footer__group {
        flex-direction: column;
        text-align: center !important; } }
  .w5-footer-col {
    display: flex;
    flex-wrap: wrap; }
    .w5-footer-col-1 {
      width: 30%;
      padding: 0 1.5em 1.5em 1.5em; }
      @media only screen and (max-width: 37.5em) {
        .w5-footer-col-1 {
          width: 100%; } }
    .w5-footer-col:first-child {
      width: 30%; }
      @media only screen and (max-width: 37.5em) {
        .w5-footer-col:first-child {
          width: 100%; } }
    .w5-footer-col:last-child {
      width: 40%; }
      @media only screen and (max-width: 37.5em) {
        .w5-footer-col:last-child {
          width: 100%; } }
  .w5-footer__item {
    width: 50%; }
    .w5-footer__item-first {
      width: 100%; }
    @media only screen and (max-width: 37.5em) {
      .w5-footer__item {
        width: 100%;
        margin-top: 3em;
        text-align: center !important; } }
    .w5-footer__item__logobox {
      width: 50%;
      height: 7em; }
      @media only screen and (max-width: 37.5em) {
        .w5-footer__item__logobox {
          width: 100%; } }
      .w5-footer__item__logobox__logo {
        width: 100%; }
    .w5-footer__item__des {
      font-weight: 300;
      margin-top: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w5-footer__item__des {
          text-align: center !important; } }
    .w5-footer__item__link {
      margin-top: 2em; }
      .w5-footer__item__link__social {
        cursor: pointer;
        margin: 1em;
        font-size: 1.5em;
        color: white; }
    .w5-footer__item__title {
      margin-bottom: 2em;
      font-size: 1.3em; }
    .w5-footer__item__info {
      font-weight: 300;
      margin-top: 2em;
      align-items: center;
      display: flex; }
      .w5-footer__item__info__text {
        font-weight: 300;
        margin-left: .5em;
        line-height: 1.6em; }
      .w5-footer__item__info__icon {
        font-size: 1.5em;
        color: white; }
    .w5-footer__item__link-a {
      display: block;
      text-decoration: none;
      color: white;
      margin-top: 1em;
      line-height: 1.6em; }
      @media only screen and (max-width: 37.5em) {
        .w5-footer__item__link-a {
          text-align: center !important; } }

.w5-downbar {
  width: 100%;
  border-top: .05em solid white;
  background-color: #1F1F1F;
  padding: 2em 1em;
  color: var(--text-color-w); }
  .w5-downbar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    text-align: left; }
  .w5-downbar__copyright {
    font-size: 1.2em;
    cursor: pointer; }
  .w5-downbar__info {
    font-size: 1.2em; }
    .w5-downbar__info--1 {
      display: inline-block;
      cursor: pointer;
      margin-right: 2em; }
    .w5-downbar__info--2 {
      display: inline-block;
      cursor: pointer; }

.w6-menu {
  width: 100%;
  background-color: transparent;
  position: relative;
  top: 0;
  z-index: 2;
  padding: 1em;
  color: var(--text-color-w);
  background-color: var(--main-color-w); }
  .w6-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .2s;
    height: 9.5em; }
  .w6-menu__sticky {
    background-color: var(--main-color-w); }
  @media only screen and (min-width: 37.5em) {
    .w6-menu__ab {
      position: absolute;
      background-color: transparent; } }
  .w6-menu__logobox {
    width: 15em;
    min-width: 15em;
    text-align: center;
    margin: .3em;
    height: 9em; }
    .w6-menu__logobox__logo {
      max-width: 100%;
      height: 100% !important; }
  @media only screen and (min-width: 37.5em) {
    .w6-menu__button {
      display: none; } }
  .w6-menu__checkbox {
    display: none; }
  .w6-menu__checkbox:checked ~ .w6-menu__nav {
    margin-left: 0;
    visibility: visible; }
  .w6-menu__nav {
    list-style: none;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 37.5em) {
      .w6-menu__nav {
        flex-direction: column;
        position: absolute;
        background-color: white;
        top: 9.5em;
        width: 35em;
        left: 0;
        margin-left: -30em;
        visibility: hidden;
        align-items: flex-start;
        transition: all .2s;
        padding: 3em 2em; } }
    .w6-menu__nav__item:hover .w6-menu__nav__item__drop--1 {
      visibility: visible;
      opacity: 1; }
      @media only screen and (max-width: 37.5em) {
        .w6-menu__nav__item:hover .w6-menu__nav__item__drop--1 {
          display: block; } }
    .w6-menu__nav__item:hover::after {
      transition: all .2s;
      width: 100%;
      transform: scaleX(1); }
    .w6-menu__nav__item {
      display: flex;
      margin: 0 1em;
      align-items: center;
      height: 10em;
      position: relative; }
      @media only screen and (max-width: 37.5em) {
        .w6-menu__nav__item {
          flex-direction: column;
          align-items: flex-start;
          height: auto;
          margin: 1em 0; } }
      .w6-menu__nav__item::after {
        content: "";
        height: .3em;
        background-color: white;
        display: block;
        z-index: 100;
        position: absolute;
        top: 3em;
        transform: scaleX(0);
        margin: 0 auto; }
      .w6-menu__nav__item__link {
        color: white;
        text-decoration: none;
        font-size: 1.4em;
        font-weight: 800;
        white-space: nowrap;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 37.5em) {
          .w6-menu__nav__item__link {
            display: flex;
            align-items: center;
            color: black; } }
      .w6-menu__nav__item__icon {
        font-size: 1.3em;
        margin-left: .2em;
        color: white; }
        @media only screen and (max-width: 37.5em) {
          .w6-menu__nav__item__icon {
            color: black;
            margin-left: .5em; } }
      .w6-menu__nav__item__drop {
        position: absolute;
        background-color: white;
        padding: 1em 2em;
        visibility: hidden;
        opacity: 0;
        width: 25em;
        z-index: 2; }
        .w6-menu__nav__item__drop--1 {
          top: 9.8em; }
          .w6-menu__nav__item__drop--1 .w6-menu__nav__item__drop__child:hover .w6-menu__nav__item__drop--2 {
            opacity: 1;
            visibility: visible; }
            @media only screen and (max-width: 37.5em) {
              .w6-menu__nav__item__drop--1 .w6-menu__nav__item__drop__child:hover .w6-menu__nav__item__drop--2 {
                display: block; } }
          @media only screen and (max-width: 37.5em) {
            .w6-menu__nav__item__drop--1 {
              top: 0;
              position: relative;
              left: 0;
              background-color: transparent;
              opacity: 0;
              visibility: hidden;
              display: none; } }
        .w6-menu__nav__item__drop--2 {
          opacity: 0;
          visibility: hidden;
          position: absolute;
          top: -2.5em;
          left: 20em; }
          .w6-menu__nav__item__drop--2 .w6-menu__nav__item__drop__child:hover .w6-menu__nav__item__drop--3 {
            opacity: 1;
            visibility: visible; }
            @media only screen and (max-width: 37.5em) {
              .w6-menu__nav__item__drop--2 .w6-menu__nav__item__drop__child:hover .w6-menu__nav__item__drop--3 {
                display: block; } }
          @media only screen and (max-width: 37.5em) {
            .w6-menu__nav__item__drop--2 {
              top: 0;
              position: relative;
              left: 0;
              background-color: transparent;
              opacity: 0;
              visibility: hidden;
              display: none; } }
        .w6-menu__nav__item__drop--3 {
          opacity: 0;
          visibility: hidden;
          position: absolute;
          top: -2.5em;
          left: 20em; }
          @media only screen and (max-width: 37.5em) {
            .w6-menu__nav__item__drop--3 {
              top: 0;
              position: relative;
              left: 0;
              background-color: transparent;
              opacity: 0;
              visibility: hidden;
              display: none; } }
        .w6-menu__nav__item__drop__child {
          list-style: none;
          margin: 1.5em 0;
          display: flex;
          align-items: center;
          border-bottom: .1em solid #eee;
          padding-bottom: .5em;
          position: relative; }
          @media only screen and (max-width: 37.5em) {
            .w6-menu__nav__item__drop__child {
              flex-direction: column;
              align-items: flex-start; } }
          .w6-menu__nav__item__drop__child__link {
            color: black;
            text-decoration: none;
            font-size: 1.4em;
            font-weight: 300;
            white-space: nowrap;
            display: flex;
            width: 100%;
            align-items: center; }
          .w6-menu__nav__item__drop__child__icon {
            font-size: 1em;
            color: black;
            float: right;
            margin-left: auto;
            display: inline-block; }
            @media only screen and (max-width: 37.5em) {
              .w6-menu__nav__item__drop__child__icon {
                transform: rotate(90deg); } }
  .w6-menu__card {
    display: flex;
    align-items: center;
    text-decoration: none; }
    .w6-menu__card__svg {
      height: 2em;
      width: 2em;
      fill: white; }
    .w6-menu__card__text {
      font-weight: 800;
      margin: 0 1em;
      font-size: 1.4em; }
    .w6-menu__card__count {
      font-weight: 800;
      background-color: var(--main-color-w);
      padding: 0.5em; }

.w6-banner {
  width: 100%;
  background-image: url(../img/w6/rev_slider_freshbody.jpg);
  background-repeat: no-repeat;
  height: auto;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 4em;
  color: var(--text-color-w); }
  .w6-banner__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
  .w6-banner__imgbox {
    display: inline-block;
    min-width: 40%;
    width: 40%;
    position: relative;
    margin-top: 15em;
    margin-bottom: 3em;
    max-height: 40em; }
    @media only screen and (max-width: 37.5em) {
      .w6-banner__imgbox {
        width: 90%; } }
    .w6-banner__imgbox__img--1 {
      width: 100%; }
  .w6-banner__info {
    margin-left: 2em;
    width: 45%; }
    @media only screen and (max-width: 37.5em) {
      .w6-banner__info {
        right: auto;
        left: auto; } }
    .w6-banner__info--1 {
      font-weight: 600;
      text-transform: uppercase;
      font-size: 2em; }
    .w6-banner__info--2 {
      margin-top: .5em;
      font-weight: 900;
      text-transform: uppercase;
      font-size: 6em;
      width: 100%; }
      @media only screen and (max-width: 37.5em) {
        .w6-banner__info--2 {
          font-size: 1.2em;
          width: auto; } }
    .w6-banner__info__btn {
      margin-top: 2em;
      display: inline-block;
      padding: 2em;
      background-color: var(--main-color-w);
      border: none;
      font-weight: 600;
      color: white;
      text-transform: uppercase;
      cursor: pointer; }

.w6-features {
  width: 100%;
  padding: 10em;
  background-color: white;
  color: var(--text-color-w); }
  @media only screen and (max-width: 37.5em) {
    .w6-features {
      padding: 5em 1em; } }
  .w6-features__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 75em) {
      .w6-features__group {
        display: block; } }
  .w6-features__item {
    display: inline-block;
    max-width: 33%;
    min-width: 33%; }
    @media only screen and (max-width: 75em) {
      .w6-features__item {
        display: block;
        max-width: 100%; } }
    .w6-features__item__first {
      margin-right: 2em; }
    .w6-features__item__heading {
      font-size: 6em;
      font-weight: 800;
      color: var(--main-color-w); }
      @media only screen and (max-width: 37.5em) {
        .w6-features__item__heading {
          font-size: 3em; } }
    .w6-features__item__des {
      margin-top: 3em;
      font-weight: 600;
      font-size: 1.6em;
      line-height: 1.8em; }
    .w6-features__item__para {
      font-weight: 400;
      font-size: 1.6em;
      color: #666666;
      margin-top: 5em;
      margin-right: 1em;
      text-align: justify;
      line-height: 1.8em; }
    .w6-features__item__button {
      margin-top: 3em;
      background-color: var(--main-color-w);
      border: none;
      cursor: pointer;
      padding: 2em;
      color: white;
      font-size: 1.6em;
      display: inline-block;
      font-weight: 600; }
      .w6-features__item__button:hover {
        filter: brightness(0.8); }
    .w6-features__item__imgbox {
      width: 35em;
      height: 47em; }
      @media only screen and (max-width: 75em) {
        .w6-features__item__imgbox {
          max-width: 100%;
          margin: 0 auto; } }
      @media only screen and (max-width: 37.5em) {
        .w6-features__item__imgbox {
          margin-top: 2em; } }
      .w6-features__item__imgbox__img {
        width: 100%; }
    @media only screen and (max-width: 75em) {
      .w6-features__item__third {
        display: block;
        text-align: center; } }

.w6-features-1 {
  width: 100%;
  background-image: url(/img/w6/bg2_h25.jpg);
  padding: 3em 1em;
  color: var(--text-color-w);
  position: relative; }
  .w6-features-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex; }
    @media only screen and (max-width: 50em) {
      .w6-features-1__group {
        flex-wrap: wrap; } }
  .w6-features-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5%;
    padding: 1em 2em; }
    .w6-features-1__items__item {
      width: 45%;
      margin-left: 5%;
      margin-bottom: 4em; }
      .w6-features-1__items__item__icon {
        color: white;
        font-size: 7em; }
        @media only screen and (max-width: 37.5em) {
          .w6-features-1__items__item__icon {
            font-size: 5em; } }
      .w6-features-1__items__item__heading {
        margin-top: 2em;
        font-weight: 700;
        font-size: 2.5em; }
        @media only screen and (max-width: 37.5em) {
          .w6-features-1__items__item__heading {
            font-size: 2em; } }
      .w6-features-1__items__item__des {
        margin-top: 2em;
        color: var(--text-color-w);
        font-size: 1.4em;
        font-weight: 400; }
  .w6-features-1__content {
    min-width: 30%;
    margin-left: 2%;
    position: relative; }
    @media only screen and (max-width: 50em) {
      .w6-features-1__content {
        width: 100%;
        margin-left: 0; } }
    @media only screen and (max-width: 50em) {
      .w6-features-1__content__info {
        width: 50%; } }
    .w6-features-1__content__info__heading {
      margin-top: 2em;
      font-weight: 700;
      font-size: 2.5em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 5; }
    .w6-features-1__content__info__des {
      margin-top: 2em;
      color: var(--text-color-w);
      font-size: 1.4em;
      font-weight: 400;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 5;
      padding: .5em; }
    .w6-features-1__content__imgbox {
      bottom: -10em;
      right: 2%;
      width: 98%;
      z-index: 2;
      position: absolute; }
      @media only screen and (max-width: 50em) {
        .w6-features-1__content__imgbox {
          top: 0; } }
      @media only screen and (max-width: 50em) {
        .w6-features-1__content__imgbox {
          position: absolute;
          width: 48%;
          right: 1%;
          margin-left: 1%; } }

.w6-features-2 {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 53em;
  padding: 10em 1em;
  background-color: white;
  color: var(--text-color-w); }
  @media only screen and (max-width: 62.5em) {
    .w6-features-2 {
      height: auto; } }
  .w6-features-2__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative; }
  .w6-features-2__heading {
    text-align: center; }
    .w6-features-2__heading--main {
      font-weight: 800;
      font-size: 4em;
      color: var(--main-color-w);
      width: 15em;
      margin: 0 auto; }
      @media only screen and (max-width: 37.5em) {
        .w6-features-2__heading--main {
          width: auto; } }
    .w6-features-2__heading--sub {
      margin-top: 2em;
      font-size: 1.4em; }
  .w6-features-2__items {
    margin: 0 auto;
    position: relative;
    margin-top: 16em;
    text-align: center; }
    @media only screen and (max-width: 62.5em) {
      .w6-features-2__items {
        display: flex;
        padding: 0 1em; } }
    @media only screen and (max-width: 37.5em) {
      .w6-features-2__items {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left; } }
    @media only screen and (max-width: 37.5em) {
      .w6-features-2__items__item {
        margin-top: 3em; } }
    .w6-features-2__items__item--1 {
      position: absolute;
      left: 1em; }
      @media only screen and (max-width: 62.5em) {
        .w6-features-2__items__item--1 {
          position: unset;
          left: unset;
          right: unset; } }
    .w6-features-2__items__item--2 {
      position: absolute;
      left: 25em;
      top: -5em; }
      @media only screen and (max-width: 62.5em) {
        .w6-features-2__items__item--2 {
          position: unset;
          left: unset;
          right: unset; } }
    .w6-features-2__items__item--3 {
      position: absolute;
      left: 55em;
      top: 0em; }
      @media only screen and (max-width: 62.5em) {
        .w6-features-2__items__item--3 {
          position: unset;
          left: unset;
          right: unset; } }
    .w6-features-2__items__item--4 {
      position: absolute;
      left: 80em;
      top: -15em; }
      @media only screen and (max-width: 62.5em) {
        .w6-features-2__items__item--4 {
          position: unset;
          left: unset;
          right: unset; } }
    .w6-features-2__items__item__number {
      font-size: 4em;
      font-weight: 600;
      color: var(--main-color-w);
      display: inline-block;
      background-color: white;
      border-radius: 50%;
      height: 2.3em;
      width: 2.3em;
      line-height: 2.3em;
      text-align: center;
      box-shadow: 0.1em 0.1em 1em 0.1em #eee; }
    .w6-features-2__items__item__des {
      color: #666666;
      font-size: 1.4em;
      margin-top: 2em;
      max-width: 25em; }
      @media only screen and (max-width: 62.5em) {
        .w6-features-2__items__item__des {
          max-width: 100%; } }

.w6-ctaregister {
  width: 100%;
  padding: 3em 1em;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: var(--text-color-w); }
  .w6-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center; }
  .w6-ctaregister__heading {
    font-weight: 800;
    font-size: 6em;
    color: white; }
  .w6-ctaregister__button {
    margin-top: 3em;
    background-color: var(--main-color-w);
    border: none;
    cursor: pointer;
    padding: 2em;
    color: white;
    font-size: 1.6em;
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize; }
    .w6-ctaregister__button:hover {
      filter: brightness(0.8); }

.w6-testimonials {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w6-testimonials__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 1em; }
  .w6-testimonials__heading {
    text-align: center; }
    .w6-testimonials__heading--main {
      color: var(--main-color-w);
      font-weight: 800;
      font-size: 5em; }
    .w6-testimonials__heading--sub {
      font-weight: 400;
      font-size: 1.6em; }
  .w6-testimonials__items {
    max-width: 100%;
    margin-top: 4em; }
    .w6-testimonials__items__item {
      margin-top: 4em;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      border: 1px solid #eeeded; }
      .w6-testimonials__items__item-reserve {
        flex-direction: row-reverse; }
      @media only screen and (max-width: 50em) {
        .w6-testimonials__items__item {
          flex-direction: column;
          padding: 4em 0; } }
      .w6-testimonials__items__item__info {
        position: relative; }
        @media only screen and (max-width: 50em) {
          .w6-testimonials__items__item__info {
            margin-top: 3em;
            margin-bottom: 2em; } }
        .w6-testimonials__items__item__info__text {
          font-size: 2em;
          color: #666666;
          line-height: 1.8em;
          position: relative;
          padding: 0 3em;
          text-align: justify; }
          .w6-testimonials__items__item__info__text::before {
            content: "\201C";
            font-family: sans-serif;
            color: var(--main-color-w);
            font-size: 15em;
            position: absolute;
            top: 0;
            left: .1em; }
            @media only screen and (max-width: 50em) {
              .w6-testimonials__items__item__info__text::before {
                font-size: 5em;
                left: .5em; } }
        .w6-testimonials__items__item__info__name {
          margin-top: 2em;
          font-weight: 800;
          font-size: 1.6em; }
        .w6-testimonials__items__item__info__job {
          margin-top: 1em;
          font-size: 1.4em;
          color: #666666; }
      .w6-testimonials__items__item__compare-image {
        display: block;
        width: 50em !important; }
        .w6-testimonials__items__item__compare-image__img {
          height: 50em;
          width: 100%;
          border: none;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat; }
        @media only screen and (max-width: 50em) {
          .w6-testimonials__items__item__compare-image {
            width: 30em !important; } }
        @media only screen and (max-width: 50em) {
          .w6-testimonials__items__item__compare-image {
            width: 30em !important; } }

.w6-product {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w6-product__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w6-product__group {
        flex-direction: column; } }
  .w6-product__imgbox {
    max-width: 48%;
    height: 40em;
    width: 48%;
    min-width: 48%; }
    @media only screen and (max-width: 37.5em) {
      .w6-product__imgbox {
        max-width: 80%; } }
    .w6-product__imgbox__img {
      max-width: 100%; }
  .w6-product__info {
    max-width: 50%; }
    @media only screen and (max-width: 37.5em) {
      .w6-product__info {
        max-width: 80%; } }
    .w6-product__info__heading {
      font-size: 6em;
      color: var(--main-color-w);
      font-weight: 800; }
    .w6-product__info__des {
      margin-top: 3em;
      font-size: 1.6em; }
    .w6-product__info__price {
      margin-top: 3em; }
      .w6-product__info__price--main {
        display: inline-block;
        font-size: 3.5em;
        font-weight: 800;
        color: orangered; }
      .w6-product__info__price--sub {
        display: inline-block;
        font-size: 2.5em;
        text-decoration: line-through;
        font-weight: 500;
        margin-right: 1em; }
    .w6-product__info__button {
      margin-top: 3em;
      background-color: var(--main-color-w);
      border: none;
      cursor: pointer;
      padding: 2em;
      color: white;
      font-size: 1.6em;
      font-weight: 600;
      display: inline-block; }
      .w6-product__info__button:hover {
        filter: brightness(0.8); }
    .w6-product__info__ship {
      margin-top: 2em;
      font-weight: 300;
      font-size: 1em; }

.w6-ctaregister-2 {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w6-ctaregister-2__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center; }
  .w6-ctaregister-2__heading {
    color: white;
    font-weight: 700;
    font-size: 3em; }
  .w6-ctaregister-2__sub {
    margin-top: 2em;
    font-size: 1.4em;
    color: #9DD2AA; }
  .w6-ctaregister-2__form {
    display: flex;
    justify-content: space-between;
    padding: 1em 2em;
    background-clip: content-box;
    background-color: white;
    width: 50%;
    margin: 2em auto 0 auto; }
    @media only screen and (max-width: 37.5em) {
      .w6-ctaregister-2__form {
        width: 100%;
        margin: 0; } }
    .w6-ctaregister-2__form__text {
      border: none;
      outline: none;
      margin-left: 2em;
      font-size: 1.3em; }
      .w6-ctaregister-2__form__text ::placeholder {
        font-weight: 500;
        color: #999; }
    .w6-ctaregister-2__form__button {
      background-color: var(--main-color-w);
      border: none;
      cursor: pointer;
      padding: 2em;
      color: white;
      font-size: 1.6em;
      font-weight: 600; }
      .w6-ctaregister-2__form__button:hover {
        filter: brightness(0.8); }

.w6-footer {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w6-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .w6-footer__col {
    width: 70%;
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w6-footer__col {
        width: 100%;
        flex-direction: column; } }
    .w6-footer__col:last-child {
      width: 30%; }
      @media only screen and (max-width: 37.5em) {
        .w6-footer__col:last-child {
          width: 100%;
          flex-direction: column; } }
  .w6-footer__item {
    width: 33%;
    margin-top: 2em;
    text-align: center; }
    @media only screen and (max-width: 37.5em) {
      .w6-footer__item {
        width: 100%; } }
    .w6-footer__item:not(:last-child) {
      margin-right: 2em; }
    .w6-footer__item-last {
      width: 100%; }
      @media only screen and (max-width: 37.5em) {
        .w6-footer__item-last {
          width: 100%; } }
    .w6-footer__item__heading {
      color: white;
      font-weight: 800;
      font-size: 1.6em; }
    .w6-footer__item__des {
      display: block;
      text-decoration: none;
      margin-top: 2em;
      color: var(--main-color-w);
      font-size: 1.4em; }

.w6-downbar {
  width: 100%;
  padding: 2em 1em;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--text-color-w); }
  .w6-downbar__heading {
    padding-top: 1em;
    margin: 0 auto;
    color: var(--main-color-w);
    font-size: 1.6em;
    border-top: 0.1em solid var(--main-color-w); }
  .w6-downbar__des {
    margin-top: 1em;
    font-size: 1.6em;
    color: var(--main-color-w); }

.w7-menu {
  width: 100%;
  background-color: transparent;
  position: relative;
  top: 0;
  z-index: 2;
  background-color: white;
  color: var(--text-color-w);
  padding: .5em; }
  @media only screen and (min-width: 37.5em) {
    .w7-menu__ab {
      position: absolute;
      background-color: transparent;
      z-index: 2; }
      .w7-menu__ab a {
        color: white !important; } }
  .w7-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .2s;
    height: 6em; }
  .w7-menu__logobox {
    max-width: 15em;
    max-height: 9em; }
    .w7-menu__logobox__logo {
      max-width: 100%; }
  .w7-menu__icon {
    background-color: var(--text-color-w); }
    .w7-menu__icon::after, .w7-menu__icon::before {
      background-color: var(--text-color-w); }
  .w7-menu__button {
    font-weight: bold; }
    @media only screen and (min-width: 37.5em) {
      .w7-menu__button {
        display: none; } }
  .w7-menu__checkbox:checked ~ .w7-menu__nav {
    margin-left: 0;
    visibility: visible; }
  .w7-menu__nav {
    list-style: none;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 37.5em) {
      .w7-menu__nav {
        flex-direction: column;
        position: absolute;
        background-color: white;
        top: 13em;
        width: 90%;
        margin-left: -30em;
        visibility: hidden;
        align-items: flex-start;
        transition: all .2s;
        padding: 2em .5em; } }
    .w7-menu__nav__item:hover .w7-menu__nav__item__drop--1 {
      visibility: visible;
      opacity: 1; }
      @media only screen and (max-width: 37.5em) {
        .w7-menu__nav__item:hover .w7-menu__nav__item__drop--1 {
          display: block; } }
    .w7-menu__nav__item:hover::after {
      transition: all .2s;
      width: 100%;
      transform: scaleX(1); }
    .w7-menu__nav__item {
      display: flex;
      margin: 0 1em;
      align-items: center;
      position: relative;
      padding: 2em 1em; }
      @media only screen and (max-width: 37.5em) {
        .w7-menu__nav__item {
          flex-direction: column;
          align-items: flex-start;
          height: auto;
          padding: 1em; } }
      .w7-menu__nav__item::after {
        content: "";
        height: .3em;
        background-color: var(--main-color-w);
        display: block;
        z-index: 100;
        position: absolute;
        top: 0;
        transform: scaleX(0);
        margin: 0 auto;
        left: 0; }
      .w7-menu__nav__item__link {
        color: black;
        text-decoration: none;
        font-size: 1.4em;
        font-weight: 800;
        white-space: nowrap;
        display: block;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media only screen and (max-width: 37.5em) {
          .w7-menu__nav__item__link {
            display: flex;
            align-items: center;
            color: black; } }
      .w7-menu__nav__item__icon {
        font-size: 1em;
        color: black;
        margin-left: .5em; }
        @media only screen and (max-width: 37.5em) {
          .w7-menu__nav__item__icon {
            color: black; } }
      .w7-menu__nav__item__drop {
        position: absolute;
        background-color: white;
        padding: 1em;
        visibility: hidden;
        opacity: 0;
        width: 22em;
        z-index: 2; }
        .w7-menu__nav__item__drop--1 {
          top: 5em; }
          @media only screen and (max-width: 37.5em) {
            .w7-menu__nav__item__drop--1 {
              top: 0;
              position: relative;
              left: 0;
              background-color: transparent;
              opacity: 0;
              visibility: hidden;
              display: none; } }
        .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--2 {
          opacity: 1;
          visibility: visible; }
          @media only screen and (max-width: 37.5em) {
            .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--2 {
              display: block; } }
        .w7-menu__nav__item__drop--2 {
          opacity: 0;
          visibility: hidden;
          position: absolute;
          top: -1em;
          left: 20em; }
          @media only screen and (max-width: 37.5em) {
            .w7-menu__nav__item__drop--2 {
              top: 0;
              position: relative;
              left: 0;
              background-color: transparent;
              opacity: 0;
              visibility: hidden;
              display: none; } }
          .w7-menu__nav__item__drop--2 .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--3 {
            opacity: 1;
            visibility: visible; }
            @media only screen and (max-width: 37.5em) {
              .w7-menu__nav__item__drop--2 .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--3 {
                display: block; } }
        .w7-menu__nav__item__drop--3 {
          opacity: 0;
          visibility: hidden;
          position: absolute;
          top: -1em;
          left: 20em; }
          @media only screen and (max-width: 37.5em) {
            .w7-menu__nav__item__drop--3 {
              top: 0;
              position: relative;
              left: 0;
              background-color: transparent;
              opacity: 0;
              visibility: hidden;
              display: none; } }
          .w7-menu__nav__item__drop--3 .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--3 {
            opacity: 1;
            visibility: visible; }
            @media only screen and (max-width: 37.5em) {
              .w7-menu__nav__item__drop--3 .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--3 {
                display: block; } }
        .w7-menu__nav__item__drop__child {
          list-style: none;
          display: flex;
          align-items: center;
          position: relative;
          padding: 1em; }
          @media only screen and (max-width: 37.5em) {
            .w7-menu__nav__item__drop__child {
              flex-direction: column;
              align-items: flex-start; }
              .w7-menu__nav__item__drop__child:last-child {
                padding-bottom: 0; } }
          .w7-menu__nav__item__drop__child__link {
            color: var(--text-color-w);
            text-decoration: none;
            font-size: 1.4em;
            font-weight: 300;
            white-space: nowrap;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            align-items: center; }
          .w7-menu__nav__item__drop__child__icon {
            font-size: 1em;
            margin-left: .5em; }
            @media only screen and (max-width: 37.5em) {
              .w7-menu__nav__item__drop__child__icon {
                transform: rotate(90deg); } }
  .w7-menu__card {
    display: flex;
    align-items: center;
    text-decoration: none; }
    .w7-menu__card__icon {
      color: var(--text-color-w);
      font-size: 2em; }
    .w7-menu__card__text {
      font-weight: 800;
      margin: 0 1em;
      font-size: 1.4em;
      color: var(--text-color-w); }
    .w7-menu__card__count {
      font-weight: 800;
      background-color: var(--main-color-w);
      padding: 0.5em;
      color: var(--text-color-w);
      border-radius: .3em; }

.w7-banner {
  width: 100%;
  padding: 3em 1em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: white;
  color: var(--text-color-w); }
  .w7-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 37.5em) {
      .w7-banner__group {
        flex-direction: column;
        padding: 1em;
        text-align: center; } }
  .w7-banner__imgbox {
    margin-right: 5em;
    width: 30em;
    max-height: 50em; }
    @media only screen and (max-width: 37.5em) {
      .w7-banner__imgbox {
        min-width: 0;
        max-width: 100%;
        margin-right: 0; } }
    .w7-banner__imgbox__img {
      margin: 0 auto;
      max-width: 100%; }
  .w7-banner__info {
    width: 40%; }
    @media only screen and (max-width: 37.5em) {
      .w7-banner__info {
        width: 100%;
        margin-top: 4em; } }
    .w7-banner__info__heading {
      font-size: 1.6em;
      font-weight: 300; }
    .w7-banner__info__des {
      margin-top: 2.5em;
      font-weight: 500;
      font-size: 5em; }
    .w7-banner__info__button {
      margin-top: 3em;
      background-color: var(--main-color-w);
      border: none;
      cursor: pointer;
      padding: 2em;
      color: white;
      font-size: 1.6em;
      display: inline-block;
      font-weight: 600; }
      .w7-banner__info__button:hover {
        filter: brightness(0.8); }

.w7-features {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w7-features__group {
    max-width: 120em;
    margin: 0 auto; }
  .w7-features__heading {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 50em) {
      .w7-features__heading {
        flex-direction: column;
        width: 100%; } }
    .w7-features__heading__info {
      width: 40%; }
      @media only screen and (max-width: 50em) {
        .w7-features__heading__info {
          width: 100%; } }
      .w7-features__heading__info__text {
        font-weight: 300;
        font-size: 5em; }
      .w7-features__heading__info__des {
        margin-top: 2.5em;
        font-weight: 300;
        font-size: 1.3em; }
    .w7-features__heading__sub {
      border: 0.1em solid var(--main-color-w);
      padding: 1em;
      border-radius: .5em;
      text-align: center; }
      @media only screen and (max-width: 50em) {
        .w7-features__heading__sub {
          width: 100%;
          margin-top: 4em; } }
      .w7-features__heading__sub__name {
        font-weight: 500;
        font-size: 1.5em; }
      .w7-features__heading__sub__des {
        color: var(--main-color-w);
        font-size: 6em;
        font-weight: 300; }
  .w7-features__compare-image {
    margin: 0 auto;
    width: 100%;
    margin-top: 5em; }
    .w7-features__compare-image__img {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%; }
  .w7-features__items {
    margin-top: 6em;
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w7-features__items {
        flex-direction: column; } }
    .w7-features__items__item {
      width: 33%; }
      @media only screen and (max-width: 37.5em) {
        .w7-features__items__item {
          width: 100%; } }
      .w7-features__items__item__info {
        display: flex;
        align-items: center;
        cursor: pointer; }
        @media only screen and (max-width: 37.5em) {
          .w7-features__items__item__info {
            justify-content: center;
            margin-top: 4em; } }
        .w7-features__items__item__info__icon {
          font-size: 5em;
          color: var(--main-color-w); }
        .w7-features__items__item__info__name {
          margin-left: 2em;
          font-size: 2.5em;
          font-weight: 300; }
        .w7-features__items__item__info:hover {
          color: var(--hover-color-w); }
      .w7-features__items__item__text {
        margin-top: 2em;
        font-size: 1.4em;
        font-weight: 300; }

.w7-ads {
  width: 100%;
  padding: 2em 1em;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  text-align: center;
  position: relative;
  display: block;
  color: var(--text-color-w); }
  .w7-ads__group {
    max-width: 120em;
    margin: 0 auto; }
  .w7-ads__heading {
    margin-top: 7%;
    font-size: 1.8em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    line-height: 1.8em; }
    @media only screen and (max-width: 50em) {
      .w7-ads__heading {
        margin-top: 1%; } }
  .w7-ads__des {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    font-weight: 500;
    font-size: 7em; }

.w7-ads-2 {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w7-ads-2__group {
    max-width: 120em;
    margin: 0 auto; }
  .w7-ads-2__item {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .w7-ads-2__item-re {
      flex-direction: row-reverse; }
    @media only screen and (max-width: 43.75em) {
      .w7-ads-2__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        margin-top: 4em;
        text-align: center; } }
    .w7-ads-2__item__imgbox {
      min-width: 50%; }
      .w7-ads-2__item__imgbox__img {
        width: 100%; }
      .w7-ads-2__item__imgbox:hover {
        transform: translateY(-1em); }
    .w7-ads-2__item__info {
      min-width: 50%;
      padding: 2em; }
      @media only screen and (max-width: 43.75em) {
        .w7-ads-2__item__info {
          width: 100%;
          margin-left: 0;
          text-align: center; } }
      .w7-ads-2__item__info__heading {
        font-size: 3em;
        font-weight: 300;
        display: inline-block; }
      .w7-ads-2__item__info__des {
        margin-top: 1.5em;
        font-size: 1.6em;
        font-weight: 400;
        text-align: justify;
        color: var(--text-color-w);
        line-height: 1.8em; }

.w7-features-2 {
  width: 100%;
  background-color: white;
  padding: 3em 1em;
  overflow: hidden;
  color: var(--text-color-w); }
  .w7-features-2__group {
    max-width: 120em;
    margin: 0 auto; }
  .w7-features-2__heading {
    text-align: center; }
    .w7-features-2__heading__title {
      font-size: 4em;
      font-size: 300;
      line-height: 1.8em;
      display: block; }
    .w7-features-2__heading__des {
      margin-top: 2.5em;
      font-size: 1.3em;
      color: var(--text-color-w);
      line-height: 1.8em; }
  .w7-features-2__card {
    display: flex;
    justify-content: center;
    margin-top: 5em;
    align-items: center; }
    @media only screen and (max-width: 37.5em) {
      .w7-features-2__card {
        flex-direction: column; } }
    .w7-features-2__card__imgbox {
      width: 50%;
      min-width: 50%;
      overflow: hidden; }
      @media only screen and (max-width: 37.5em) {
        .w7-features-2__card__imgbox {
          width: 100%; } }
      .w7-features-2__card__imgbox__img {
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin-right: 2%; }
      .w7-features-2__card__imgbox:hover {
        transform: scale(1.1) translateY(1em); }
    .w7-features-2__card__info {
      width: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w7-features-2__card__info {
          width: 100%;
          margin-left: 0;
          display: block;
          padding: 1em;
          margin-top: .5em; } }
      .w7-features-2__card__info__item {
        display: flex;
        align-items: center; }
        .w7-features-2__card__info__item:not(:last-child) {
          margin-bottom: 2em; }
        .w7-features-2__card__info__item__imgbox {
          min-width: 10em;
          max-width: 10em;
          height: 10em;
          width: 10em; }
          .w7-features-2__card__info__item__imgbox__img {
            width: 100%; }
        .w7-features-2__card__info__item__text {
          color: var(--text-color-w);
          margin-left: 2.5em;
          width: 70%; }
          .w7-features-2__card__info__item__text__name {
            font-weight: 300;
            font-size: 1.3em;
            display: inline-block; }
          .w7-features-2__card__info__item__text__des {
            margin-top: 2em;
            font-weight: 1.3em;
            display: inline-block; }

.w7-product {
  width: 100%;
  padding: 3em 1em;
  margin-top: 4em;
  background: linear-gradient(180deg, #F7F7F7 50%, white 50%);
  color: var(--text-color-w); }
  .w7-product__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center; }
  .w7-product__heading {
    text-align: center; }
    .w7-product__heading__title {
      font-size: 4em;
      font-size: 300;
      text-transform: uppercase; }
      @media only screen and (max-width: 37.5em) {
        .w7-product__heading__title {
          font-size: 1.4em; } }
    .w7-product__heading__des {
      margin-top: 2.5em;
      font-size: 1.3em; }
  .w7-product__imgbox {
    margin-top: 4em;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 50em; }
    .w7-product__imgbox:hover {
      transform: scale(1.1) translateY(1em); }
  .w7-product__text {
    margin-top: 4em;
    font-size: 2em; }
  .w7-product__price {
    margin-top: 2em;
    color: var(--main-color-w);
    font-weight: 300;
    font-size: 5em; }
  .w7-product__ship {
    margin-top: 3em;
    font-size: 1.2em; }
  .w7-product__button {
    margin-top: 4em;
    background-color: var(--main-color-w);
    border: none;
    cursor: pointer;
    padding: 2em;
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    display: inline-block; }
    .w7-product__button:hover {
      filter: brightness(0.8); }

.w7-introducer {
  width: 100%;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w7-introducer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 62.5em) {
      .w7-introducer__group {
        flex-direction: column; } }
  .w7-introducer__imgbox {
    width: 50%;
    height: auto; }
    @media only screen and (max-width: 62.5em) {
      .w7-introducer__imgbox {
        width: 100%; } }
    .w7-introducer__imgbox__img {
      width: 100%;
      height: 100%; }
  .w7-introducer__info {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2em;
    background-color: #F7F7F7;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 62.5em) {
      .w7-introducer__info {
        width: 100%; } }
    .w7-introducer__info__heading {
      font-size: 6em;
      font-weight: 300;
      line-height: 1.8em;
      display: inline-block; }
    .w7-introducer__info__des {
      margin-top: 3em;
      font-size: 1.3em;
      line-height: 1.8em;
      color: var(--text-color-w); }

.w7-footer {
  width: 100%;
  color: var(--text-color-w);
  background-color: #2B2B2B;
  padding: 3em 1em; }
  .w7-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .w7-footer-col {
    width: 70%;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w7-footer-col {
        width: 100%; } }
    .w7-footer-col:last-child {
      width: 30%; }
      @media only screen and (max-width: 37.5em) {
        .w7-footer-col:last-child {
          width: 100%; } }
  .w7-footer__item {
    width: 30%;
    text-align: center; }
    .w7-footer__item-last {
      width: 100%; }
    .w7-footer__item:not(:last-child) {
      margin-right: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w7-footer__item:not(:last-child) {
          margin-right: 0;
          margin-top: 4em; } }
    @media only screen and (max-width: 37.5em) {
      .w7-footer__item {
        margin-right: 0;
        margin-top: 4em;
        width: 100%; } }
    .w7-footer__item__heading {
      color: white;
      font-weight: 800;
      font-size: 1.6em; }
    .w7-footer__item__des {
      display: block;
      text-decoration: none;
      margin-top: 1em;
      color: white;
      font-size: 1.4em;
      line-height: 1.7em;
      height: max-content; }
    .w7-footer__item__link {
      margin-top: 2em; }
      .w7-footer__item__link__social {
        cursor: pointer;
        margin: 1em;
        width: 1.5em;
        height: 1.5em;
        color: white; }

.w7-map {
  width: 100%;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w7-map__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 62.5em) {
      .w7-map__group {
        flex-direction: column; } }
  .w7-map__imgbox {
    width: 50%;
    height: auto; }
    @media only screen and (max-width: 62.5em) {
      .w7-map__imgbox {
        width: 100%; } }
    .w7-map__imgbox__img {
      width: 100%;
      height: 100%; }
  .w7-map__info {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2em;
    background-color: #F7F7F7;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 62.5em) {
      .w7-map__info {
        width: 100%; } }
    .w7-map__info__heading {
      font-size: 6em;
      font-weight: 300;
      line-height: 1.8em;
      display: inline-block; }
    .w7-map__info__des {
      font-size: 1.4em;
      line-height: 1.8em;
      color: var(--text-color-w); }
      .w7-map__info__des h2, .w7-map__info__des h3, .w7-map__info__des h4, .w7-map__info__des h5, .w7-map__info__des p {
        margin: .7em 0; }
      .w7-map__info__des ul, .w7-map__info__des ol {
        list-style: none; }

.w8-menu {
  width: 100%;
  background-color: white !important;
  z-index: 10;
  color: var(--text-color-w8);
  position: relative;
  padding: 1em; }
  .w8-menu__sticky {
    background-color: #e4e4e4; }
  @media only screen and (min-width: 37.5em) {
    .w8-menu__ab {
      background-color: transparent;
      position: absolute; } }
  .w8-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 9em; }
    @media only screen and (max-width: 37.5em) {
      .w8-menu__group {
        margin-right: 0;
        width: 100%; } }
  .w8-menu__nav__button-nav {
    z-index: 15;
    display: block;
    padding: 1em 0.5em;
    height: 3.5em;
    display: flex;
    align-items: center;
    font-size: 1.4em;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap; }
    @media only screen and (min-width: 62.5em) {
      .w8-menu__nav__button-nav {
        display: none; } }
  .w8-menu__nav__icon {
    margin-right: 1em;
    cursor: pointer;
    background-color: darkgray !important;
    display: none; }
    .w8-menu__nav__icon::before, .w8-menu__nav__icon::after {
      background-color: darkgray !important; }
  .w8-menu__nav__checkbox {
    display: none; }
  @media only screen and (min-width: 62.5em) {
    .w8-menu__nav__checkbox:checked ~ .w8-menu__first-group .w8-menu__first-group__items {
      display: flex; } }
  @media only screen and (max-width: 62.5em) {
    .w8-menu__nav__checkbox:checked ~ .w8-menu__first-group .w8-menu__first-group__items {
      display: block; } }
  .w8-menu__nav__checkbox:checked ~ .w8-menu__second-group {
    display: block; }
  .w8-menu__first-group {
    align-items: center; }
    @media only screen and (min-width: 62.5em) {
      .w8-menu__first-group {
        display: flex; } }
    .w8-menu__first-group__imgbox {
      margin-right: 2em;
      height: 9em; }
      .w8-menu__first-group__imgbox__img {
        height: 100% !important; }
      @media only screen and (max-width: 37.5em) {
        .w8-menu__first-group__imgbox {
          margin-right: 0;
          text-align: right; } }
    @media only screen and (min-width: 62.5em) {
      .w8-menu__first-group__items {
        display: flex; } }
    @media only screen and (max-width: 62.5em) {
      .w8-menu__first-group__items {
        display: none;
        position: absolute;
        left: 0;
        top: 14.5em;
        background-color: white !important;
        z-index: 2;
        width: 27em; } }
    .w8-menu__first-group__items__bg {
      height: 50em; }
    .w8-menu__first-group__items__text {
      list-style: none;
      padding: 3em 2em;
      position: relative;
      cursor: pointer; }
      @media only screen and (max-width: 62.5em) {
        .w8-menu__first-group__items__text {
          min-width: 25em; } }
      .w8-menu__first-group__items__text--a {
        display: flex;
        justify-content: space-between;
        font-weight: 500;
        white-space: nowrap;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.4em;
        color: var(--text-color-w) !important; }
      .w8-menu__first-group__items__text:hover {
        background-color: rgba(244, 244, 244, 0.332) !important;
        color: var(--hover-color-w) !important; }
    @media only screen and (min-width: 62.5em) {
      .w8-menu__first-group__items__text:hover .w8-menu__first-group__items__drop {
        display: flex; } }
    @media only screen and (max-width: 62.5em) {
      .w8-menu__first-group__items__text:hover .w8-menu__first-group__items__drop {
        visibility: visible; } }
    @media only screen and (min-width: 62.5em) {
      .w8-menu__first-group__items__drop__text:hover .w8-menu__first-group__items__drop-1 {
        display: flex;
        visibility: visible; } }
    .w8-menu__first-group__items__drop {
      box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5;
      display: none;
      position: absolute;
      background-color: white !important;
      z-index: 2;
      top: 7.5em;
      left: 0; }
      @media only screen and (max-width: 62.5em) {
        .w8-menu__first-group__items__drop {
          top: 6em;
          display: block;
          left: auto;
          transition: all 0.2s;
          visibility: hidden;
          width: 27em; } }
      @media only screen and (max-width: 62.5em) {
        .w8-menu__first-group__items__drop__col {
          margin-top: 2em;
          border-bottom: 0.1rem solid #e4e4e4; } }
      .w8-menu__first-group__items__drop-before {
        display: none;
        align-items: center; }
        @media only screen and (max-width: 62.5em) {
          .w8-menu__first-group__items__drop-before {
            display: flex;
            position: absolute;
            align-items: center;
            top: -3em;
            padding-left: 1em;
            font-size: 1.3em;
            font-weight: 600;
            z-index: 15;
            background-color: white !important;
            width: 100%;
            height: 3em;
            border-bottom: 0.1em solid #eee; } }
        .w8-menu__first-group__items__drop-before__icon {
          font-size: 1.2em; }
      .w8-menu__first-group__items__drop__text {
        list-style: none;
        padding: 0.5em 2em;
        line-height: 4em;
        min-width: 15em;
        text-overflow: ellipsis;
        overflow: hidden; }
        .w8-menu__first-group__items__drop__text--a {
          cursor: pointer;
          font-weight: 500;
          white-space: nowrap;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 1.4em;
          color: black; }
          .w8-menu__first-group__items__drop__text--a:hover {
            color: var(--main-color-w) !important; }
        .w8-menu__first-group__items__drop__text:hover {
          background-color: rgba(244, 244, 244, 0.5);
          color: var(--main-color-w) !important; }
      .w8-menu__first-group__items__drop-1 {
        position: absolute;
        visibility: hidden;
        top: 0;
        left: 13em;
        background-color: white !important;
        transition: all 0.2s; }
        @media only screen and (min-width: 62.5em) {
          .w8-menu__first-group__items__drop-1 {
            display: flex;
            box-shadow: 0.1em 0.1em 0.5em 0.1em #f5f5f5; } }
        @media only screen and (max-width: 62.5em) {
          .w8-menu__first-group__items__drop-1 {
            width: 25em; } }
        .w8-menu__first-group__items__drop-1-before {
          display: none;
          align-items: center; }
          @media only screen and (max-width: 62.5em) {
            .w8-menu__first-group__items__drop-1-before {
              position: absolute;
              top: -3em;
              padding-left: 1em;
              font-size: 1.3em;
              font-weight: 600;
              z-index: 15;
              background-color: white !important;
              width: 100%;
              height: 3em;
              display: flex;
              border-bottom: 0.1em solid #eee; } }
          .w8-menu__first-group__items__drop-1-before__icon {
            font-size: 1.2em; }
        .w8-menu__first-group__items__drop-1__text {
          list-style: none;
          line-height: 4em;
          transition: none;
          min-width: 15em;
          padding: 0.5em 2em; }
          .w8-menu__first-group__items__drop-1__text--a {
            cursor: pointer;
            font-weight: 500;
            white-space: nowrap;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 1.4em;
            color: black; }
            .w8-menu__first-group__items__drop-1__text--a:hover {
              color: var(--main-color-w); }
          .w8-menu__first-group__items__drop-1__text:hover {
            background-color: rgba(244, 244, 244, 0.5) !important;
            color: var(--main-color-w); }
  @media only screen and (max-width: 62.5em) {
    .w8-menu__second-group {
      position: absolute;
      background-color: white !important;
      left: 0;
      top: 7em;
      width: 27em;
      display: none;
      z-index: 10; } }
  .w8-menu__second-group__items {
    display: flex;
    margin-right: 2em;
    align-items: center;
    justify-content: center;
    z-index: 1; }
    .w8-menu__second-group__items__item {
      position: relative;
      height: 8em;
      line-height: 9em; }
      .w8-menu__second-group__items__item__icon {
        margin: 0 1.5em;
        font-size: 2em;
        cursor: pointer;
        transition: all 0.2s; }
        .w8-menu__second-group__items__item__icon:hover {
          color: var(--main-color-w) !important; }
      .w8-menu__second-group__items__item__drop {
        display: none;
        position: absolute;
        top: 7em;
        left: 0;
        background-color: white !important; }
        @media only screen and (max-width: 62.5em) {
          .w8-menu__second-group__items__item__drop {
            box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5; } }
        .w8-menu__second-group__items__item__drop__ul {
          list-style: none; }
        .w8-menu__second-group__items__item__drop__li {
          cursor: pointer;
          padding: 0 1em;
          line-height: 5em; }
          .w8-menu__second-group__items__item__drop__li:hover {
            background-color: rgba(244, 244, 244, 0.5) !important;
            color: var(--main-color-w) !important; }
    .w8-menu__second-group__items__item:hover .w8-menu__second-group__items__item__drop {
      display: block;
      z-index: 1; }
  .w8-menu__nav__checkbox-search:checked ~ .w8-menu__search {
    top: 0;
    visibility: visible; }
  .w8-menu__nav__checkbox-search {
    display: none;
    cursor: pointer; }
  .w8-menu__search {
    position: fixed;
    top: -15em;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: white !important;
    padding: 4em;
    color: #757575;
    box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5;
    transition: all 0.2s;
    z-index: 15; }
    .w8-menu__search__content {
      max-width: 120rem;
      margin: 0 auto; }
      .w8-menu__search__content__title {
        display: flex;
        justify-content: space-between;
        font-size: 1.4em; }
        .w8-menu__search__content__title__icon {
          font-size: 1.5em;
          background: none;
          border: none;
          cursor: pointer; }
        .w8-menu__search__content__title__checkbox {
          cursor: pointer; }
      .w8-menu__search__content__input {
        margin-top: 1em;
        display: flex;
        justify-content: space-between;
        padding: 2em 0;
        width: 100%;
        border-bottom: 0.2em solid #f5f5f5 !important; }
        .w8-menu__search__content__input__text {
          border: none;
          font-weight: 500;
          font-size: 2em;
          text-transform: uppercase;
          color: black;
          width: 100%;
          font-family: 'SVN-Sofia Pro Light'; }
          .w8-menu__search__content__input__text::-webkit-input-placeholder {
            color: black; }
          .w8-menu__search__content__input__text:focus {
            outline: none; }
        .w8-menu__search__content__input__icon {
          cursor: pointer;
          font-size: 3em; }

.w8-banner {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  background-color: white;
  color: var(--text-color-w8);
  background-position: top contain;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2em 1em; }
  .w8-banner .owl-dots .owl-dot.active span {
    background-color: var(--main-color-w) !important; }
  .w8-banner .owl-dots {
    position: absolute;
    margin-top: 0 !important;
    bottom: .5em;
    width: 100%; }
  .w8-banner__video {
    z-index: -2;
    object-fit: cover;
    width: 100%; }
  .w8-banner__group {
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top: 3em;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    top: 0; }
  .w8-banner__heading {
    font-weight: 500;
    color: var(--main-color-w);
    font-size: 4em; }
    @media only screen and (max-width: 56.25em) {
      .w8-banner__heading {
        font-size: 3em !important; } }
    @media only screen and (max-width: 37.5em) {
      .w8-banner__heading {
        font-size: 2em !important;
        margin-top: 1em; } }
    @media only screen and (max-width: 25em) {
      .w8-banner__heading {
        font-size: 1.4em !important;
        margin-top: 1em; } }
  .w8-banner__des {
    margin-top: 0.5em;
    font-weight: 600;
    font-size: 7em;
    color: white;
    width: 100%; }
    @media only screen and (max-width: 56.25em) {
      .w8-banner__des {
        font-size: 2em !important; } }
    @media only screen and (max-width: 37.5em) {
      .w8-banner__des {
        margin-top: .5em !important; } }
    @media only screen and (max-width: 25em) {
      .w8-banner__des {
        font-size: 1.2em !important; } }
  .w8-banner__sub {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.6em;
    color: white; }
    @media only screen and (max-width: 37.5em) {
      .w8-banner__sub {
        font-size: 0.8em !important; } }
  .w8-banner__button {
    margin-top: 2em;
    background-color: var(--main-color-w);
    border: none;
    border-radius: 0.3em;
    padding: 1em 2em;
    color: white;
    font-size: 1.8em;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    outline: none; }
    @media only screen and (max-width: 37.5em) {
      .w8-banner__button {
        margin-top: 0;
        padding: 0.5 1em;
        font-size: 1.3em !important; } }
    @media only screen and (max-width: 31.25em) {
      .w8-banner__button {
        margin-top: 1em;
        padding: 0.5 1em;
        font-size: .8em !important; } }

.w8-product-1 {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w8); }
  .w8-product-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(10em, 1fr));
    grid-template-rows: repeat(2, minmax(22em, 1fr));
    grid-gap: 2em; }
    @media only screen and (max-width: 37.5em) {
      .w8-product-1__group {
        grid-template-columns: repeat(2, minmax(5em, 1fr));
        grid-template-rows: repeat(4, minmax(22em, 1fr)); } }
  .w8-product-1__items {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
    .w8-product-1__items__imgbox {
      transition: all .2s;
      align-self: flex-start;
      height: 100%;
      opacity: 1;
      background-size: cover !important; }
      .w8-product-1__items__imgbox__img {
        width: 100%;
        height: 100%; }
      .w8-product-1__items__imgbox:hover {
        transform: scale(1.1); }
    .w8-product-1__items--1 {
      grid-row: 1 /2;
      grid-column: 1 /2;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-1__items--1 {
          grid-row: 1 /2;
          grid-column: 1 /2; } }
    .w8-product-1__items--2 {
      grid-row: 1 / span 2;
      grid-column: 2 /3;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-1__items--2 {
          grid-row: 1 / span 2;
          grid-column: 2 /3; } }
    .w8-product-1__items--3 {
      grid-row: 1 / 2;
      grid-column: 3 /4;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-1__items--3 {
          grid-row: 2 / 3;
          grid-column: 1 /2; } }
    .w8-product-1__items--4 {
      grid-row: 1 / 2;
      grid-column: 4 /5;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-1__items--4 {
          grid-row: 3 / 4;
          grid-column: 1 /2; } }
    .w8-product-1__items--5 {
      grid-row: 2 / 3;
      grid-column: 1 /2;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-1__items--5 {
          grid-row: 3 / 4;
          grid-column: 2 /3; } }
    .w8-product-1__items--6 {
      grid-row: 2 / 3;
      grid-column: 3 / span 2;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-1__items--6 {
          grid-row: 4 / 5;
          grid-column: 1 / span 2; } }
    .w8-product-1__items__button {
      font-weight: 600;
      font-size: 1.8em;
      text-transform: uppercase;
      padding: 1.3em 3em;
      border-radius: .3em;
      background-color: rgba(255, 255, 255, 0.897);
      border: none;
      position: absolute;
      outline: none;
      cursor: pointer;
      display: inline-block;
      transition: all .2s;
      line-height: 1.8em; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-1__items__button {
          font-size: 1em;
          padding: 1em; } }
      .w8-product-1__items__button:hover {
        background-color: var(--hover-color-w);
        color: white; }

.w8-product {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w8-product__group {
    max-width: 120em;
    margin: 0 auto; }
  .w8-product__heading {
    text-align: center; }
    .w8-product__heading__title {
      font-weight: 500;
      font-size: 3em;
      line-height: 1.8em; }
    .w8-product__heading__des {
      margin-top: 1em;
      font-weight: 300;
      font-size: 2em;
      line-height: 1.8em; }
  .w8-product__items {
    margin-top: 4em;
    display: flex;
    margin-bottom: 1.5em;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .w8-product__items {
        display: block; } }
    .w8-product__items__item {
      position: relative;
      width: 23%; }
      @media only screen and (max-width: 37.5em) {
        .w8-product__items__item {
          width: 49%;
          display: inline-block; } }
      .w8-product__items__item__imgbox {
        position: relative; }
        .w8-product__items__item__imgbox__info {
          padding: 0.5em;
          background-color: var(--main-color-w);
          position: absolute;
          color: white;
          margin: 1em;
          top: 0; }
        .w8-product__items__item__imgbox__img {
          width: 100%; }
      .w8-product__items__item:hover .w8-product__items__item__card {
        transform: translateY(-10em); }
      .w8-product__items__item:hover .w8-product__items__item__card .w8-product__items__item__card__content__button {
        visibility: visible; }
      .w8-product__items__item__card {
        background-color: white;
        transition: all 0.2s; }
        .w8-product__items__item__card__timebox {
          display: flex;
          justify-content: space-evenly;
          text-align: center; }
          .w8-product__items__item__card__timebox__date {
            background-color: rgba(255, 255, 255, 0.893);
            color: var(--main-color-w);
            padding: 1.5em 0.8em;
            font-size: 1.5em;
            width: 24%;
            text-align: center;
            border-radius: 0.2em; }
            .w8-product__items__item__card__timebox__date__number {
              font-weight: 600; }
            .w8-product__items__item__card__timebox__date__text {
              font-weight: 300; }
        .w8-product__items__item__card__content {
          text-align: center;
          padding-top: 1em; }
          .w8-product__items__item__card__content__text {
            color: darkgrey;
            font-size: 1.4em; }
          .w8-product__items__item__card__content__icon {
            margin-top: 1em;
            display: flex;
            justify-content: center; }
            .w8-product__items__item__card__content__icon__svg {
              font-size: 1.5em;
              color: darkorange; }
          .w8-product__items__item__card__content__name {
            margin-top: 1em;
            font-weight: 500; }
          .w8-product__items__item__card__content__price {
            display: flex;
            justify-content: center;
            font-size: 1.6em;
            margin-top: 0.5em; }
            .w8-product__items__item__card__content__price__main {
              color: var(--main-color-w); }
            .w8-product__items__item__card__content__price__sub {
              text-decoration: line-through;
              margin-left: 1em; }
          .w8-product__items__item__card__content__thumlist {
            margin-top: 2em;
            display: flex;
            justify-content: center; }
            .w8-product__items__item__card__content__thumlist__imgbox {
              transition: all 0.2s;
              cursor: pointer;
              max-width: 5em;
              overflow: hidden;
              width: 3em;
              height: 4em;
              object-fit: cover; }
              .w8-product__items__item__card__content__thumlist__imgbox:not(:last-child) {
                margin-right: 0.2em; }
              .w8-product__items__item__card__content__thumlist__imgbox__img {
                width: 100%;
                border-radius: 0.5em; }
              .w8-product__items__item__card__content__thumlist__imgbox:hover {
                border: 0.2em solid var(--hover-color-w); }
          .w8-product__items__item__card__content__button {
            transition: all 0.2s;
            background-color: var(--main-color-w);
            color: white;
            cursor: pointer;
            padding: 0.7em 1.5em;
            border: none;
            display: flex;
            align-items: center;
            border-radius: 0.5em;
            margin-top: 2em;
            margin: 2em auto 0 auto;
            visibility: hidden;
            white-space: nowrap;
            font-size: 1.4em; }
            @media only screen and (max-width: 37.5em) {
              .w8-product__items__item__card__content__button {
                padding: 0.5em; } }
            .w8-product__items__item__card__content__button__icon {
              color: white;
              font-size: 1.5em; }
              @media only screen and (max-width: 37.5em) {
                .w8-product__items__item__card__content__button__icon {
                  font-size: 1em; } }
            .w8-product__items__item__card__content__button__text {
              font-weight: 600;
              font-size: 1.1em;
              margin-left: 0.5em;
              white-space: nowrap; }
              @media only screen and (max-width: 37.5em) {
                .w8-product__items__item__card__content__button__text {
                  font-size: 1em; } }
            .w8-product__items__item__card__content__button:hover {
              filter: brightness(0.8); }

.w8-ads {
  width: 100%;
  background-color: white;
  color: var(--text-color-w8); }
  .w8-ads__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
  .w8-ads__items {
    width: 32%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w8-ads__items {
        width: 100%; } }
    .w8-ads__items:hover .w8-ads__items__imgbox {
      transform: scale(1.1); }
    .w8-ads__items:hover .w8-ads__items__text {
      transform: scale(1.2); }
    .w8-ads__items__imgbox {
      transition: all .1s;
      width: 100%; }
      .w8-ads__items__imgbox__img {
        width: 100%; }
    .w8-ads__items__text {
      position: absolute;
      text-align: center;
      transition: all .2s;
      padding: 4em;
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 1em; }
      @media only screen and (max-width: 50em) {
        .w8-ads__items__text {
          padding: 2em; } }
      .w8-ads__items__text__sub {
        margin-top: .5em;
        font-weight: 600;
        font-size: 2em; }
        @media only screen and (max-width: 50em) {
          .w8-ads__items__text__sub {
            font-size: 1.6em; } }
      .w8-ads__items__text__main {
        font-weight: 500;
        font-size: 1.6em; }
        @media only screen and (max-width: 50em) {
          .w8-ads__items__text__main {
            font-size: 1.3em; } }

.w8-product-2 {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w8); }
  .w8-product-2__group {
    max-width: 120em;
    margin: 0 auto; }
  .w8-product-2__heading {
    text-align: center; }
    .w8-product-2__heading__title {
      font-weight: 500;
      font-size: 3em; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-2__heading__title {
          font-size: 1.6em; } }
    .w8-product-2__heading__des {
      margin-top: 1em;
      font-weight: 300;
      font-size: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-2__heading__des {
          font-size: 1.2em; } }
  .w8-product-2__items {
    margin-top: 4em;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5em; }
    .w8-product-2__items__item {
      position: relative;
      width: 23%;
      margin-left: 1%; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-2__items__item {
          width: 48%;
          display: inline-block; } }
      .w8-product-2__items__item__imgbox {
        position: relative; }
        .w8-product-2__items__item__imgbox__info {
          padding: 0.5em;
          background-color: var(--main-color-w);
          position: absolute;
          color: white;
          margin: 1em;
          top: 0; }
        .w8-product-2__items__item__imgbox__img {
          width: 100%; }
      .w8-product-2__items__item:hover .w8-product-2__items__item__card {
        transform: translateY(-10em); }
      .w8-product-2__items__item:hover .w8-product-2__items__item__card .w8-product-2__items__item__card__content__button {
        visibility: visible; }
      .w8-product-2__items__item__card {
        background-color: white;
        transition: all .2s; }
        .w8-product-2__items__item__card__timebox {
          display: flex;
          justify-content: space-evenly;
          text-align: center; }
          .w8-product-2__items__item__card__timebox__date {
            background-color: rgba(255, 255, 255, 0.893);
            color: var(--main-color-w);
            padding: 1.5em 0.8em;
            font-size: 1.5em;
            width: 24%;
            text-align: center;
            border-radius: .2em; }
            .w8-product-2__items__item__card__timebox__date__number {
              font-weight: 600; }
            .w8-product-2__items__item__card__timebox__date__text {
              font-weight: 300; }
        .w8-product-2__items__item__card__content {
          text-align: center;
          padding-top: 1em; }
          .w8-product-2__items__item__card__content__text {
            color: darkgrey;
            font-size: 1.4em; }
          .w8-product-2__items__item__card__content__icon {
            margin-top: 1em;
            display: flex;
            justify-content: center; }
            .w8-product-2__items__item__card__content__icon__svg {
              font-size: 1.5em;
              color: darkorange; }
          .w8-product-2__items__item__card__content__name {
            margin-top: 1em;
            font-weight: 500; }
          .w8-product-2__items__item__card__content__price {
            display: flex;
            justify-content: center;
            font-size: 1.6em;
            margin-top: 0.5em; }
            .w8-product-2__items__item__card__content__price__main {
              color: var(--main-color-w); }
            .w8-product-2__items__item__card__content__price__sub {
              text-decoration: line-through;
              margin-left: 1em;
              font-size: 0.8em; }
          .w8-product-2__items__item__card__content__thumlist {
            margin-top: 2em;
            display: flex;
            justify-content: center; }
            .w8-product-2__items__item__card__content__thumlist__imgbox {
              transition: all .2s;
              cursor: pointer;
              max-width: 5em;
              max-height: 5em;
              border-radius: .5em;
              overflow: hidden;
              object-fit: cover; }
              .w8-product-2__items__item__card__content__thumlist__imgbox:not(:last-child) {
                margin-right: 0.2em; }
              .w8-product-2__items__item__card__content__thumlist__imgbox__img {
                width: 100%; }
              .w8-product-2__items__item__card__content__thumlist__imgbox:hover {
                border: 0.2em solid var(--hover-color-w); }
          .w8-product-2__items__item__card__content__button {
            transition: all .2s;
            background-color: var(--main-color-w);
            color: white;
            cursor: pointer;
            padding: 1em 2em;
            border: none;
            display: flex;
            align-items: center;
            border-radius: 0.5em;
            margin-top: 2em;
            margin: 2em auto 0 auto;
            visibility: hidden;
            display: inline-block;
            font-size: 1.4em;
            white-space: nowrap; }
            @media only screen and (max-width: 37.5em) {
              .w8-product-2__items__item__card__content__button {
                font-size: 1em; } }
            .w8-product-2__items__item__card__content__button__icon {
              color: white;
              font-size: 1.5em; }
            .w8-product-2__items__item__card__content__button__text {
              font-weight: 600;
              font-size: 1.4em;
              margin-left: 0.5em; }
            .w8-product-2__items__item__card__content__button:hover {
              filter: brightness(0.8); }

.w8-product-3 {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w8-product-3__group {
    max-width: 120em;
    margin: 0 auto; }
  .w8-product-3__heading {
    text-align: center; }
    .w8-product-3__heading__title {
      font-weight: 500;
      font-size: 3em; }
    .w8-product-3__heading__des {
      margin-top: 1em;
      font-weight: 300;
      font-size: 2em; }
  .w8-product-3__items {
    margin-top: 4em;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5em; }
    @media only screen and (max-width: 37.5em) {
      .w8-product-3__items {
        display: block; } }
    .w8-product-3__items__item {
      position: relative;
      width: 100%; }
      @media only screen and (max-width: 37.5em) {
        .w8-product-3__items__item {
          width: 100%;
          display: inline-block; } }
      .w8-product-3__items__item__imgbox {
        position: relative;
        height: 50em; }
        .w8-product-3__items__item__imgbox__info {
          padding: 0.5em;
          background-color: var(--main-color-w);
          position: absolute;
          color: white;
          margin: 1em; }
        .w8-product-3__items__item__imgbox__img {
          width: 100%; }
      .w8-product-3__items__item:hover .w8-product-3__items__item__card {
        transform: translateY(-10em); }
      .w8-product-3__items__item:hover .w8-product-3__items__item__card .w8-product-3__items__item__card__content__button {
        visibility: visible; }
      .w8-product-3__items__item__card {
        background-color: white;
        transition: all 0.2s; }
        .w8-product-3__items__item__card__timebox {
          display: flex;
          justify-content: space-evenly;
          text-align: center; }
          .w8-product-3__items__item__card__timebox__date {
            background-color: rgba(255, 255, 255, 0.893);
            color: var(--main-color-w);
            padding: 1.5em 0.8em;
            font-size: 1.5em;
            width: 24%;
            text-align: center;
            border-radius: 0.2em; }
            .w8-product-3__items__item__card__timebox__date__number {
              font-weight: 600; }
            .w8-product-3__items__item__card__timebox__date__text {
              font-weight: 300; }
        .w8-product-3__items__item__card__content {
          text-align: center;
          padding-top: 1em; }
          .w8-product-3__items__item__card__content__text {
            color: darkgrey;
            font-size: 1.4em; }
          .w8-product-3__items__item__card__content__icon {
            margin-top: 1em;
            display: flex;
            justify-content: center; }
            .w8-product-3__items__item__card__content__icon__svg {
              font-size: 1.5em;
              color: darkorange; }
          .w8-product-3__items__item__card__content__name {
            margin-top: 1em;
            font-weight: 500; }
          .w8-product-3__items__item__card__content__price {
            display: flex;
            justify-content: center;
            font-size: 1.6em;
            margin-top: 0.5em; }
            .w8-product-3__items__item__card__content__price__main {
              color: var(--main-color-w); }
            .w8-product-3__items__item__card__content__price__sub {
              text-decoration: line-through;
              margin-left: 1em; }
          .w8-product-3__items__item__card__content__thumlist {
            margin-top: 2em;
            display: flex;
            justify-content: center; }
            .w8-product-3__items__item__card__content__thumlist__imgbox {
              transition: all 0.2s;
              cursor: pointer;
              max-width: 5em;
              overflow: hidden;
              object-fit: cover;
              width: 4em;
              height: 5em; }
              .w8-product-3__items__item__card__content__thumlist__imgbox:not(:last-child) {
                margin-right: 0.2em; }
              .w8-product-3__items__item__card__content__thumlist__imgbox__img {
                width: 100%;
                border-radius: 0.5em; }
              .w8-product-3__items__item__card__content__thumlist__imgbox:hover {
                border: 0.2em solid var(--hover-color-w); }
          .w8-product-3__items__item__card__content__button {
            transition: all 0.2s;
            background-color: var(--main-color-w);
            color: white;
            cursor: pointer;
            padding: 0.7em 1.5em;
            border: none;
            display: flex;
            align-items: center;
            border-radius: 0.5em;
            margin-top: 2em;
            margin: 2em auto 0 auto;
            visibility: hidden;
            white-space: nowrap;
            font-size: 1.4em; }
            @media only screen and (max-width: 37.5em) {
              .w8-product-3__items__item__card__content__button {
                padding: 0.5em; } }
            .w8-product-3__items__item__card__content__button__icon {
              color: white;
              font-size: 1.5em; }
              @media only screen and (max-width: 37.5em) {
                .w8-product-3__items__item__card__content__button__icon {
                  font-size: 1em; } }
            .w8-product-3__items__item__card__content__button__text {
              font-weight: 600;
              font-size: 1.1em;
              margin-left: 0.5em;
              white-space: nowrap; }
              @media only screen and (max-width: 37.5em) {
                .w8-product-3__items__item__card__content__button__text {
                  font-size: 1em; } }
            .w8-product-3__items__item__card__content__button:hover {
              filter: brightness(0.8); }

.w8-menu-1 {
  width: 100%;
  background-color: white;
  z-index: 10;
  position: relative;
  color: var(--text-color-w8); }
  .w8-menu-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    @media only screen and (min-width: 37.5em) and (max-width: 62.5em) {
      .w8-menu-1__group {
        margin-right: calc((100% - 20em)/2); } }
    @media only screen and (max-width: 37.5em) {
      .w8-menu-1__group {
        margin-right: 1em; } }
  .w8-menu-1__ab {
    z-index: 1; }
    @media only screen and (min-width: 37.5em) {
      .w8-menu-1__ab {
        position: absolute;
        background-color: transparent; } }
  .w8-menu-1__nav__button-nav {
    z-index: 15;
    display: block;
    padding: 1em .5em;
    height: 3.5em;
    display: flex;
    align-items: center;
    font-size: 1.4em; }
    @media only screen and (min-width: 62.5em) {
      .w8-menu-1__nav__button-nav {
        display: none; } }
  .w8-menu-1__nav__icon {
    margin-right: 1em;
    background-color: darkgray; }
    .w8-menu-1__nav__icon::before, .w8-menu-1__nav__icon::after {
      background-color: darkgray; }
  .w8-menu-1__nav__checkbox {
    display: none; }
  @media only screen and (min-width: 62.5em) {
    .w8-menu-1__nav__checkbox:checked ~ .w8-menu-1__first-group .w8-menu-1__first-group__items {
      display: flex; } }
  @media only screen and (max-width: 62.5em) {
    .w8-menu-1__nav__checkbox:checked ~ .w8-menu-1__first-group .w8-menu-1__first-group__items {
      display: block; } }
  .w8-menu-1__nav__checkbox:checked ~ .w8-menu-1__second-group {
    display: block; }
  .w8-menu-1__first-group {
    align-items: center; }
    @media only screen and (min-width: 62.5em) {
      .w8-menu-1__first-group {
        display: flex; } }
    .w8-menu-1__first-group__imgbox {
      width: 15em;
      margin-right: 2em; }
      .w8-menu-1__first-group__imgbox__img {
        max-width: 100%; }
      @media only screen and (max-width: 37.5em) {
        .w8-menu-1__first-group__imgbox {
          margin-left: auto; } }
    @media only screen and (min-width: 62.5em) {
      .w8-menu-1__first-group__items {
        display: flex; } }
    @media only screen and (max-width: 62.5em) {
      .w8-menu-1__first-group__items {
        display: none;
        position: absolute;
        left: 0;
        top: 11.5em;
        background-color: white;
        z-index: 2; } }
    .w8-menu-1__first-group__items__bg {
      overflow-y: scroll;
      height: 50em; }
    .w8-menu-1__first-group__items__text {
      line-height: 8em;
      height: 8em;
      list-style: none;
      padding: 0 1em;
      cursor: pointer;
      padding: 0 3em; }
      @media only screen and (max-width: 62.5em) {
        .w8-menu-1__first-group__items__text {
          min-width: 25em; } }
      .w8-menu-1__first-group__items__text--a {
        display: flex;
        justify-content: space-between;
        font-weight: 500;
        white-space: nowrap;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.4em; }
      .w8-menu-1__first-group__items__text:hover {
        background-color: rgba(244, 244, 244, 0.332);
        color: var(--hover-color-w); }
    @media only screen and (min-width: 62.5em) {
      .w8-menu-1__first-group__items__text:hover .w8-menu-1__first-group__items__drop {
        display: flex; } }
    @media only screen and (max-width: 62.5em) {
      .w8-menu-1__first-group__items__text:hover .w8-menu-1__first-group__items__drop {
        visibility: visible;
        top: 0; } }
    @media only screen and (min-width: 62.5em) {
      .w8-menu-1__first-group__items__drop__text:hover .w8-menu-1__first-group__items__drop-1 {
        display: flex;
        visibility: visible; } }
    .w8-menu-1__first-group__items__drop {
      box-shadow: .1em .1em 1em 0.1em #f5f5f5;
      display: none;
      position: absolute;
      background-color: white;
      z-index: 2;
      left: 0; }
      @media only screen and (max-width: 62.5em) {
        .w8-menu-1__first-group__items__drop {
          top: 5em;
          display: block;
          left: 25em;
          visibility: hidden; } }
      @media only screen and (max-width: 62.5em) {
        .w8-menu-1__first-group__items__drop__col {
          border-bottom: .1rem solid #e4e4e4; } }
      .w8-menu-1__first-group__items__drop-before {
        display: none;
        align-items: center; }
        @media only screen and (max-width: 62.5em) {
          .w8-menu-1__first-group__items__drop-before {
            display: flex;
            position: absolute;
            align-items: center;
            top: -3em;
            padding-left: 1em;
            font-size: 1.3em;
            font-weight: 600;
            z-index: 15;
            background-color: white;
            width: 100%;
            height: 3em;
            border-bottom: 0.1em solid #eee; } }
        .w8-menu-1__first-group__items__drop-before__icon {
          font-size: 1.2em; }
      .w8-menu-1__first-group__items__drop__text {
        list-style: none;
        padding: .5em 2em;
        line-height: 4em;
        min-width: 15em; }
        .w8-menu-1__first-group__items__drop__text--a {
          cursor: pointer;
          font-weight: 500;
          white-space: nowrap;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 1.4em;
          color: black; }
          .w8-menu-1__first-group__items__drop__text--a-pr {
            font-weight: 700; }
          .w8-menu-1__first-group__items__drop__text--a:hover {
            color: var(--main-color-w); }
        .w8-menu-1__first-group__items__drop__text:hover {
          color: var(--main-color-w); }
      .w8-menu-1__first-group__items__drop-1 {
        display: flex;
        position: relative;
        top: 0;
        background-color: white; }
        .w8-menu-1__first-group__items__drop-1-before {
          display: none;
          align-items: center; }
          @media only screen and (max-width: 62.5em) {
            .w8-menu-1__first-group__items__drop-1-before {
              position: absolute;
              top: -3em;
              padding-left: 1em;
              font-size: 1.3em;
              font-weight: 600;
              z-index: 15;
              background-color: white;
              width: 100%;
              height: 3em;
              display: flex;
              border-bottom: 0.1em solid #eee; } }
          .w8-menu-1__first-group__items__drop-1-before__icon {
            font-size: 1.2em; }
        .w8-menu-1__first-group__items__drop-1__text {
          list-style: none;
          line-height: 4em;
          transition: none;
          min-width: 15em;
          padding: .5em 1em; }
          .w8-menu-1__first-group__items__drop-1__text--a {
            cursor: pointer;
            font-weight: 500;
            white-space: nowrap;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 1.4em;
            color: black; }
            .w8-menu-1__first-group__items__drop-1__text--a:hover {
              color: var(--main-color-w); }
          .w8-menu-1__first-group__items__drop-1__text:hover {
            background-color: rgba(244, 244, 244, 0.5);
            color: var(--main-color-w); }
  @media only screen and (max-width: 62.5em) {
    .w8-menu-1__second-group {
      position: absolute;
      background-color: white;
      left: 0;
      top: 4.9em;
      width: 25em;
      display: none;
      z-index: 10; } }
  .w8-menu-1__second-group__items {
    display: flex;
    margin-right: 2em;
    align-items: center;
    justify-content: center;
    z-index: 1; }
    .w8-menu-1__second-group__items__item {
      position: relative;
      height: 8em;
      line-height: 9em; }
      .w8-menu-1__second-group__items__item__icon {
        margin: 0 1.5em;
        font-size: 2em;
        cursor: pointer;
        transition: all .2s; }
        .w8-menu-1__second-group__items__item__icon:hover {
          colo: var(--main-color-w); }
      .w8-menu-1__second-group__items__item__drop {
        display: none;
        position: absolute;
        top: 7em;
        left: 0;
        background-color: white; }
        @media only screen and (max-width: 62.5em) {
          .w8-menu-1__second-group__items__item__drop {
            box-shadow: .1em .1em 1em 0.1em #f5f5f5; } }
        .w8-menu-1__second-group__items__item__drop__ul {
          list-style: none; }
        .w8-menu-1__second-group__items__item__drop__li {
          cursor: pointer;
          padding: 0 1em;
          line-height: 5em; }
          .w8-menu-1__second-group__items__item__drop__li:hover {
            background-color: rgba(244, 244, 244, 0.5);
            color: var(--main-color-w); }
    .w8-menu-1__second-group__items__item:hover .w8-menu-1__second-group__items__item__drop {
      display: block;
      z-index: 1; }
  .w8-menu-1__nav__checkbox-search:checked ~ .w8-menu-1__search {
    top: 0;
    visibility: visible; }
  .w8-menu-1__nav__checkbox-search {
    display: none; }
  .w8-menu-1__search {
    position: fixed;
    top: -15em;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: white;
    padding: 4em;
    color: #757575;
    box-shadow: .1em .1em 1em 0.1em #f5f5f5;
    transition: all .2s;
    z-index: 15; }
    .w8-menu-1__search__content {
      max-width: 120rem;
      margin: 0 auto; }
      .w8-menu-1__search__content__title {
        display: flex;
        justify-content: space-between;
        font-size: 1.4em; }
        .w8-menu-1__search__content__title__icon {
          font-size: 1.5em;
          background: none;
          border: none; }
      .w8-menu-1__search__content__input {
        margin-top: 1em;
        display: flex;
        justify-content: space-between;
        padding: 2em 0;
        width: 100%;
        border-bottom: .2em solid #f5f5f5; }
        .w8-menu-1__search__content__input__text {
          border: none;
          font-weight: 500;
          font-size: 2em;
          text-transform: uppercase;
          color: black;
          width: 100%; }
          .w8-menu-1__search__content__input__text::-webkit-input-placeholder {
            color: black; }
          .w8-menu-1__search__content__input__text:focus {
            outline: none; }
        .w8-menu-1__search__content__input__icon {
          cursor: pointer;
          font-size: 3em; }

.w8-articles {
  width: 100%;
  background-color: white;
  padding: 3em 1em;
  color: var(--text-color-w8); }
  .w8-articles__group {
    max-width: 120em;
    margin: 0 auto 0 auto;
    display: flex;
    padding-left: 1em;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w8-articles__group {
        flex-direction: column; } }
  .w8-articles__heading {
    text-align: center;
    display: block;
    margin-bottom: 1em; }
    .w8-articles__heading__title {
      font-weight: 500;
      font-size: 3em; }
    .w8-articles__heading__des {
      margin-top: 1em;
      font-weight: 300;
      font-size: 2em; }
  .w8-articles__items {
    cursor: pointer;
    position: relative;
    width: 32%;
    margin-right: 1em;
    height: max-content; }
    @media only screen and (max-width: 37.5em) {
      .w8-articles__items {
        width: 100%; } }
    .w8-articles__items__card {
      position: relative;
      display: flex;
      justify-content: center;
      overflow: hidden; }
      .w8-articles__items__card__imgbox {
        height: 27em; }
        .w8-articles__items__card__imgbox__img {
          width: 100%; }
      .w8-articles__items__card:hover .w8-articles__items__card__text {
        transform: scale(1.1); }
      .w8-articles__items__card__text {
        position: absolute;
        padding: 2em 3em;
        border-top-left-radius: 1em;
        border-top-right-radius: 1em;
        text-align: center;
        bottom: -.5em;
        background-color: white;
        margin: 0 auto;
        transition: all .2s; }
        @media only screen and (max-width: 50em) {
          .w8-articles__items__card__text {
            padding: 1em 2em; } }
        .w8-articles__items__card__text__main {
          color: #2267D8;
          font-weight: 500;
          font-size: 1.8em; }
          @media only screen and (max-width: 50em) {
            .w8-articles__items__card__text__main {
              font-size: 1.2em; } }
        .w8-articles__items__card__text__sub {
          margin-top: .5em;
          font-size: 2.5em;
          font-weight: 600;
          width: 7em;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          @media only screen and (max-width: 50em) {
            .w8-articles__items__card__text__sub {
              font-size: 1.8em;
              width: 10em; } }
    .w8-articles__items__info {
      padding: 2em 2em;
      text-align: center; }
      .w8-articles__items__info__main {
        color: darkgray;
        font-size: 1.4em; }
        @media only screen and (max-width: 50em) {
          .w8-articles__items__info__main {
            font-size: 1.2em; } }
      .w8-articles__items__info__sub {
        margin-top: 1em; }

.w8-services {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w8-services__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1.33333%; }
    @media only screen and (max-width: 50em) {
      .w8-services__group {
        gap: 2%; } }
  .w8-services__items {
    display: flex;
    width: 24%; }
    @media only screen and (max-width: 50em) {
      .w8-services__items {
        width: 32%; } }
    @media only screen and (max-width: 37.5em) {
      .w8-services__items {
        width: 49%; } }
    .w8-services__items__icon {
      font-size: 5em;
      color: var(--main-color-w); }
    .w8-services__items__text {
      margin-left: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w8-services__items__text {
          margin-left: 0;
          margin-top: 1em; } }
      .w8-services__items__text__main {
        font-weight: 500;
        font-size: 1.6em; }
      .w8-services__items__text__sub {
        margin-top: .5em;
        color: var(--text-color-w);
        font-weight: 300;
        font-size: 1.4em; }

.w8-ctaregister {
  width: 100%;
  background-color: var(--main-color-w);
  color: var(--text-color-w);
  padding: 2em 1em; }
  .w8-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .w8-ctaregister__group {
        flex-direction: column; } }
  .w8-ctaregister__text {
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2em; }
  .w8-ctaregister__form {
    background-color: white;
    display: flex;
    justify-content: space-between;
    border-radius: .5em;
    overflow: hidden;
    width: 40%; }
    @media only screen and (max-width: 37.5em) {
      .w8-ctaregister__form {
        width: 100%;
        margin-top: 2em; } }
    .w8-ctaregister__form__text {
      padding: 1em 1em;
      outline: none;
      border: none;
      font-size: 1.4em; }
    .w8-ctaregister__form__button {
      color: white;
      background-color: #000000;
      border: none;
      padding: 0 1em;
      cursor: pointer;
      font-weight: 600;
      font-size: 1.4em;
      display: inline-block; }
      .w8-ctaregister__form__button:hover {
        filter: brightness(0.8); }
  .w8-ctaregister__social {
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w8-ctaregister__social {
        width: 100%;
        margin-top: 2em;
        justify-content: center; } }
    .w8-ctaregister__social__icon {
      cursor: pointer;
      color: white;
      margin-left: 1em;
      font-size: 2em;
      transition: all .2s; }
      .w8-ctaregister__social__icon:hover {
        color: black; }

.w8-footer {
  position: relative;
  width: 100%;
  background-color: #F7F8FA;
  padding: 2em 1em;
  color: var(--text-color-w8); }
  .w8-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .w8-footer__group {
        display: block; } }
  .w8-footer-col {
    display: flex;
    flex-wrap: wrap;
    width: 70%; }
    @media only screen and (max-width: 37.5em) {
      .w8-footer-col {
        width: 100%;
        text-align: center; } }
    .w8-footer-col:last-child {
      width: 30%; }
      @media only screen and (max-width: 37.5em) {
        .w8-footer-col:last-child {
          width: 100%;
          text-align: center; } }
  .w8-footer__item {
    width: 33%;
    color: #333; }
    .w8-footer__item-last {
      width: 100%; }
    @media only screen and (max-width: 37.5em) {
      .w8-footer__item {
        width: 100%;
        text-align: center; } }
    .w8-footer__item__title {
      margin-top: 2rem;
      text-transform: uppercase;
      font-size: 1.4rem;
      fill: white;
      text-transform: uppercase;
      color: black;
      font-size: 1.3em; }
    .w8-footer__item__link {
      margin-top: 2rem;
      font-size: 1.3em;
      height: max-content; }
      .w8-footer__item__link a {
        margin-top: 1em;
        font-size: 1.4em;
        display: block;
        color: #333;
        text-decoration: none;
        font-weight: 300;
        line-height: 1.8em; }

.w8-downbar {
  width: 100%;
  padding: 2em 1em;
  background-color: white;
  color: var(--text-color-w8); }
  .w8-downbar__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .w8-downbar__group {
        flex-direction: column; } }
  .w8-downbar__first-group {
    display: flex;
    align-items: center; }
    .w8-downbar__first-group__imgbox {
      width: 10em;
      height: 5em; }
      .w8-downbar__first-group__imgbox__img {
        width: 10em; }
    .w8-downbar__first-group__cpr {
      margin-left: 1em; }
  .w8-downbar__second-group {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 37.5em) {
      .w8-downbar__second-group {
        margin-top: 2em; } }
    .w8-downbar__second-group__imgbox {
      display: flex;
      align-items: center;
      width: 7em;
      height: 3em; }
      .w8-downbar__second-group__imgbox__img {
        width: 5em;
        margin-left: 0.5em; }
    .w8-downbar__second-group__text {
      margin-left: 0.5em; }

.w9-ctaregister-1 {
  color: var(--text-color-w);
  width: 100%;
  background-color: white;
  padding: 2em 1em; }
  .w9-ctaregister-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1em solid #eee; }
    @media only screen and (max-width: 50em) {
      .w9-ctaregister-1__group {
        flex-direction: column;
        text-align: center; } }
  .w9-ctaregister-1__icon {
    font-size: 3em;
    color: black; }
  .w9-ctaregister-1__text {
    font-weight: 700;
    text-transform: uppercase;
    width: 10em;
    margin-left: 2em; }
    @media only screen and (max-width: 50em) {
      .w9-ctaregister-1__text {
        margin-top: 1em;
        margin-left: 0; } }
  .w9-ctaregister-1__info {
    color: darkgray;
    width: 20em; }
    @media only screen and (max-width: 50em) {
      .w9-ctaregister-1__info {
        margin-top: 1em; } }
  .w9-ctaregister-1__input {
    padding: 1em;
    border: .1em solid #eee;
    width: 50em;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 2em; }
    @media only screen and (max-width: 50em) {
      .w9-ctaregister-1__input {
        width: 100%;
        margin-top: 1em;
        margin-left: 0; } }
    .w9-ctaregister-1__input__text {
      border: none;
      outline: none;
      display: block;
      width: 80%;
      font-size: 1.5em; }
    .w9-ctaregister-1__input__button {
      margin-left: auto;
      display: block;
      background-color: var(--main-color-w);
      padding: .5em;
      border: none;
      outline: none;
      font-size: 1.5em;
      color: white;
      white-space: nowrap;
      font-weight: 600;
      cursor: pointer; }
      .w9-ctaregister-1__input__button:hover {
        filter: brightness(0.8); }

.w9-search {
  width: 100%;
  background-color: #0163D2;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-search__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .w9-search__group {
        flex-direction: column; } }
  .w9-search__imgbox {
    width: 20em;
    text-align: center;
    height: 6em; }
    .w9-search__imgbox__img {
      max-width: 100%;
      max-height: 9em; }
  .w9-search__form__text:focus .w9-search__form {
    border: 0.1em solid var(--main-color-w); }
  .w9-search__form {
    background-color: white;
    padding: 1em 2em;
    display: flex;
    width: 40%;
    border-radius: .5em;
    display: flex;
    margin-left: 1em;
    align-items: center; }
    @media only screen and (max-width: 50em) {
      .w9-search__form {
        width: 100%;
        margin-top: 1.5em; } }
    .w9-search__form:active, .w9-search__form:focus {
      border: 0.2em solid var(--main-color-w); }
    .w9-search__form__icon {
      color: var(--main-color-w);
      font-size: 2em; }
    .w9-search__form__text {
      border: none;
      outline: none;
      margin-left: 1em;
      font-size: 1.5em; }
    .w9-search__form__button {
      border: none;
      background-color: var(--main-color-w);
      padding: 1em;
      border-radius: .3em;
      color: white;
      font-weight: 600;
      cursor: pointer;
      margin-left: auto;
      font-size: 1.3em;
      border: none; }
      .w9-search__form__button:hover {
        filter: brightness(0.8); }
  .w9-search__card {
    display: flex;
    align-items: center;
    color: white; }
    @media only screen and (max-width: 50em) {
      .w9-search__card {
        width: 100%;
        margin-top: 2em;
        justify-content: center; } }
    .w9-search__card__user:hover .w9-search__card__user__drop {
      display: block; }
    .w9-search__card__user {
      cursor: pointer;
      position: relative;
      height: 6em;
      display: flex;
      align-items: center; }
      .w9-search__card__user__icon {
        color: white;
        font-size: 3em; }
      .w9-search__card__user__drop {
        display: none;
        border: 0.1em solid var(--main-color-w);
        background-color: white;
        color: black;
        top: 6em;
        position: absolute;
        padding: 2em;
        width: 30em;
        right: 0;
        z-index: 11; }
        @media only screen and (max-width: 37.5em) {
          .w9-search__card__user__drop {
            right: -21em; } }
        .w9-search__card__user__drop__heading {
          display: flex;
          font-weight: 500;
          margin-bottom: 2em;
          justify-content: space-between; }
          .w9-search__card__user__drop__heading__sign {
            font-size: 1.4em;
            white-space: nowrap; }
          .w9-search__card__user__drop__heading__create {
            font-size: 1.4em;
            white-space: nowrap;
            color: var(--main-color-w); }
        .w9-search__card__user__drop__text {
          color: darkgrey; }
        .w9-search__card__user__drop__input {
          margin-top: .5em;
          margin-bottom: .5em;
          outline: none;
          border: 0.1em solid #ececec;
          width: 100%;
          padding: 1em; }
        .w9-search__card__user__drop__button {
          display: block;
          width: 100%;
          margin: 0 auto;
          border-radius: .5em;
          border: none;
          background-color: var(--main-color-w);
          color: white;
          font-weight: 600;
          padding: 1em 0; }
        .w9-search__card__user__drop__des {
          margin-top: 1em; }
    .w9-search__card__icon {
      margin-left: 1em;
      color: white;
      font-size: 3em;
      cursor: pointer; }
      @media only screen and (max-width: 50em) {
        .w9-search__card__icon {
          margin-left: 2em; } }
    .w9-search__card__count {
      align-self: start;
      background-color: red;
      width: 2em;
      height: 2em;
      line-height: 2em;
      text-align: center;
      display: block;
      border-radius: 50%;
      margin-top: -1em; }
    .w9-search__card__price {
      cursor: pointer;
      margin-left: 1em;
      font-size: 2em; }
      @media only screen and (max-width: 50em) {
        .w9-search__card__price {
          margin-left: 2em; } }

.w9-menu {
  width: 100%;
  background-color: var(--main-color-w) !important;
  z-index: 10;
  position: relative;
  color: var(--text-color-w); }
  @media only screen and (min-width: 37.5em) {
    .w9-menu__ab {
      position: absolute;
      background-color: transparent;
      z-index: 2; } }
  .w9-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    flex-wrap: wrap; }
    @media only screen and (min-width: 37.5em) and (max-width: 62.5em) {
      .w9-menu__group {
        margin-right: calc((100% - 20em)/2); } }
    @media only screen and (max-width: 37.5em) {
      .w9-menu__group {
        margin-right: 1em; } }
  .w9-menu__nav__button-nav {
    z-index: 15;
    display: block;
    padding: 1em .5em;
    height: 3.5em;
    display: flex;
    align-items: center;
    font-size: 1.4em; }
    @media only screen and (min-width: 62.5em) {
      .w9-menu__nav__button-nav {
        display: none; } }
  .w9-menu__nav__icon {
    margin-right: 1em;
    background-color: white !important; }
    .w9-menu__nav__icon::before, .w9-menu__nav__icon::after {
      background-color: white !important; }
  @media only screen and (min-width: 62.5em) {
    .w9-menu__nav__checkbox:checked ~ .w9-menu__first-group .w9-menu__first-group__items {
      display: flex; } }
  @media only screen and (max-width: 62.5em) {
    .w9-menu__nav__checkbox:checked ~ .w9-menu__first-group .w9-menu__first-group__items {
      display: block;
      background-color: black; } }
  .w9-menu__nav__checkbox:checked ~ .w9-menu__second-group {
    display: block; }
  @media only screen and (max-width: 62.5em) {
    .w9-menu__checkbox__drop:checked ~ .w9-menu__first-group__items__drop {
      position: relative;
      visibility: visible;
      top: 0; } }
  @media only screen and (max-width: 62.5em) {
    .w9-menu__checkbox__drop:checked ~ .w9-menu__first-group__items__text--a .w9-menu__button__drop__icon {
      transform: rotate(180deg); } }
  .w9-menu__checkbox__drop {
    display: none; }
  .w9-menu__button__drop {
    height: 2em;
    transform: translateY(-0.3em); }
    @media only screen and (min-width: 62.5em) {
      .w9-menu__button__drop {
        height: 5em;
        transform: translateY(-0.3em); } }
    .w9-menu__button__drop__icon {
      margin-left: .2em;
      color: white !important;
      font-size: 1em; }
  @media only screen and (max-width: 62.5em) {
    .w9-menu__checkbox__drop:not(:checked) ~ .w9-menu__first-group__items__drop .w9-menu__first-group__items__drop-1 {
      position: absolute;
      visibility: hidden;
      top: -25em; } }
  @media only screen and (max-width: 62.5em) {
    .w9-menu__checkbox__drop-1:checked ~ .w9-menu__first-group__items__drop-1 {
      position: relative;
      visibility: visible;
      top: 0; } }
  .w9-menu__checkbox__drop-1:checked ~ .w9-menu__first-group__items__drop__text--a .w9-menu__button__drop-1__icon {
    transform: rotate(180deg); }
  .w9-menu__checkbox__drop-1 {
    display: none; }
  .w9-menu__button__drop-1 {
    display: none; }
    @media only screen and (max-width: 62.5em) {
      .w9-menu__button__drop-1 {
        display: inline-block; }
        .w9-menu__button__drop-1__icon {
          margin-top: 1em;
          color: white;
          font-size: 1em; } }
  .w9-menu__first-group {
    align-items: center; }
    @media only screen and (min-width: 62.5em) {
      .w9-menu__first-group {
        display: flex; } }
    @media only screen and (min-width: 62.5em) {
      .w9-menu__first-group__items {
        display: flex; } }
    @media only screen and (max-width: 62.5em) {
      .w9-menu__first-group__items {
        display: none;
        position: absolute;
        left: 0;
        top: 10em;
        background-color: black;
        z-index: 2;
        overflow-y: scroll;
        height: max-content; }
        .w9-menu__first-group__items::-webkit-scrollbar {
          display: none; } }
    .w9-menu__first-group__items__bg {
      overflow-y: scroll;
      height: 50em; }
    .w9-menu__first-group__items__text {
      line-height: 8em;
      height: 8em;
      list-style: none;
      padding: 0 3em;
      cursor: pointer; }
      @media only screen and (max-width: 62.5em) {
        .w9-menu__first-group__items__text {
          min-width: 25em;
          padding: 0 1em;
          height: auto;
          line-height: 4em; } }
      .w9-menu__first-group__items__text__icon {
        align-self: center;
        font-size: 1em;
        margin-left: .5em;
        color: white !important; }
        @media only screen and (max-width: 62.5em) {
          .w9-menu__first-group__items__text__icon {
            transform: rotate(-90deg); } }
      .w9-menu__first-group__items__text--a {
        display: flex;
        justify-content: space-between;
        white-space: nowrap;
        text-decoration: none;
        font-size: 1.4em;
        font-weight: 600;
        text-transform: capitalize;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
        color: white !important; }
      .w9-menu__first-group__items__text:hover {
        color: var(--hover-color-w); }
      .w9-menu__first-group__items__text:hover .w9-menu__first-group__items__text__icon {
        color: var(--hover-color-w); }
    @media only screen and (min-width: 62.5em) {
      .w9-menu__first-group__items__text:hover .w9-menu__first-group__items__drop {
        display: flex; } }
    @media only screen and (min-width: 62.5em) {
      .w9-menu__first-group__items__text:hover .w9-menu__button__drop__icon {
        color: var(--hover-color-w); } }
    @media only screen and (min-width: 62.5em) {
      .w9-menu__first-group__items__drop__text:hover .w9-menu__first-group__items__drop-1 {
        display: flex;
        visibility: visible; } }
    .w9-menu__first-group__items__drop {
      box-shadow: .01em .05em .05em 0.1em #eee;
      display: none;
      position: absolute;
      background-color: white;
      z-index: 2; }
      @media only screen and (max-width: 62.5em) {
        .w9-menu__first-group__items__drop {
          left: 0;
          transition: all .2s;
          width: 25em;
          top: -20em;
          display: block;
          visibility: hidden;
          background-color: black;
          box-shadow: none; } }
      @media only screen and (max-width: 62.5em) {
        .w9-menu__first-group__items__drop__col {
          border-bottom: .1rem solid #e4e4e4; } }
      .w9-menu__first-group__items__drop__text {
        list-style: none;
        padding: .5em 1.5em;
        line-height: 4em;
        transition: all .1s;
        min-width: 20em;
        position: relative;
        border-bottom: .1em solid #eee; }
        .w9-menu__first-group__items__drop__text--a {
          cursor: pointer;
          font-weight: 500;
          white-space: nowrap;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 1em;
          color: black;
          font-weight: 600;
          text-transform: capitalize;
          overflow: hidden;
          text-overflow: ellipsis; }
          @media only screen and (max-width: 62.5em) {
            .w9-menu__first-group__items__drop__text--a {
              color: white;
              transition: none;
              display: flex;
              align-items: center;
              justify-content: space-between; } }
          .w9-menu__first-group__items__drop__text--a:hover {
            color: var(--hover-color-w); }
        .w9-menu__first-group__items__drop__text:hover {
          color: var(--hover-color-w); }
      .w9-menu__first-group__items__drop-1 {
        position: absolute;
        visibility: hidden;
        display: none;
        top: 0;
        left: 19em;
        background-color: white;
        transition: all .2s; }
        @media only screen and (min-width: 62.5em) {
          .w9-menu__first-group__items__drop-1 {
            display: flex;
            box-shadow: .01em .05em .05em 0.1em #eee; } }
        @media only screen and (max-width: 62.5em) {
          .w9-menu__first-group__items__drop-1 {
            width: 25em;
            left: 0;
            background-color: black;
            position: absolute;
            display: block;
            top: -25em; } }
        .w9-menu__first-group__items__drop-1-before {
          display: none;
          align-items: center; }
          @media only screen and (max-width: 62.5em) {
            .w9-menu__first-group__items__drop-1-before {
              position: absolute;
              top: -3em;
              padding-left: 1em;
              font-size: 1.3em;
              font-weight: 600;
              z-index: 15;
              background-color: white;
              width: 100%;
              height: 3em;
              display: flex;
              border-bottom: 0.1em solid #eee; } }
          .w9-menu__first-group__items__drop-1-before__icon {
            font-size: 1.2em; }
        .w9-menu__first-group__items__drop-1__text {
          list-style: none;
          padding: .5em 1.5em;
          line-height: 4em;
          transition: none;
          min-width: 15em;
          border-bottom: .1em solid #eee;
          position: relative; }
          .w9-menu__first-group__items__drop-1__text--a {
            cursor: pointer;
            font-weight: 500;
            white-space: nowrap;
            text-decoration: none;
            font-size: 1em;
            color: black;
            font-weight: 600;
            text-transform: capitalize;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media only screen and (max-width: 62.5em) {
              .w9-menu__first-group__items__drop-1__text--a {
                color: white; } }
            .w9-menu__first-group__items__drop-1__text--a:hover {
              color: var(--hover-color-w); }
          .w9-menu__first-group__items__drop-1__text:hover {
            color: var(--hover-color-w); }
  @media only screen and (max-width: 62.5em) {
    .w9-menu__second-group {
      position: absolute;
      background-color: black;
      left: 0;
      top: 4.9em;
      width: 25em;
      display: none;
      z-index: 10;
      padding: 2em 0; } }
  .w9-menu__second-group__items {
    display: flex;
    margin-right: 2em;
    align-items: center;
    justify-content: center;
    z-index: 1; }
    .w9-menu__second-group__items__icon {
      margin: 0 1em;
      font-size: 2em;
      cursor: pointer;
      transition: all .2s;
      color: white; }
    .w9-menu__second-group__items__text {
      font-size: 1.3em; }

.w9-banner {
  width: 100%;
  background-color: #F8F8F8;
  padding: 3em 1em;
  color: var(--text-color-w);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat; }
  .w9-banner__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    position: relative; }
    @media only screen and (max-width: 50em) {
      .w9-banner__group {
        flex-direction: column; } }
  .w9-banner__first-group {
    min-width: 25em;
    display: inline-block; }
    @media only screen and (max-width: 50em) {
      .w9-banner__first-group {
        width: 100%; } }
    .w9-banner__first-group__heading {
      padding: 1em;
      background-color: var(--main-color-w);
      display: flex;
      align-items: center; }
      .w9-banner__first-group__heading__svg {
        height: 2em;
        width: 2em;
        fill: white; }
      .w9-banner__first-group__heading__text {
        margin-left: 1em;
        color: white;
        font-weight: 800; }
    .w9-banner__first-group__items {
      list-style: none;
      position: relative;
      transition: all .2s; }
      @media only screen and (max-width: 50em) {
        .w9-banner__first-group__items {
          height: auto; } }
      .w9-banner__first-group__items__item {
        padding: 1em;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 0.1em solid #eee;
        background-color: white;
        position: relative;
        cursor: pointer; }
        @media only screen and (max-width: 50em) {
          .w9-banner__first-group__items__item {
            display: block; } }
        .w9-banner__first-group__items__item:hover .w9-banner__first-group__items__item__svg {
          color: var(--main-color-w); }
        .w9-banner__first-group__items__item:hover {
          color: var(--main-color-w); }
        .w9-banner__first-group__items__item__svg {
          height: 1.5em;
          width: 1.5em;
          fill: darkgray; }
          .w9-banner__first-group__items__item__svg-right {
            margin-left: auto; }
        .w9-banner__first-group__items__item__text {
          margin-left: 1em;
          display: inline-block;
          text-transform: capitalize;
          font-size: 1.3em; }
          @media only screen and (max-width: 50em) {
            .w9-banner__first-group__items__item__text {
              transform: translateY(-0.5em); } }
      @media only screen and (max-width: 50em) {
        .w9-banner__first-group__items__item__nav__checkbox:checked ~ .w9-banner__first-group__items__drop {
          position: relative;
          top: 2em;
          visibility: visible;
          opacity: 1; } }
      @media only screen and (max-width: 50em) {
        .w9-banner__first-group__items__item-nav {
          transform: rotate(90deg); }
        .w9-banner__first-group__items__item__nav__checkbox:checked ~ .w9-banner__first-group__items__item-nav {
          transform: rotate(-90deg); } }
      .w9-banner__first-group__items__item-nav {
        float: right;
        margin-left: auto; }
      .w9-banner__first-group__items__item__nav__checkbox {
        display: none; }
      @media only screen and (min-width: 50em) {
        .w9-banner__first-group__items__item:hover .w9-banner__first-group__items__drop {
          display: block; } }
      .w9-banner__first-group__items__drop {
        list-style: none;
        position: absolute;
        top: 0;
        left: 25em;
        background-color: white;
        width: 25em;
        transition: all .2s;
        display: none;
        z-index: 1;
        box-shadow: .1em .1em .5em .1em #eee;
        color: black; }
        @media only screen and (max-width: 50em) {
          .w9-banner__first-group__items__drop {
            width: 100%;
            top: -25em;
            left: 0;
            opacity: 0;
            visibility: hidden;
            display: block; } }
        .w9-banner__first-group__items__drop__item {
          padding: 1em;
          display: flex;
          align-items: center;
          border-bottom: 0.1em solid #eee; }
          .w9-banner__first-group__items__drop__item__icon {
            font-size: 1em;
            color: black; }
          .w9-banner__first-group__items__drop__item__text {
            margin-left: 1em;
            transition: none; }
          .w9-banner__first-group__items__drop__item__icon:last-child {
            margin-left: auto; }
          .w9-banner__first-group__items__drop__item:hover {
            color: var(--hover-color-w); }
          .w9-banner__first-group__items__drop__item:hover .w9-banner__first-group__items__drop__item__icon {
            color: var(--hover-color-w); }
  .w9-banner__second-group {
    display: inline-block;
    margin-left: 2em;
    width: 97%; }
    @media only screen and (max-width: 50em) {
      .w9-banner__second-group {
        flex-direction: column;
        margin-left: 0;
        width: 100%; } }
    .w9-banner__second-group__one {
      display: flex;
      width: 100%;
      height: 100%;
      position: relative; }
      .w9-banner__second-group__one__main {
        position: relative;
        overflow: hidden;
        display: block;
        width: 70%;
        height: 40em; }
        .w9-banner__second-group__one__main-bg {
          background-repeat: no-repeat;
          background-size: cover;
          position: absolute;
          width: 100%;
          height: 100%;
          background-position: center;
          transition: all .2s; }
          .w9-banner__second-group__one__main-bg:hover {
            transform: scale(1.2); }
        @media only screen and (max-width: 50em) {
          .w9-banner__second-group__one__main {
            width: 100%; } }
        .w9-banner__second-group__one__main__info {
          position: absolute;
          color: white;
          top: 15%;
          left: 10%; }
          .w9-banner__second-group__one__main__info__title {
            font-weight: 800; }
          .w9-banner__second-group__one__main__info__des {
            margin-top: .5em;
            font-weight: 500;
            font-size: 3em; }
          .w9-banner__second-group__one__main__info__price {
            margin-top: 1em;
            font-weight: 800; }
          .w9-banner__second-group__one__main__info__button {
            margin-top: 2em;
            color: white;
            font-weight: 800;
            display: inline-block;
            padding: 1em 2em;
            background-color: var(--main-color-w);
            border-radius: .2em;
            border: none;
            cursor: pointer; }
      .w9-banner__second-group__one__sub {
        position: relative;
        width: 30%;
        overflow: hidden; }
        @media only screen and (max-width: 50em) {
          .w9-banner__second-group__one__sub {
            display: none; } }
        .w9-banner__second-group__one__sub-bg {
          background-repeat: no-repeat;
          background-size: cover;
          position: absolute;
          width: 100%;
          height: 100%;
          background-position: center;
          transition: all .2s; }
          .w9-banner__second-group__one__sub-bg:hover {
            transform: scale(1.2); }
        .w9-banner__second-group__one__sub__info {
          padding: 2em;
          top: 0;
          position: absolute; }
          .w9-banner__second-group__one__sub__info__title {
            color: red;
            text-transform: uppercase; }
          .w9-banner__second-group__one__sub__info__des {
            margin-top: 1em;
            font-weight: 500;
            font-size: 2em; }
          .w9-banner__second-group__one__sub__info__price {
            font-weight: 800;
            font-size: 1.6em;
            margin-top: 2em;
            cursor: pointer;
            text-decoration: underline; }
    .w9-banner__second-group__two {
      width: 100%;
      display: flex;
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w9-banner__second-group__two {
          flex-direction: column; } }
      .w9-banner__second-group__two__content {
        position: relative;
        overflow: hidden;
        color: white;
        height: 18em;
        width: 100%; }
        .w9-banner__second-group__two__content-bg {
          background-repeat: no-repeat;
          background-size: cover;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          background-position: center;
          background-position: center; }
        .w9-banner__second-group__two__content-bg-1 {
          background-repeat: no-repeat;
          background-size: cover;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          background-position: center;
          transition: all .2s; }
          .w9-banner__second-group__two__content-bg-1:hover {
            transform: scale(1.2); }
        .w9-banner__second-group__two__content-bg-2 {
          background-repeat: no-repeat;
          background-size: cover;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          background-position: center;
          transition: all .2s; }
          .w9-banner__second-group__two__content-bg-2:hover {
            transform: scale(1.2); }
        .w9-banner__second-group__two__content-bg-3 {
          background-repeat: no-repeat;
          background-size: cover;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          background-position: center;
          transition: all .2s; }
          .w9-banner__second-group__two__content-bg-3:hover {
            transform: scale(1.2); }
        .w9-banner__second-group__two__content__title {
          position: relative;
          width: 40%;
          font-size: 1.6em;
          z-index: 1;
          display: block;
          margin-top: 2em;
          margin-left: 1.2em; }
        .w9-banner__second-group__two__content__des {
          margin-left: 2em;
          position: relative;
          margin-top: 1em;
          font-size: 1em;
          display: block;
          z-index: 1;
          text-decoration: underline;
          cursor: pointer; }

.w9-services {
  width: 100%;
  position: relative;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w9-services__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.33333%; }
    @media only screen and (max-width: 56.25em) {
      .w9-services__group {
        gap: 2%; } }
  .w9-services__item {
    display: flex;
    align-items: center;
    width: 24%;
    margin-top: 2em; }
    @media only screen and (max-width: 56.25em) {
      .w9-services__item {
        width: 32%; } }
    @media only screen and (max-width: 43.75em) {
      .w9-services__item {
        margin-top: 2em;
        width: 49%; } }
    .w9-services__item:not(:last-child) {
      border-right: 0.1em solid #eee; }
    .w9-services__item__icon {
      margin-right: .5em;
      color: var(--main-color-w);
      font-size: 5em; }
      @media only screen and (max-width: 37.5em) {
        .w9-services__item__icon {
          margin: 0 .3em 0 .3em;
          width: 1.5em;
          min-width: 1.5em;
          font-size: 3em; } }
    @media only screen and (max-width: 37.5em) {
      .w9-services__item__group {
        margin: 1em 1em 0 1em; } }
    .w9-services__item__group__des {
      font-weight: 300;
      line-height: 1.8em; }
    .w9-services__item__group__name {
      line-height: 1.8em;
      font-size: 1.4em;
      font-weight: 600; }

.w9-products {
  width: 100%;
  background-color: #F8F8F8;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-products__group {
    max-width: 120rem;
    margin: 0 auto; }
  .w9-products__heading {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 37.5em) {
      .w9-products__heading {
        flex-wrap: wrap; } }
    .w9-products__heading__title {
      text-transform: capitalize;
      font-weight: 700;
      font-size: 2em;
      padding: 1em;
      border-right: 0.1em solid #eee; }
      @media only screen and (max-width: 37.5em) {
        .w9-products__heading__title {
          border-right: none; } }
    .w9-products__heading__time {
      display: flex;
      align-items: center; }
      .w9-products__heading__time__box {
        margin-left: 2em;
        text-align: center; }
        .w9-products__heading__time__box__day {
          font-weight: 600;
          font-size: 3em;
          color: var(--main-color-w); }
        .w9-products__heading__time__box__des {
          font-weight: 700; }
  .w9-products__items {
    margin-top: 4em;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w9-products__items {
        justify-content: flex-start; } }
    .w9-products__items__card {
      width: 20%;
      padding-bottom: 4em;
      text-align: center;
      text-transform: capitalize;
      border: 0.1em solid #eee; }
      @media only screen and (max-width: 37.5em) {
        .w9-products__items__card {
          width: 50%;
          margin-top: 1em; } }
      .w9-products__items__card__imgbox {
        position: relative;
        width: 100%;
        transition: all .2s;
        cursor: pointer; }
        .w9-products__items__card__imgbox__img {
          width: 100%; }
        .w9-products__items__card__imgbox__status {
          position: absolute;
          display: inline-block;
          padding: 0.5em 1em;
          background-color: var(--main-color-w);
          margin: 1em;
          color: white;
          border-radius: .2em;
          top: 0; }
      .w9-products__items__card__imgbox:hover .w9-products__items__card__buy {
        opacity: 1; }
      .w9-products__items__card__buy {
        transition: all .2s;
        cursor: pointer;
        position: absolute;
        padding: 1em;
        margin: 0 auto;
        display: inline-block;
        opacity: 0;
        top: 50%;
        left: 50%;
        white-space: nowrap;
        transform: translate(-50%, -50%);
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        font-weight: 600;
        cursor: pointer; }
        .w9-products__items__card__buy:hover {
          background-color: var(--hover-color-w);
          color: white; }
      .w9-products__items__card__name {
        margin-top: 1em;
        color: darkgray;
        display: block;
        padding: 0 .5em; }
      .w9-products__items__card__des {
        margin-top: 1.5em;
        font-weight: 700;
        padding: 0 1em;
        display: block; }
      .w9-products__items__card__price {
        margin-top: 1.5em;
        display: flex;
        justify-content: center;
        font-size: 1.3em;
        font-weight: 800;
        align-items: center; }
        @media only screen and (max-width: 56.25em) {
          .w9-products__items__card__price {
            flex-wrap: wrap; } }
        .w9-products__items__card__price__main {
          color: var(--main-color-w); }
        .w9-products__items__card__price__sub {
          text-decoration: line-through;
          margin-left: 0.5em; }
      .w9-products__items__card__button {
        margin-top: 2em;
        padding: .5em 2em;
        background-color: black;
        border: none;
        outline: none;
        font-size: 1.4em;
        cursor: pointer;
        color: white;
        border-radius: .3em;
        font-weight: 700;
        display: inline-block; }
        .w9-products__items__card__button:hover {
          background-color: var(--hover-color-w); }

.w9-products-2 {
  max-width: 100%;
  background-color: #F8F8F8;
  padding: 2em 1em;
  color: var(--text-color-w); }
  .w9-products-2__group {
    max-width: 120rem;
    margin: 0 auto; }
  .w9-products-2__heading {
    display: flex;
    align-items: center; }
    .w9-products-2__heading__title {
      text-transform: capitalize;
      font-weight: 700;
      font-size: 3em;
      padding: 1em; }
  .w9-products-2__items__main {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w9-products-2__items__main {
        justify-content: flex-start; } }
    .w9-products-2__items__main__card {
      width: 25%;
      padding-bottom: 4em;
      text-align: center;
      text-transform: capitalize;
      border: 0.1em solid #eee; }
      @media only screen and (max-width: 37.5em) {
        .w9-products-2__items__main__card {
          width: 50%;
          margin-top: 1em; } }
      .w9-products-2__items__main__card__imgbox {
        position: relative;
        width: 100%;
        transition: all .2s;
        cursor: pointer; }
        .w9-products-2__items__main__card__imgbox__img {
          width: 100%; }
        .w9-products-2__items__main__card__imgbox__status {
          position: absolute;
          display: inline-block;
          padding: 0.5em 1em;
          background-color: var(--main-color-w);
          margin: 1em;
          color: white;
          border-radius: .2em; }
      .w9-products-2__items__main__card__imgbox:hover .w9-products-2__items__main__card__buy {
        opacity: 1; }
      .w9-products-2__items__main__card__buy {
        transition: all .2s;
        cursor: pointer;
        position: absolute;
        padding: 1em;
        margin: 0 auto;
        display: inline-block;
        opacity: 0;
        top: 50%;
        left: 50%;
        white-space: nowrap;
        transform: translate(-50%, -50%);
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        font-weight: 600;
        cursor: pointer; }
        .w9-products-2__items__main__card__buy:hover {
          background-color: var(--hover-color-w);
          color: white; }
      .w9-products-2__items__main__card__name {
        margin-top: 1em;
        color: darkgray;
        display: block;
        padding: 0 .5em; }
      .w9-products-2__items__main__card__des {
        margin-top: 1.5em;
        font-weight: 700;
        padding: 0 1em;
        display: block; }
      .w9-products-2__items__main__card__price {
        margin-top: 1.5em;
        display: flex;
        justify-content: center;
        font-size: 1.3em;
        font-weight: 800; }
        .w9-products-2__items__main__card__price__main {
          color: var(--main-color-w);
          display: inline-block; }
        .w9-products-2__items__main__card__price__sub {
          text-decoration: line-through;
          margin-left: 0.5em;
          display: inline-block; }
      .w9-products-2__items__main__card__button {
        margin-top: 2em;
        padding: .5em 2em;
        background-color: black;
        border: none;
        outline: none;
        cursor: pointer;
        color: white;
        border-radius: .3em;
        font-weight: 700;
        display: inline-block;
        font-size: 1.4em; }
        .w9-products-2__items__main__card__button:hover {
          background-color: var(--hover-color-w); }
  .w9-products-2__items__sub {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 22em;
    justify-content: center;
    box-sizing: border-box; }
    @media only screen and (max-width: 50em) {
      .w9-products-2__items__sub {
        display: none; } }
    .w9-products-2__items__sub__box {
      width: 50%;
      text-align: center;
      margin-left: 2em; }
    .w9-products-2__items__sub-bg {
      background-repeat: no-repeat !important;
      background-size: cover !important;
      position: absolute !important;
      width: 100%;
      height: 100%;
      transition: all .2s; }
      .w9-products-2__items__sub-bg:hover {
        transform: scale(1.2); }
    .w9-products-2__items__sub__name {
      color: white;
      text-transform: uppercase;
      font-size: 1.3em;
      position: relative; }
    .w9-products-2__items__sub__des {
      margin-top: 1em;
      color: #0069DF;
      font-size: 2em;
      text-transform: capitalize;
      position: relative; }
    .w9-products-2__items__sub__info {
      margin-top: 2em;
      font-size: 1.3em;
      position: relative; }
    .w9-products-2__items__sub__text {
      position: relative;
      margin-top: 2em;
      color: white;
      text-decoration: underline;
      font-size: 1.3em; }

.w9-products-3 {
  width: 100%;
  background-color: #F8F8F8;
  padding: 2em 1em;
  color: var(--text-color-w); }
  .w9-products-3__group {
    max-width: 120rem;
    margin: 0 auto; }
  .w9-products-3__heading {
    display: flex;
    align-items: center; }
    .w9-products-3__heading__title {
      text-transform: capitalize;
      font-weight: 700;
      font-size: 3em;
      padding: 1em; }
  .w9-products-3__content-group {
    position: relative;
    display: inline-block;
    width: 80%; }
    @media only screen and (max-width: 37.5em) {
      .w9-products-3__content-group {
        width: 100%; } }
  .w9-products-3__items {
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w9-products-3__items {
        flex-direction: column; } }
    .w9-products-3__items__main {
      display: flex;
      flex-wrap: wrap; }
      @media only screen and (max-width: 50em) {
        .w9-products-3__items__main {
          justify-content: flex-start; } }
      .w9-products-3__items__main__card {
        padding-bottom: 4em;
        text-align: center;
        text-transform: capitalize;
        border: 0.1em solid #eee;
        width: 25%; }
        @media only screen and (max-width: 50em) {
          .w9-products-3__items__main__card {
            width: 50%;
            margin-top: 1em; } }
        .w9-products-3__items__main__card__imgbox {
          position: relative;
          width: 100%;
          transition: all .2s;
          cursor: pointer; }
          .w9-products-3__items__main__card__imgbox__img {
            width: 100%; }
          .w9-products-3__items__main__card__imgbox__status {
            position: absolute;
            display: inline-block;
            padding: 0.5em 1em;
            background-color: var(--main-color-w);
            margin: 1em;
            color: white;
            border-radius: .2em;
            top: 0; }
        .w9-products-3__items__main__card__imgbox:hover .w9-products-3__items__main__card__buy {
          opacity: 1; }
        .w9-products-3__items__main__card__buy {
          transition: all .2s;
          cursor: pointer;
          position: absolute;
          padding: 1em;
          margin: 0 auto;
          display: inline-block;
          opacity: 0;
          top: 50%;
          left: 50%;
          white-space: nowrap;
          transform: translate(-50%, -50%);
          background-color: rgba(255, 255, 255, 0.8);
          border: none;
          font-weight: 600;
          cursor: pointer; }
          .w9-products-3__items__main__card__buy:hover {
            background-color: var(--hover-color-w);
            color: white; }
        .w9-products-3__items__main__card__name {
          margin-top: 1em;
          color: darkgray;
          display: block;
          padding: 0 .5em; }
        .w9-products-3__items__main__card__des {
          margin-top: 1.5em;
          font-weight: 700;
          padding: 0 1em;
          display: block; }
        .w9-products-3__items__main__card__price {
          margin-top: 1.5em;
          display: flex;
          justify-content: center;
          font-size: 1.3em;
          font-weight: 800;
          flex-wrap: wrap; }
          .w9-products-3__items__main__card__price__main {
            color: var(--main-color-w); }
          .w9-products-3__items__main__card__price__sub {
            text-decoration: line-through;
            margin-left: 0.5em; }
        .w9-products-3__items__main__card__button {
          margin-top: 2em;
          padding: .5em 2em;
          background-color: black;
          border: none;
          outline: none;
          cursor: pointer;
          color: white;
          border-radius: .3em;
          font-weight: 700;
          font-size: 1.4em;
          display: inline-block; }
          .w9-products-3__items__main__card__button:hover {
            background-color: var(--hover-color-w); }
    .w9-products-3__items__sub {
      max-width: 100%;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      height: 15em;
      justify-content: center; }
      @media only screen and (max-width: 50em) {
        .w9-products-3__items__sub {
          display: none; } }
      .w9-products-3__items__sub__box {
        width: 50%;
        text-align: center;
        margin-left: 2em; }
        @media only screen and (max-width: 37.5em) {
          .w9-products-3__items__sub__box {
            width: 100%;
            margin-left: 0; } }
      .w9-products-3__items__sub-bg {
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        transform: scale(1.1);
        transition: all .2s; }
        .w9-products-3__items__sub-bg:hover {
          transform: scale(1.2); }
      .w9-products-3__items__sub__name {
        color: white;
        text-transform: uppercase;
        font-size: 1.3em;
        position: relative; }
      .w9-products-3__items__sub__des {
        margin-top: 1em;
        color: #0069DF;
        font-size: 2em;
        text-transform: capitalize;
        position: relative;
        white-space: nowrap; }
      .w9-products-3__items__sub__info {
        margin-top: 1em;
        font-size: 1.3em;
        position: relative; }
      .w9-products-3__items__sub__text {
        position: relative;
        margin-top: 1em;
        color: white;
        text-decoration: underline;
        font-size: 1.3em; }
  .w9-products-3__ads-group {
    background-color: white;
    padding: 2em;
    min-width: 20%; }
    @media only screen and (max-width: 37.5em) {
      .w9-products-3__ads-group {
        margin-top: 1em;
        min-width: 0;
        width: 100%; } }
    .w9-products-3__ads-group__heading {
      font-size: 1.6em;
      font-weight: 600;
      border-bottom: 1px solid #eee;
      padding: 1em; }
    .w9-products-3__ads-group__card__item {
      cursor: pointer;
      margin-top: 3em;
      display: flex; }
      .w9-products-3__ads-group__card__item__imgbox {
        min-width: 6em;
        margin-right: 1em;
        height: 6em;
        width: 6em; }
        .w9-products-3__ads-group__card__item__imgbox__img {
          width: 100%;
          height: 100%; }
      .w9-products-3__ads-group__card__item__info__name {
        font-size: 1.1em; }
      .w9-products-3__ads-group__card__item__info__price {
        display: flex; }
        .w9-products-3__ads-group__card__item__info__price__main {
          margin-top: 1em;
          color: darkgray;
          text-decoration: line-through;
          font-weight: 1.2em;
          display: inline-block;
          margin-right: .5em; }
        .w9-products-3__ads-group__card__item__info__price__sub {
          margin-top: 1em;
          color: var(--main-color-w);
          font-weight: 1.2em;
          display: inline-block; }

.w9-products-4 {
  width: 100%;
  background-color: #F8F8F8;
  padding: 2em 1em;
  color: var(--text-color-w); }
  .w9-products-4__group {
    max-width: 120rem;
    margin: 0 auto; }
  .w9-products-4__heading {
    display: flex;
    align-items: center; }
    .w9-products-4__heading__title {
      text-transform: capitalize;
      font-weight: 700;
      font-size: 3em;
      padding: 1em; }
  .w9-products-4__content-group {
    position: relative;
    display: inline-block;
    width: 80%; }
    @media only screen and (max-width: 37.5em) {
      .w9-products-4__content-group {
        width: 100%; } }
  .w9-products-4__items {
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w9-products-4__items {
        flex-direction: column; } }
    .w9-products-4__items__main {
      display: flex;
      flex-wrap: wrap; }
      @media only screen and (max-width: 50em) {
        .w9-products-4__items__main {
          justify-content: flex-start; } }
      .w9-products-4__items__main__card {
        padding-bottom: 4em;
        text-align: center;
        text-transform: capitalize;
        border: 0.1em solid #eee;
        width: 25%; }
        @media only screen and (max-width: 50em) {
          .w9-products-4__items__main__card {
            width: 50%;
            margin-top: 1em; } }
        .w9-products-4__items__main__card__imgbox {
          position: relative;
          width: 100%;
          transition: all .2s;
          cursor: pointer;
          height: 23em; }
          .w9-products-4__items__main__card__imgbox__img {
            width: 100%; }
          .w9-products-4__items__main__card__imgbox__status {
            position: absolute;
            display: inline-block;
            padding: 0.5em 1em;
            background-color: var(--main-color-w);
            margin: 1em;
            color: white;
            border-radius: .2em; }
        .w9-products-4__items__main__card__imgbox:hover .w9-products-4__items__main__card__buy {
          opacity: 1; }
        .w9-products-4__items__main__card__buy {
          transition: all .2s;
          cursor: pointer;
          position: absolute;
          padding: 1em;
          margin: 0 auto;
          display: inline-block;
          opacity: 0;
          top: 50%;
          left: 50%;
          white-space: nowrap;
          transform: translate(-50%, -50%);
          background-color: rgba(255, 255, 255, 0.8);
          border: none;
          font-weight: 600;
          cursor: pointer; }
          .w9-products-4__items__main__card__buy:hover {
            background-color: var(--main-color-w);
            color: white; }
        .w9-products-4__items__main__card__name {
          margin-top: 1em;
          color: darkgray;
          display: block; }
        .w9-products-4__items__main__card__des {
          margin-top: 1.5em;
          font-weight: 700;
          padding: 0 1em;
          display: block; }
        .w9-products-4__items__main__card__price {
          margin-top: 1.5em;
          display: flex;
          justify-content: center;
          font-size: 1.3em;
          font-weight: 800;
          flex-wrap: wrap; }
          .w9-products-4__items__main__card__price__main {
            color: var(--main-color-w); }
          .w9-products-4__items__main__card__price__sub {
            text-decoration: line-through;
            margin-left: 0.5em; }
        .w9-products-4__items__main__card__button {
          margin-top: 2em;
          padding: .5em 2em;
          background-color: black;
          border: none;
          outline: none;
          cursor: pointer;
          color: white;
          border-radius: .3em;
          font-weight: 700;
          font-size: 1.4em;
          display: inline-block; }
          .w9-products-4__items__main__card__button:hover {
            background-color: var(--hover-color-w); }
    .w9-products-4__items__sub {
      max-width: 100%;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      height: 15em;
      justify-content: center; }
      @media only screen and (max-width: 50em) {
        .w9-products-4__items__sub {
          display: none; } }
      .w9-products-4__items__sub__box {
        width: 50%;
        text-align: center;
        margin-left: 2em; }
        @media only screen and (max-width: 37.5em) {
          .w9-products-4__items__sub__box {
            width: 100%;
            margin-left: 0; } }
      .w9-products-4__items__sub-bg {
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        transform: scale(1.1);
        transition: all .2s; }
        .w9-products-4__items__sub-bg:hover {
          transform: scale(1.2); }
      .w9-products-4__items__sub__name {
        color: white;
        text-transform: uppercase;
        font-size: 1.3em;
        position: relative; }
      .w9-products-4__items__sub__des {
        margin-top: 1em;
        color: #0069DF;
        font-size: 2em;
        text-transform: capitalize;
        position: relative;
        white-space: nowrap; }
      .w9-products-4__items__sub__info {
        margin-top: 1em;
        font-size: 1.3em;
        position: relative; }
      .w9-products-4__items__sub__text {
        position: relative;
        margin-top: 1em;
        color: white;
        text-decoration: underline;
        font-size: 1.3em; }
  .w9-products-4__ads-group {
    background-color: white;
    padding: 2em;
    min-width: 20%; }
    @media only screen and (max-width: 37.5em) {
      .w9-products-4__ads-group {
        margin-top: 1em; } }
    .w9-products-4__ads-group__heading {
      font-size: 1.6em;
      font-weight: 600;
      border-bottom: 1px solid #eee;
      padding: 1em; }
    .w9-products-4__ads-group__card__item {
      cursor: pointer;
      margin-top: 3em;
      display: flex; }
      .w9-products-4__ads-group__card__item__imgbox {
        min-width: 6em;
        height: 6em;
        width: 6em;
        margin-right: 1em; }
        .w9-products-4__ads-group__card__item__imgbox__img {
          width: 100%;
          height: 100%; }
      .w9-products-4__ads-group__card__item__info__name {
        font-size: 1.1em; }
      .w9-products-4__ads-group__card__item__info__price {
        display: flex; }
        .w9-products-4__ads-group__card__item__info__price__main {
          margin-top: 1em;
          color: darkgray;
          text-decoration: line-through;
          font-weight: 1.2em;
          display: inline-block;
          margin-right: .5em; }
        .w9-products-4__ads-group__card__item__info__price__sub {
          margin-top: 1em;
          color: var(--main-color-w);
          font-weight: 1.2em;
          display: inline-block; }

.w9-partners {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w9-partners__group {
    max-width: 120em;
    margin: 0 auto; }
  .w9-partners__heading {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 3em;
    padding: 1em; }
  .w9-partners__first {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    @media only screen and (max-width: 37.5em) {
      .w9-partners__first {
        flex-wrap: wrap;
        justify-content: flex-start; } }
    .w9-partners__first__imgbox {
      padding: 3em;
      width: 20%;
      display: flex;
      align-items: center;
      border: .1em solid #eee;
      cursor: pointer;
      transition: all .2s; }
      @media only screen and (max-width: 37.5em) {
        .w9-partners__first__imgbox {
          width: 50%; } }
      .w9-partners__first__imgbox__img {
        width: 100%; }
        .w9-partners__first__imgbox__img:hover {
          opacity: .3; }

.w9-partners--light {
  width: 100%;
  color: var(--text-color-w); }
  .w9-partners--light__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 2em 1em;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    padding: 2em 1em; }
  .w9-partners--light__heading {
    text-transform: capitalize;
    font-weight: 800;
    font-size: 3em;
    padding: 1em; }
  .w9-partners--light__first {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    @media only screen and (max-width: 37.5em) {
      .w9-partners--light__first {
        flex-wrap: wrap;
        justify-content: flex-start; } }
    .w9-partners--light__first__imgbox {
      padding: 3em;
      width: 16.66666666666666666666%;
      display: flex;
      align-items: center;
      background-size: 80% !important;
      border: 1px solid #eee;
      cursor: pointer;
      transition: all .2s; }
      @media only screen and (max-width: 37.5em) {
        .w9-partners--light__first__imgbox {
          width: 50%; } }
      .w9-partners--light__first__imgbox__img {
        width: 100%; }
        .w9-partners--light__first__imgbox__img:hover {
          opacity: .3; }

.w9-footer {
  position: relative;
  width: 100%;
  background-color: white;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w9-footer__group {
        display: block; } }
  .w9-footer__col {
    display: flex;
    width: 70%; }
    .w9-footer__col:last-child {
      width: 30%; }
    @media only screen and (max-width: 37.5em) {
      .w9-footer__col {
        display: block;
        width: 100%; }
        .w9-footer__col:last-child {
          width: 100%; } }
  .w9-footer__item {
    max-width: 100%;
    width: 50%;
    color: var(--text-color-w); }
    @media only screen and (min-width: 37.5em) {
      .w9-footer__item {
        padding-left: 2em; } }
    @media only screen and (max-width: 37.5em) {
      .w9-footer__item {
        width: 100%; } }
    .w9-footer__item-last {
      width: 100%; }
    .w9-footer__item__title {
      margin-top: 2em;
      text-transform: uppercase;
      font-size: 1.4em;
      color: var(--text-color-w); }
    .w9-footer__item__des {
      margin-top: 2em;
      font-size: 1.4em;
      font-weight: 300; }
    .w9-footer__item__contact {
      margin-top: 2em; }
      .w9-footer__item__contact__info__icon {
        color: var(--text-color-w); }
    .w9-footer__item__link {
      margin-top: 2em; }
      .w9-footer__item__link a {
        display: block;
        color: var(--text-color-w);
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
        margin: .5em 0; }

.w9-ctaregister {
  color: var(--text-color-w);
  width: 100%;
  background-color: black;
  padding: 2em 1em; }
  .w9-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 37.5em) {
      .w9-ctaregister__group {
        flex-direction: column; } }
  .w9-ctaregister__first-group {
    display: flex;
    align-items: center;
    border-right: .1em solid white;
    padding: 0 2em; }
    @media only screen and (max-width: 37.5em) {
      .w9-ctaregister__first-group {
        border-right: none; } }
    .w9-ctaregister__first-group__text--1 {
      font-size: 1.8em; }
    .w9-ctaregister__first-group__text--2 {
      color: var(--main-color-w);
      font-size: 1.8em; }
  .w9-ctaregister__second-group {
    border-right: .1em solid white;
    display: flex;
    align-items: center;
    padding: 0  2em; }
    @media only screen and (max-width: 37.5em) {
      .w9-ctaregister__second-group {
        margin-top: 1em;
        border-right: none; } }
    .w9-ctaregister__second-group__text {
      padding: 0.5em;
      border-radius: .2em;
      border: 0.1em solid var(--main-color-w);
      margin: 0 .5em; }
      .w9-ctaregister__second-group__text__time {
        font-size: 1.6em; }
      .w9-ctaregister__second-group__text__des {
        font-weight: 300; }
  .w9-ctaregister__button {
    padding: 0.5em;
    cursor: pointer;
    border-radius: .2em;
    border: 0.2em solid var(--main-color-w);
    background-color: black;
    color: white;
    font-weight: 600;
    margin-left: 2em;
    font-size: 1.4em; }
    @media only screen and (max-width: 37.5em) {
      .w9-ctaregister__button {
        margin-top: 2em; } }
    .w9-ctaregister__button:hover {
      color: var(--hover-color-w); }

.w9-ads {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-ads__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .w9-ads__group {
        flex-direction: column; } }
  .w9-ads__items {
    color: white;
    overflow: hidden;
    width: 33%;
    position: relative;
    height: 23em;
    margin-bottom: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w9-ads__items {
        width: 100%;
        padding: 0; } }
    .w9-ads__items-bg {
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
      width: 100%;
      height: 100%; }
      .w9-ads__items-bg-1 {
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        transition: all .2s; }
        .w9-ads__items-bg-1:hover {
          transform: scale(1.2); }
      .w9-ads__items-bg-2 {
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        transition: all .2s; }
        .w9-ads__items-bg-2:hover {
          transform: scale(1.2); }
    .w9-ads__items__col {
      margin-left: 2em;
      display: block; }
    .w9-ads__items__name {
      margin-top: 4em;
      font-size: 1.3em;
      font-weight: 500;
      text-transform: uppercase;
      text-transform: capitalize;
      position: relative; }
    .w9-ads__items__des {
      display: inline-block;
      font-weight: 700;
      font-size: 3em;
      position: relative; }
    .w9-ads__items__sub {
      margin-top: 1em;
      font-weight: 300;
      position: relative; }
    .w9-ads__items__price {
      font-weight: 600;
      font-size: 2em;
      position: relative; }

.w9-downbar-1 {
  color: var(--text-color-w);
  width: 100%;
  padding: 2em 1em;
  background-color: black; }
  .w9-downbar-1__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white; }
    @media only screen and (max-width: 37.5em) {
      .w9-downbar-1__group {
        flex-direction: column; } }
  .w9-downbar-1__first-group {
    display: flex;
    align-items: center; }
    .w9-downbar-1__first-group__imgbox__img {
      width: 10em; }
    .w9-downbar-1__first-group__cpr {
      margin-left: 1em; }
  .w9-downbar-1__second-group {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 37.5em) {
      .w9-downbar-1__second-group {
        margin-top: 2em; } }
    .w9-downbar-1__second-group__imgbox {
      display: flex;
      align-items: center;
      height: 3em;
      width: 10em;
      margin-left: 0.5em; }
      .w9-downbar-1__second-group__imgbox__img {
        width: 5em; }
    .w9-downbar-1__second-group__text {
      margin-left: 0.5em;
      font-weight: 600; }

.w9-downbar {
  width: 100%;
  padding: 2em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w9-downbar__group {
    max-width: 120em;
    margin: 0 auto; }
  .w9-downbar__first {
    display: flex;
    align-items: center;
    justify-content: center; }
    .w9-downbar__first__text {
      cursor: pointer;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1em; }
      .w9-downbar__first__text:not(:first-child) {
        margin-left: 1em; }
  .w9-downbar__second {
    margin-top: 2em;
    text-align: center;
    font-size: .8em;
    color: darkgray; }

.w9-breadcrumb {
  width: 100%;
  background-color: #252525;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w9-breadcrumb__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center;
    text-transform: capitalize; }
  .w9-breadcrumb__heading {
    color: white;
    font-size: 6em;
    font-weight: 700; }
    @media only screen and (max-width: 62.5em) {
      .w9-breadcrumb__heading {
        font-size: 4em; } }
    @media only screen and (max-width: 50em) {
      .w9-breadcrumb__heading {
        font-size: 3em; } }
    @media only screen and (max-width: 37.5em) {
      .w9-breadcrumb__heading {
        font-size: 1.8em; } }
  .w9-breadcrumb__nav {
    margin-top: 2em;
    cursor: pointer;
    font-size: 1.3em;
    color: white; }
    .w9-breadcrumb__nav__block {
      margin-top: 1em; }
      .w9-breadcrumb__nav__block .active {
        color: darkgrey; }
      .w9-breadcrumb__nav__block:hover {
        color: var(--main-color-w) !important; }
    .w9-breadcrumb__nav__icon {
      margin-right: .2em; }
    .w9-breadcrumb__nav__text:hover {
      color: var(--main-color-w) !important; }

.w9-breadcrumb-1 {
  width: 100%;
  padding: 3em 1em;
  color: black; }
  .w9-breadcrumb-1__group {
    max-width: 120em;
    margin: 0 auto;
    text-transform: capitalize; }
  .w9-breadcrumb-1__heading {
    color: black;
    font-size: 1.4em;
    font-weight: 700; }
    @media only screen and (max-width: 62.5em) {
      .w9-breadcrumb-1__heading {
        font-size: 4em; } }
    @media only screen and (max-width: 50em) {
      .w9-breadcrumb-1__heading {
        font-size: 3em; } }
    @media only screen and (max-width: 37.5em) {
      .w9-breadcrumb-1__heading {
        font-size: 1.8em; } }
  .w9-breadcrumb-1__nav {
    color: black;
    margin-top: 1.5em;
    cursor: pointer; }
    .w9-breadcrumb-1__nav .active {
      color: darkgrey !important; }
    .w9-breadcrumb-1__nav__block {
      font-size: 1.2em;
      margin-top: .5em;
      display: flex;
      align-items: center; }
      .w9-breadcrumb-1__nav__block:hover {
        color: var(--hover-color-w); }
    .w9-breadcrumb-1__nav__icon {
      margin-right: .5em; }
      .w9-breadcrumb-1__nav__icon:hover {
        color: var(--hover-color-w); }
    .w9-breadcrumb-1__nav__text {
      font-size: 1.2em; }
      .w9-breadcrumb-1__nav__text:hover {
        color: var(--hover-color-w); }

.w9-bloglist {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w9-bloglist__group {
        flex-direction: column; } }
  .w9-bloglist__first {
    width: 67%; }
    @media only screen and (max-width: 43.75em) {
      .w9-bloglist__first {
        width: 100%; } }
    .w9-bloglist__first__text {
      font-size: 1.6em;
      line-height: 1.8em; }
      .w9-bloglist__first__text h1, .w9-bloglist__first__text h2, .w9-bloglist__first__text h3, .w9-bloglist__first__text h4, .w9-bloglist__first__text p, .w9-bloglist__first__text img, .w9-bloglist__first__text iframe {
        margin: .7em 0; }
    .w9-bloglist__first__block {
      display: flex;
      margin-left: -2%;
      width: 100%;
      flex-wrap: wrap; }
      .w9-bloglist__first__block__items {
        margin-top: 2em;
        width: 100%; }
        .w9-bloglist__first__block__items__2 .w9-bloglist__first__items__imgbox {
          width: 100%; }
        @media only screen and (min-width: 43.75em) {
          .w9-bloglist__first__block__items__2 {
            width: 48%;
            margin-left: 2%; } }
        .w9-bloglist__first__block__items__imgbox {
          width: 100%;
          border-radius: .7em; }
          .w9-bloglist__first__block__items__imgbox__img {
            width: 100%; }
        .w9-bloglist__first__block__items__content {
          margin-top: 2em; }
          .w9-bloglist__first__block__items__content__post {
            display: flex; }
            .w9-bloglist__first__block__items__content__post__cate {
              color: var(--main-color-w);
              font-weight: 600; }
            .w9-bloglist__first__block__items__content__post__text {
              color: var(--text-color-w);
              margin-left: 1em; }
          .w9-bloglist__first__block__items__content__main {
            margin-top: 1em;
            font-size: 2em;
            font-weight: 600;
            text-transform: capitalize;
            cursor: pointer;
            display: block; }
          .w9-bloglist__first__block__items__content__sub {
            margin-top: .5em;
            color: #626262;
            font-size: 1.2em;
            line-height: 1.6em; }
          .w9-bloglist__first__block__items__content__button {
            color: var(--main-color-w);
            text-decoration: underline;
            font-weight: 600;
            background-color: transparent;
            text-transform: capitalize;
            border: none;
            font-size: 1.3em;
            margin-top: 1em;
            display: block;
            cursor: pointer; }
    .w9-bloglist__first__paging {
      text-align: center;
      margin-top: 2em;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap; }
      .w9-bloglist__first__paging__items {
        padding: 1em;
        width: 3.3em;
        display: inline-block;
        border-radius: 50%;
        font-weight: 600;
        margin-left: 1em;
        cursor: pointer; }
      .w9-bloglist__first__paging__active {
        background-color: var(--main-color-w);
        color: white; }
      .w9-bloglist__first__paging__pre {
        cursor: pointer;
        margin-left: 1em;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1.5em; }
        .w9-bloglist__first__paging__pre__text {
          font-size: 1.2em; }
        .w9-bloglist__first__paging__pre__icon {
          margin-left: .5em;
          font-size: 1.2em; }
  .w9-bloglist__second {
    width: 30%;
    margin-top: 4em; }
    @media only screen and (max-width: 43.75em) {
      .w9-bloglist__second {
        width: 100%; } }
    .w9-bloglist__second__latest__heading {
      font-weight: 600;
      font-size: 1.8em;
      padding: 1em;
      border-bottom: .1em solid #eee; }
    .w9-bloglist__second__latest__content {
      display: flex;
      padding: 1em;
      align-items: center; }
      .w9-bloglist__second__latest__content__imgbox {
        min-width: 10em;
        max-width: 10em;
        height: 7em;
        overflow: hidden; }
        .w9-bloglist__second__latest__content__imgbox__img {
          width: 100%; }
      .w9-bloglist__second__latest__content__info {
        margin-left: 1em;
        cursor: pointer; }
        .w9-bloglist__second__latest__content__info__date {
          margin-top: .5em;
          color: #626262; }
        .w9-bloglist__second__latest__content__info__text {
          font-size: 1.2em;
          font-weight: 500;
          display: block; }
        .w9-bloglist__second__latest__content__info:hover {
          color: var(--hover-color-w); }
    .w9-bloglist__second__blog {
      margin-top: 2em; }
      .w9-bloglist__second__blog__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        border-bottom: .1em solid #eee; }
      .w9-bloglist__second__blog__content {
        padding: 1em; }
        .w9-bloglist__second__blog__content__info {
          display: flex;
          align-items: center;
          cursor: pointer; }
          .w9-bloglist__second__blog__content__info__icon {
            font-size: 1.6em; }
          .w9-bloglist__second__blog__content__info__text {
            font-size: 1.3em;
            margin-left: 1em;
            display: block; }
          .w9-bloglist__second__blog__content__info:hover {
            color: var(--main-color-w); }
    .w9-bloglist__second__tag {
      margin-top: 2em; }
      .w9-bloglist__second__tag__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        border-bottom: .1em solid #eee; }
      .w9-bloglist__second__tag__content {
        padding: 1em;
        display: flex;
        flex-wrap: wrap; }
        .w9-bloglist__second__tag__content__button {
          background-color: #eef2f8;
          border: none;
          outline: none;
          padding: 1em;
          color: var(--text-color-w);
          margin-left: 1em;
          margin-top: 1em;
          display: inline-block;
          cursor: pointer; }
          .w9-bloglist__second__tag__content__button:hover {
            color: var(--main-color-w); }

.w9-blogdetail {
  width: 100%;
  color: var(--text-color-w);
  padding: 2em 1em; }
  .w9-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w9-blogdetail__group {
        flex-direction: column; } }
  .w9-blogdetail__first {
    width: 67%; }
    @media only screen and (max-width: 43.75em) {
      .w9-blogdetail__first {
        width: 100%; } }
    .w9-blogdetail__first__items__imgbox {
      width: 100%; }
      .w9-blogdetail__first__items__imgbox__img {
        width: 100%; }
    .w9-blogdetail__first__items__second {
      width: 100%;
      margin-top: 2em;
      border: .1em solid #eee;
      padding: 2em; }
      .w9-blogdetail__first__items__second sup {
        color: var(--main-color-w);
        font-size: 1.3em; }
      .w9-blogdetail__first__items__second__title {
        font-weight: 300; }
      .w9-blogdetail__first__items__second__textrate {
        margin-top: 2em; }
      .w9-blogdetail__first__items__second__textreview {
        margin-top: 1em; }
      .w9-blogdetail__first__items__second__textarea {
        width: 100%;
        height: 10em;
        margin-top: .5em; }
      .w9-blogdetail__first__items__second__textform {
        display: flex;
        justify-content: space-between;
        padding: 1em 0;
        width: 100%; }
        .w9-blogdetail__first__items__second__textform__name {
          width: 48%;
          display: block; }
          .w9-blogdetail__first__items__second__textform__name__info {
            font-weight: 300; }
          .w9-blogdetail__first__items__second__textform__name__input {
            margin-top: .5em;
            display: inline-block;
            width: 100%;
            padding: .5em; }
      .w9-blogdetail__first__items__second__button {
        color: white;
        background-color: var(--main-color-w);
        border: none;
        border-radius: .2em;
        padding: 1em 2em;
        width: 48%;
        margin-left: auto;
        display: inline-block;
        outline: none;
        cursor: pointer;
        text-transform: capitalize;
        font-weight: 700;
        font-size: 1.2em;
        margin-top: 1em; }
        .w9-blogdetail__first__items__second__button:hover {
          filter: brightness(0.8); }
    .w9-blogdetail__first__items__content {
      margin-top: 2em; }
      .w9-blogdetail__first__items__content__post {
        display: flex;
        margin-top: .5em; }
        .w9-blogdetail__first__items__content__post__cate {
          color: var(--main-color-w);
          font-weight: 600; }
        .w9-blogdetail__first__items__content__post__text {
          color: #626262;
          margin-left: 1em;
          display: inline-block; }
      .w9-blogdetail__first__items__content__main {
        margin-top: .2em;
        font-size: 2.5em;
        font-weight: 600;
        text-transform: capitalize;
        cursor: pointer;
        display: block; }
      .w9-blogdetail__first__items__content__sub {
        margin-top: 1em;
        color: var(--text-color-w);
        font-size: 1.6em;
        line-height: 1.8em;
        text-align: justify; }
        .w9-blogdetail__first__items__content__sub h2, .w9-blogdetail__first__items__content__sub h3, .w9-blogdetail__first__items__content__sub iframe, .w9-blogdetail__first__items__content__sub h4, .w9-blogdetail__first__items__content__sub h5, .w9-blogdetail__first__items__content__sub img, .w9-blogdetail__first__items__content__sub p {
          margin: .5em 0; }
        .w9-blogdetail__first__items__content__sub ul, .w9-blogdetail__first__items__content__sub ol {
          list-style: none; }
    .w9-blogdetail__first__items__link {
      display: flex;
      color: var(--main-color-w);
      align-items: center;
      margin-top: 3em; }
      .w9-blogdetail__first__items__link__text {
        margin-left: 1em;
        font-size: 1.3em; }
    .w9-blogdetail__first__items__cmpost {
      margin-top: 3em;
      border: .1em solid #eee;
      padding: 2em; }
      .w9-blogdetail__first__items__cmpost__heading {
        font-size: 3em;
        font-weight: 600;
        padding-bottom: 1em;
        border-bottom: .1em solid #eee; }
      .w9-blogdetail__first__items__cmpost__item {
        margin-top: 3em;
        display: flex;
        justify-content: space-between; }
        .w9-blogdetail__first__items__cmpost__item__user {
          width: 15%;
          min-width: 15%;
          margin-right: 1em;
          text-align: center; }
          .w9-blogdetail__first__items__cmpost__item__user__name {
            margin-top: .5em;
            font-weight: 600; }
          .w9-blogdetail__first__items__cmpost__item__user__date {
            font-weight: 300;
            margin-top: .5em; }
          .w9-blogdetail__first__items__cmpost__item__user__imgbox {
            min-width: 5em;
            width: 100%;
            height: 10em; }
        .w9-blogdetail__first__items__cmpost__item__text {
          border: .1em solid #eee;
          display: flex;
          align-items: center;
          padding: 1em;
          width: 83%;
          background-color: #FCFCFC; }
  .w9-blogdetail__second {
    width: 30%;
    margin-top: 1em; }
    @media only screen and (max-width: 43.75em) {
      .w9-blogdetail__second {
        width: 100%; } }
    .w9-blogdetail__second__latest__heading {
      font-weight: 600;
      font-size: 1.8em;
      padding: 1em;
      border-bottom: .1em solid #eee; }
    .w9-blogdetail__second__latest__content {
      display: flex;
      padding: 1em;
      align-items: center; }
      .w9-blogdetail__second__latest__content__imgbox {
        width: 5em;
        height: 3em;
        min-width: 5em;
        overflow: hidden; }
        .w9-blogdetail__second__latest__content__imgbox__img {
          width: 100%; }
      .w9-blogdetail__second__latest__content__info {
        margin-left: 1em;
        cursor: pointer; }
        .w9-blogdetail__second__latest__content__info__date {
          margin-top: .5em;
          color: #626262;
          display: inline-block; }
        .w9-blogdetail__second__latest__content__info__text {
          font-size: 1.5em;
          font-weight: 500;
          display: inline-block; }
        .w9-blogdetail__second__latest__content__info:hover {
          color: var(--hover-color-w); }
    .w9-blogdetail__second__blog {
      margin-top: 2em; }
      .w9-blogdetail__second__blog__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        border-bottom: .1em solid #eee; }
      .w9-blogdetail__second__blog__content {
        padding: 1em; }
        .w9-blogdetail__second__blog__content__info {
          display: flex;
          align-items: center;
          cursor: pointer; }
          .w9-blogdetail__second__blog__content__info__icon {
            font-size: 1.6em; }
          .w9-blogdetail__second__blog__content__info__text {
            font-size: 1.3em;
            margin-left: 1em;
            display: inline-block; }
          .w9-blogdetail__second__blog__content__info:hover {
            color: var(--hover-color-w); }
    .w9-blogdetail__second__tag {
      margin-top: 2em; }
      .w9-blogdetail__second__tag__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        border-bottom: .1em solid #eee;
        display: inline-block; }
      .w9-blogdetail__second__tag__content {
        padding: 1em;
        display: flex;
        flex-wrap: wrap; }
        .w9-blogdetail__second__tag__content__button {
          background-color: #eef2f8;
          border: none;
          outline: none;
          padding: 1em;
          color: var(--text-color-w);
          margin-left: 1em;
          margin-top: 1em;
          cursor: pointer; }
          .w9-blogdetail__second__tag__content__button:hover {
            color: var(--hover-color-w); }

.w9-productlist {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-productlist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 .5em; }
    @media only screen and (max-width: 43.75em) {
      .w9-productlist__group {
        flex-direction: column; } }
  .w9-productlist__first {
    width: 35%; }
    @media only screen and (max-width: 43.75em) {
      .w9-productlist__first {
        width: 100%;
        text-align: center; } }
    .w9-productlist__first__cate__heading {
      font-size: 2em;
      font-weight: 700;
      padding-bottom: 1em;
      border-bottom: .1em solid #eee;
      text-transform: capitalize; }
    .w9-productlist__first__cate__link {
      margin-top: 2em; }
      .w9-productlist__first__cate__link__text {
        font-weight: 300;
        font-size: 1.4em;
        margin-top: 1em;
        display: block; }
    .w9-productlist__first__pricefilter {
      margin-top: 2em; }
      @media only screen and (max-width: 43.75em) {
        .w9-productlist__first__pricefilter {
          margin-top: 5em; } }
      .w9-productlist__first__pricefilter__heading {
        font-size: 2em;
        font-weight: 700;
        padding-bottom: 1em;
        border-bottom: .1em solid #eee; }
      .w9-productlist__first__pricefilter__content__price-range {
        margin-top: 2em; }
        .w9-productlist__first__pricefilter__content__price-range .ui-widget-header {
          background: var(--main-color-w); }
        .w9-productlist__first__pricefilter__content__price-range .ui-slider-handle {
          border-radius: 50%;
          border: 0.2em solid var(--main-color-w) !important;
          cursor: w-resize !important;
          margin-top: -.1em; }
        .w9-productlist__first__pricefilter__content__price-range .ui-state-active {
          background-color: white !important; }
        .w9-productlist__first__pricefilter__content__price-range .ui-widget.ui-widget-content {
          border: none !important;
          background-color: #eee; }
        .w9-productlist__first__pricefilter__content__price-range__filter {
          height: .3em !important; }
        .w9-productlist__first__pricefilter__content__price-range__val {
          margin-top: 2em;
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 62.5em) {
            .w9-productlist__first__pricefilter__content__price-range__val {
              flex-wrap: wrap;
              justify-content: center; } }
          .w9-productlist__first__pricefilter__content__price-range__val__text {
            font-size: 1.6em;
            font-weight: 300;
            margin-left: .3em; }
          .w9-productlist__first__pricefilter__content__price-range__val__filter__field {
            margin-left: .3em;
            background-color: white;
            color: var(--main-color-w);
            font-size: 1.6em;
            font-weight: 500;
            width: 5em;
            border-radius: .3em;
            outline: none;
            border: none; }
          .w9-productlist__first__pricefilter__content__price-range__val__button {
            background-color: var(--main-color-w);
            padding: 1em;
            color: white;
            font-size: 1.6em;
            font-weight: 700;
            border: none;
            border-radius: .3em;
            margin-right: .5em;
            outline: none;
            cursor: pointer; }
            .w9-productlist__first__pricefilter__content__price-range__val__button:hover {
              filter: brightness(80%); }
  .w9-productlist__second {
    width: 63%; }
    @media only screen and (max-width: 43.75em) {
      .w9-productlist__second {
        width: 100%;
        margin-top: 8em; } }
    .w9-productlist__second__heading {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .w9-productlist__second__heading__title {
        font-size: 1.3em;
        font-weight: 500; }
      .w9-productlist__second__heading__sort {
        text-transform: capitalize;
        padding: 1em;
        font-weight: 400;
        font-size: 1.4em; }
    .w9-productlist__second__items {
      margin-top: 2em;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      @media only screen and (max-width: 37.5em) {
        .w9-productlist__second__items {
          flex-wrap: wrap;
          justify-content: flex-start; } }
      .w9-productlist__second__items__card {
        width: 33.333333%;
        padding-bottom: 4em;
        text-align: center;
        text-transform: capitalize;
        border: 0.1em solid #eee; }
        @media only screen and (max-width: 37.5em) {
          .w9-productlist__second__items__card {
            width: 50%;
            margin-top: 1em; } }
        .w9-productlist__second__items__card__imgbox {
          position: relative;
          width: 100%;
          transition: all .2s;
          cursor: pointer;
          height: 20em; }
          .w9-productlist__second__items__card__imgbox__img {
            width: 100%; }
          .w9-productlist__second__items__card__imgbox__status {
            position: absolute;
            display: inline-block;
            padding: 0.5em 1em;
            background-color: var(--main-color-w);
            margin: 1em;
            color: white;
            border-radius: .2em; }
        .w9-productlist__second__items__card__imgbox:hover .w9-productlist__second__items__card__buy {
          opacity: 1; }
        .w9-productlist__second__items__card__buy {
          transition: all .2s;
          cursor: pointer;
          position: absolute;
          padding: 1em;
          margin: 0 auto;
          display: inline-block;
          opacity: 0;
          top: 50%;
          left: 50%;
          white-space: nowrap;
          transform: translate(-50%, -50%);
          background-color: rgba(255, 255, 255, 0.8);
          border: none;
          font-weight: 600;
          cursor: pointer; }
          .w9-productlist__second__items__card__buy:hover {
            background-color: var(--hover-color-w);
            color: white; }
        .w9-productlist__second__items__card__name {
          margin-top: 1em;
          color: darkgray;
          display: block; }
        .w9-productlist__second__items__card__des {
          margin-top: 1.5em;
          font-weight: 700;
          padding: 0 1em;
          display: block; }
        .w9-productlist__second__items__card__price {
          margin-top: 1.5em;
          display: flex;
          justify-content: center;
          font-size: 1.3em;
          font-weight: 800; }
          .w9-productlist__second__items__card__price__main {
            color: var(--main-color-w); }
          .w9-productlist__second__items__card__price__sub {
            text-decoration: line-through;
            margin-left: 0.5em; }
        .w9-productlist__second__items__card__button {
          margin-top: 2em;
          padding: .5em 2em;
          background-color: black;
          border: none;
          outline: none;
          cursor: pointer;
          color: white;
          border-radius: .3em;
          font-weight: 700; }
          .w9-productlist__second__items__card__button:hover {
            background-color: var(--hover-color-w); }

.w9-productlist-1 {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-productlist-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 .5em; }
    @media only screen and (max-width: 43.75em) {
      .w9-productlist-1__group {
        flex-direction: column; } }
  .w9-productlist-1__first {
    width: 30%;
    max-height: 90vh;
    overflow: scroll; }
    @media only screen and (max-width: 43.75em) {
      .w9-productlist-1__first {
        width: 100%;
        text-align: center; } }
    .w9-productlist-1__first__lbl {
      cursor: pointer;
      font-size: 1.6em;
      display: none;
      align-items: center;
      margin: 0 auto; }
      @media only screen and (max-width: 43.75em) {
        .w9-productlist-1__first__lbl {
          display: inline-flex; } }
      .w9-productlist-1__first__lbl__text {
        text-transform: uppercase;
        margin-right: .5em; }
    .w9-productlist-1__first__checkbox:checked ~ .w9-productlist-1__first__cate {
      display: block; }
    .w9-productlist-1__first__checkbox {
      display: none; }
    @media only screen and (max-width: 43.75em) {
      .w9-productlist-1__first__cate {
        display: none; } }
    .w9-productlist-1__first__cate__link {
      margin-top: 2em; }
      .w9-productlist-1__first__cate__link__items {
        margin-top: 1.5em; }
        .w9-productlist-1__first__cate__link__items__text {
          text-transform: uppercase;
          font-weight: 600;
          color: black;
          font-size: 1.4em; }
          .w9-productlist-1__first__cate__link__items__text:hover {
            text-decoration: underline;
            transition: all .2s ease; }
        .w9-productlist-1__first__cate__link__items__ul {
          display: none;
          list-style: none;
          margin-top: .5em;
          font-size: 1.2em; }
          .w9-productlist-1__first__cate__link__items__ul__li {
            padding: 1em;
            margin-left: 1em; }
            .w9-productlist-1__first__cate__link__items__ul__li__text {
              text-transform: uppercase; }
              .w9-productlist-1__first__cate__link__items__ul__li__text-active {
                text-decoration: underline;
                font-weight: 600; }
              .w9-productlist-1__first__cate__link__items__ul__li__text:hover {
                text-decoration: underline;
                transition: all .2s ease; }
  .w9-productlist-1__second {
    width: 68%; }
    @media only screen and (max-width: 43.75em) {
      .w9-productlist-1__second {
        width: 100%;
        margin-top: 2em; } }
    .w9-productlist-1__second__heading {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .w9-productlist-1__second__heading__title {
        font-size: 1.6em;
        font-weight: 600;
        text-transform: uppercase;
        color: black; }
      .w9-productlist-1__second__heading__sort {
        text-transform: capitalize;
        padding: 1em;
        font-weight: 400;
        font-size: 1.4em;
        border: none;
        outline: none;
        cursor: pointer; }
    .w9-productlist-1__second__items {
      margin-top: 2em;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      @media only screen and (max-width: 37.5em) {
        .w9-productlist-1__second__items {
          flex-wrap: wrap;
          justify-content: flex-start; } }
      .w9-productlist-1__second__items__card {
        width: 33.333333%;
        padding-bottom: 4em;
        text-align: center;
        text-transform: capitalize;
        border: 0.1em solid #eee; }
        @media only screen and (max-width: 37.5em) {
          .w9-productlist-1__second__items__card {
            width: 50%;
            margin-top: 1em; } }
        .w9-productlist-1__second__items__card__imgbox {
          position: relative;
          width: 100%;
          transition: all .2s;
          cursor: pointer;
          height: 20em; }
          .w9-productlist-1__second__items__card__imgbox__img {
            width: 100%; }
          .w9-productlist-1__second__items__card__imgbox__status {
            position: absolute;
            display: inline-block;
            padding: 0.5em 1em;
            background-color: var(--main-color-w);
            margin: 1em;
            color: white;
            border-radius: .2em; }
        .w9-productlist-1__second__items__card__imgbox:hover .w9-productlist-1__second__items__card__buy {
          opacity: 1; }
        .w9-productlist-1__second__items__card__buy {
          transition: all .2s;
          cursor: pointer;
          position: absolute;
          padding: 1em;
          margin: 0 auto;
          display: inline-block;
          opacity: 0;
          top: 50%;
          left: 50%;
          white-space: nowrap;
          transform: translate(-50%, -50%);
          background-color: rgba(255, 255, 255, 0.8);
          border: none;
          font-weight: 600;
          cursor: pointer; }
          .w9-productlist-1__second__items__card__buy:hover {
            background-color: var(--main-color-w);
            color: white; }
        .w9-productlist-1__second__items__card__name {
          margin-top: 1em;
          color: darkgray;
          display: block; }
        .w9-productlist-1__second__items__card__des {
          margin-top: 1.5em;
          font-weight: 700;
          padding: 0 1em;
          display: block; }
        .w9-productlist-1__second__items__card__price {
          margin-top: 1.5em;
          display: flex;
          justify-content: center;
          font-size: 1.3em;
          font-weight: 800; }
          .w9-productlist-1__second__items__card__price__main {
            color: var(--main-color-w); }
          .w9-productlist-1__second__items__card__price__sub {
            text-decoration: line-through;
            margin-left: 0.5em; }
        .w9-productlist-1__second__items__card__button {
          margin-top: 2em;
          padding: .5em 2em;
          background-color: black;
          border: none;
          outline: none;
          cursor: pointer;
          color: white;
          display: inline-block;
          font-weight: 700; }
          .w9-productlist-1__second__items__card__button:hover {
            background-color: var(--hover-color-w); }

.w9-productdetail {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-productdetail__group {
    max-width: 120em;
    margin: 0 auto; }
  .w9-productdetail__card {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w9-productdetail__card {
        flex-direction: column; } }
    .w9-productdetail__card .owl-thumb-item {
      background-color: transparent !important;
      border: none; }
    .w9-productdetail__card__owl-imgbox__img {
      width: 100%; }
    .w9-productdetail__card__owl-thumb {
      width: 100%;
      display: flex;
      background-color: transparent; }
      .w9-productdetail__card__owl-thumb__imgbox {
        width: 100%;
        height: 10em; }
        .w9-productdetail__card__owl-thumb__imgbox__img {
          width: 100%; }
    .w9-productdetail__card__owl-col {
      width: 50%; }
      .w9-productdetail__card__owl-col-1 {
        position: relative;
        margin-top: 2em; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail__card__owl-col {
          width: 100%; } }
    .w9-productdetail__card__button {
      border: .1em solid white;
      border-radius: 50%;
      padding: 0.5em 0.5em;
      text-align: center;
      color: #e2f4ff;
      display: inline-block;
      padding: 1em 1.1em;
      background-color: black;
      outline: none;
      cursor: pointer;
      transition: all .2s;
      transform: translateY(-50%); }
      .w9-productdetail__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black; }
      .w9-productdetail__card__button-next {
        position: absolute;
        top: 50%;
        right: 0;
        margin-right: 1em;
        z-index: 2; }
      .w9-productdetail__card__button__icon {
        font-size: 2em; }
      .w9-productdetail__card__button-prev {
        position: absolute;
        top: 50%;
        margin-left: 1em;
        z-index: 2; }
    .w9-productdetail__card__imgbox {
      width: 100%;
      height: 35em;
      overflow: hidden;
      border: .1em solid #eee; }
      .w9-productdetail__card__imgbox__img {
        transition: all .3s ease-in-out;
        width: 100%; }
        .w9-productdetail__card__imgbox__img:hover {
          transform: scale(1.3); }
    .w9-productdetail__card__info {
      width: 45%; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail__card__info {
          width: 100%;
          margin-top: 2em; } }
      .w9-productdetail__card__info__status {
        background-color: #54c154;
        border-radius: .3em;
        padding: 1em;
        color: white; }
      .w9-productdetail__card__info__name {
        margin-top: 1em;
        font-weight: 600;
        font-size: 3em; }
      .w9-productdetail__card__info__star {
        margin-top: 1em; }
        .w9-productdetail__card__info__star__icon {
          color: #f93; }
      .w9-productdetail__card__info__price {
        margin-top: 1em;
        display: flex;
        font-size: 2.5em;
        font-weight: 800; }
        .w9-productdetail__card__info__price__main {
          color: var(--main-color-w);
          display: inline-block; }
        .w9-productdetail__card__info__price__sub {
          margin-left: 1em;
          text-decoration: line-through;
          display: inline-block; }
      .w9-productdetail__card__info__des {
        color: var(--text-color-w);
        margin-top: .5em;
        font-size: 1.5em;
        line-height: 1.8em;
        text-align: justify; }
      .w9-productdetail__card__info__form {
        margin-top: 4em;
        width: 100%;
        display: flex;
        padding-bottom: 3em;
        border-bottom: .1em solid #eee;
        justify-content: space-between; }
        .w9-productdetail__card__info__form__input {
          padding: 1em;
          border: .1em solid #eee;
          width: 30%;
          display: inline-block; }
        .w9-productdetail__card__info__form__button {
          color: white;
          background-color: var(--main-color-w);
          border: none;
          border-radius: .2em;
          padding: 1em;
          width: 65%;
          display: inline-block;
          outline: none;
          cursor: pointer;
          font-weight: 700;
          font-size: 1.6em; }
          .w9-productdetail__card__info__form__button__icon {
            font-size: 1.6em; }
          .w9-productdetail__card__info__form__button:hover {
            filter: brightness(0.8); }
      .w9-productdetail__card__info__cate {
        display: flex;
        margin-top: .5em; }
        .w9-productdetail__card__info__cate-row {
          margin-top: 3em;
          font-size: 1.2em;
          line-height: 1.8em; }
        .w9-productdetail__card__info__cate__text {
          text-transform: uppercase;
          font-weight: 300; }
        .w9-productdetail__card__info__cate__name {
          color: var(--text-color-w);
          margin-left: 1em; }
        .w9-productdetail__card__info__cate__icon {
          margin-left: 1em;
          font-size: 1.4em;
          cursor: pointer; }
  .w9-productdetail__add {
    padding: 5em;
    width: 100%; }
    @media only screen and (max-width: 50em) {
      .w9-productdetail__add {
        padding: 5em .2em; } }
    .w9-productdetail__add__text {
      color: var(--text-color-w);
      padding: 2em 0;
      text-align: justify;
      display: none;
      line-height: 1.8em;
      font-size: 1.6em;
      text-align: justify; }
      .w9-productdetail__add__text h2, .w9-productdetail__add__text h3, .w9-productdetail__add__text h4, .w9-productdetail__add__text h5, .w9-productdetail__add__text img, .w9-productdetail__add__text iframe, .w9-productdetail__add__text p {
        margin: .7em 0; }
      .w9-productdetail__add__text ul, .w9-productdetail__add__text ol {
        list-style: none; }
    .w9-productdetail__add__heading {
      display: flex;
      justify-content: center;
      border-bottom: .1em solid #eee; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail__add__heading {
          flex-direction: column; } }
      .w9-productdetail__add__heading__text {
        white-space: nowrap;
        font-size: 2em;
        font-weight: 600;
        cursor: pointer;
        padding-bottom: 1em; }
        .w9-productdetail__add__heading__text:not(:first-child) {
          margin-left: 2em; }
          @media only screen and (max-width: 50em) {
            .w9-productdetail__add__heading__text:not(:first-child) {
              margin-left: 0;
              margin-bottom: 1em; } }
        .w9-productdetail__add__heading__text-active {
          border-bottom: 0.1em solid var(--main-color-w);
          display: block;
          z-index: 1; }
    .w9-productdetail__add__table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 4em;
      display: none; }
      .w9-productdetail__add__table__th {
        font-size: 1.4em;
        font-weight: 800;
        padding: 1em; }
      .w9-productdetail__add__table__td {
        padding: 1em;
        width: 50%;
        font-size: 1.3em; }
        .w9-productdetail__add__table__td:last-child {
          font-weight: 300; }
      .w9-productdetail__add__table__tr:nth-child(odd) {
        background-color: #dddddd; }
    .w9-productdetail__add__review {
      display: none;
      justify-content: space-between;
      padding: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w9-productdetail__add__review {
          flex-direction: column; } }
      .w9-productdetail__add__review__first {
        width: 50%; }
        @media only screen and (max-width: 37.5em) {
          .w9-productdetail__add__review__first {
            width: 100%; } }
        .w9-productdetail__add__review__first-col {
          display: flex;
          margin-top: 4em; }
        .w9-productdetail__add__review__first__imgbox {
          width: 10em;
          min-width: 10em;
          height: 10em; }
          .w9-productdetail__add__review__first__imgbox__img {
            width: 100%; }
        .w9-productdetail__add__review__first__comment {
          margin-left: 2em; }
          .w9-productdetail__add__review__first__comment__head {
            display: flex;
            justify-content: space-between; }
            .w9-productdetail__add__review__first__comment__head__user__name {
              font-weight: 600;
              font-size: 1.3em; }
            .w9-productdetail__add__review__first__comment__head__user__date {
              color: var(--text-color-w); }
          .w9-productdetail__add__review__first__comment__star__icon {
            color: #f93; }
          .w9-productdetail__add__review__first__comment__text {
            color: var(--text-color-w);
            margin-top: 1em;
            text-align: justify;
            line-height: 1.6em; }
      .w9-productdetail__add__review__second {
        width: 48%; }
        @media only screen and (max-width: 37.5em) {
          .w9-productdetail__add__review__second {
            width: 100%;
            margin-top: 2em; } }
        .w9-productdetail__add__review__second sup {
          color: var(--main-color-w);
          font-size: 1.3em; }
        .w9-productdetail__add__review__second__title {
          font-weight: 300;
          font-size: 1.4em; }
        .w9-productdetail__add__review__second__textrate {
          margin-top: 2em;
          font-size: 1.4em; }
        .w9-productdetail__add__review__second__star {
          margin-top: 1em; }
          .w9-productdetail__add__review__second__star__icon {
            color: #f93;
            font-size: 2em; }
        .w9-productdetail__add__review__second__textreview {
          margin-top: 1em;
          font-size: 1.4em; }
        .w9-productdetail__add__review__second__textarea {
          width: 100%;
          height: 10em;
          margin-top: .5em;
          padding: .5em; }
        .w9-productdetail__add__review__second__textform {
          display: flex;
          justify-content: space-between;
          padding: 1em 0;
          width: 100%; }
          .w9-productdetail__add__review__second__textform__name {
            width: 48%;
            display: block; }
            .w9-productdetail__add__review__second__textform__name__info {
              font-weight: 300; }
            .w9-productdetail__add__review__second__textform__name__input {
              margin-top: .5em;
              display: inline-block;
              width: 100%;
              padding: .5em; }
        .w9-productdetail__add__review__second__button {
          color: white;
          background-color: var(--main-color-w);
          border: none;
          border-radius: .2em;
          padding: 1em;
          margin-left: auto;
          display: inline-block;
          outline: none;
          cursor: pointer;
          text-transform: capitalize;
          font-weight: 700;
          font-size: 1.6em;
          font-size: 1.6em; }
          .w9-productdetail__add__review__second__button:hover {
            filter: brightness(0.8); }

.w9-productdetail-1 {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-productdetail-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w9-productdetail-1__card {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w9-productdetail-1__card {
        flex-direction: column; } }
    .w9-productdetail-1__card .owl-thumb-item {
      background-color: transparent !important;
      border: none; }
    .w9-productdetail-1__card__owl-imgbox__img {
      width: 100%; }
    .w9-productdetail-1__card__owl-thumb {
      width: 100%;
      display: flex;
      background-color: transparent; }
      .w9-productdetail-1__card__owl-thumb button {
        outline: none; }
      .w9-productdetail-1__card__owl-thumb__imgbox {
        width: 100%;
        height: 10em; }
        .w9-productdetail-1__card__owl-thumb__imgbox__img {
          border: none;
          outline: none;
          width: 100%; }
    .w9-productdetail-1__card__owl-col {
      width: 50%; }
      .w9-productdetail-1__card__owl-col-1 {
        position: relative;
        margin-top: 2em; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail-1__card__owl-col {
          width: 100%; } }
      .w9-productdetail-1__card__owl-col__imgbox {
        width: 100%;
        height: 40em; }
        .w9-productdetail-1__card__owl-col__imgbox__img {
          width: 100%; }
    .w9-productdetail-1__card__button {
      padding: 0.5em 0.5em;
      text-align: center;
      color: #cccccc;
      display: inline-block;
      padding: 1em 1.1em;
      outline: none;
      cursor: pointer;
      background-color: transparent;
      transition: all .2s;
      transform: translateY(-50%);
      border: none; }
      .w9-productdetail-1__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black; }
      .w9-productdetail-1__card__button-next {
        position: absolute;
        top: 50%;
        right: 0;
        margin-right: 1em;
        z-index: 2; }
      .w9-productdetail-1__card__button__icon {
        font-size: 2em; }
      .w9-productdetail-1__card__button-prev {
        position: absolute;
        top: 50%;
        margin-left: 1em;
        z-index: 2; }
    .w9-productdetail-1__card__imgbox {
      width: 100%;
      height: 10em;
      overflow: hidden;
      border: .1em solid #eee;
      transition: all .3s ease-in-out;
      width: 100%; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail-1__card__imgbox {
          width: 100%; } }
      .w9-productdetail-1__card__imgbox:hover {
        transform: scale(1.3); }
    .w9-productdetail-1__card__info {
      width: 45%;
      text-align: center;
      font-size: 1.4em;
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail-1__card__info {
          width: 100%;
          margin-top: 2em; } }
      .w9-productdetail-1__card__info--relate {
        position: relative; }
        .w9-productdetail-1__card__info--relate__button {
          border: .1em solid white;
          border-radius: .3em;
          padding: 0.5em 0.5em;
          text-align: center;
          color: #e2f4ff;
          display: inline-block;
          padding: 1em 1.1em;
          background-color: rgba(0, 0, 0, 0.603);
          outline: none;
          cursor: pointer;
          transition: all .2s;
          transform: translateY(-50%); }
          .w9-productdetail-1__card__info--relate__button:hover {
            background-color: rgba(255, 255, 255, 0.685);
            color: black; }
          .w9-productdetail-1__card__info--relate__button-next {
            position: absolute;
            top: 50%;
            right: 0;
            margin-right: 1em;
            z-index: 2; }
          .w9-productdetail-1__card__info--relate__button__icon {
            font-size: 2em; }
          .w9-productdetail-1__card__info--relate__button-prev {
            position: absolute;
            top: 50%;
            left: 0;
            margin-left: 1em;
            z-index: 2; }
      .w9-productdetail-1__card__info__status {
        background-color: #1f1f1f;
        border-radius: .3em;
        padding: 1em;
        color: white;
        display: inline-block;
        font-size: 0.7em;
        margin-bottom: 1em;
        margin-top: 1.5em; }
      .w9-productdetail-1__card__info__name {
        font-weight: 600;
        font-size: 1.7em;
        color: black;
        display: block; }
      .w9-productdetail-1__card__info__star {
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
        padding: 1em; }
        .w9-productdetail-1__card__info__star__icon {
          color: #f93;
          font-size: 1.5em;
          cursor: pointer; }
      .w9-productdetail-1__card__info__price {
        display: flex;
        justify-content: center;
        font-weight: 800;
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
        border-top: 0.1em solid rgba(207, 207, 207, 0.5);
        padding: 1em; }
        .w9-productdetail-1__card__info__price__main {
          color: var(--main-color-w);
          display: inline-block;
          font-size: 1.4em; }
        .w9-productdetail-1__card__info__price__sub {
          margin-left: 1em;
          text-decoration: line-through;
          display: inline-block;
          font-size: 1.4em; }
      .w9-productdetail-1__card__info__relate {
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
        padding: 1em; }
        .w9-productdetail-1__card__info__relate__items {
          border: 0.1em solid rgba(207, 207, 207, 0.5);
          padding: 1em;
          display: flex;
          flex-direction: column;
          align-items: center;
          width: max-content;
          width: 95%;
          cursor: pointer;
          margin-right: 5%;
          transition: all .2s ease; }
          .w9-productdetail-1__card__info__relate__items__item {
            margin-top: .5em; }
            .w9-productdetail-1__card__info__relate__items__item__name {
              font-weight: 600; }
            .w9-productdetail-1__card__info__relate__items__item__des {
              margin-top: .5em;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              overflow: hidden;
              -webkit-line-clamp: 2; }
          .w9-productdetail-1__card__info__relate__items:hover .w9-productdetail-1__card__info__relate__items__rd {
            appearance: none;
            background-color: var(--main-color-w);
            padding: .5em;
            border-radius: 50%;
            border: 0.1em solid var(--main-color-w); }
      .w9-productdetail-1__card__info__size {
        display: flex;
        justify-content: center;
        padding: 1em;
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5); }
        .w9-productdetail-1__card__info__size__box {
          cursor: pointer;
          border: .1em solid #414141;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 1em;
          padding: 1em; }
      .w9-productdetail-1__card__info__color {
        display: flex;
        justify-content: center;
        padding: 1em;
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5); }
        .w9-productdetail-1__card__info__color__box {
          cursor: pointer;
          height: 3em;
          width: 3em;
          margin-right: 1em;
          background-color: red;
          border-radius: 50%; }
          .w9-productdetail-1__card__info__color__box-active {
            border: .1em solid #414141;
            outline: black; }
      .w9-productdetail-1__card__info__detail {
        padding: 1em;
        cursor: pointer;
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5); }
        .w9-productdetail-1__card__info__detail__checkbox:checked ~ .w9-productdetail-1__card__info__detail__content {
          max-height: 20em;
          padding: 1em 0; }
        .w9-productdetail-1__card__info__detail__checkbox {
          display: none; }
        .w9-productdetail-1__card__info__detail__lbl {
          cursor: pointer;
          font-weight: 600; }
        .w9-productdetail-1__card__info__detail__content {
          transition: all .6s ease;
          max-height: 0;
          overflow: hidden;
          line-height: 1.8em;
          text-align: justify; }
      .w9-productdetail-1__card__info__deliver {
        margin-top: 1em;
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5); }
        .w9-productdetail-1__card__info__deliver__lbl {
          cursor: pointer;
          font-weight: 600; }
        .w9-productdetail-1__card__info__deliver__checkbox:checked ~ .w9-productdetail-1__card__info__deliver__content {
          max-height: 40em;
          padding-bottom: 1em; }
        .w9-productdetail-1__card__info__deliver__checkbox {
          display: none; }
        .w9-productdetail-1__card__info__deliver__content {
          margin-top: 1em;
          max-height: 0;
          overflow: hidden;
          transition: all .2s ease; }
          .w9-productdetail-1__card__info__deliver__content__items {
            display: flex;
            align-items: flex-start;
            text-align: justify;
            margin-top: .5em; }
            .w9-productdetail-1__card__info__deliver__content__items__icon {
              margin-top: .4em;
              margin-right: .5em;
              font-size: 1.6em;
              color: var(--main-color-w);
              width: 2em;
              min-width: 2em; }
            .w9-productdetail-1__card__info__deliver__content__items__text {
              line-height: 1.8em; }
      .w9-productdetail-1__card__info__gift {
        margin-top: 1em;
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5); }
        .w9-productdetail-1__card__info__gift__lbl {
          cursor: pointer;
          font-weight: 600; }
          .w9-productdetail-1__card__info__gift__lbl__sub {
            margin-top: .5em;
            font-weight: 300; }
        .w9-productdetail-1__card__info__gift__checkbox:checked ~ .w9-productdetail-1__card__info__gift__content {
          max-height: 40em;
          opacity: 1;
          padding-bottom: 1em; }
        .w9-productdetail-1__card__info__gift__checkbox {
          display: none; }
        .w9-productdetail-1__card__info__gift__content {
          margin-top: 1em;
          max-height: 0;
          overflow: hidden;
          transition: all .2s ease-in;
          opacity: 0; }
          .w9-productdetail-1__card__info__gift__content__items {
            display: flex;
            align-items: flex-start;
            margin-top: .5em; }
            .w9-productdetail-1__card__info__gift__content__items__icon {
              margin-top: .4em;
              margin-right: .5em;
              font-size: 1.6em;
              color: var(--main-color-w);
              width: 2em;
              min-width: 2em; }
            .w9-productdetail-1__card__info__gift__content__items__text {
              line-height: 1.8em;
              text-align: justify; }
      .w9-productdetail-1__card__info__form {
        margin: 1em 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .w9-productdetail-1__card__info__form__text {
          margin-right: 1em; }
        .w9-productdetail-1__card__info__form__input {
          width: 75%;
          padding: 1em;
          border: .1em solid #eee;
          display: inline-block; }
      .w9-productdetail-1__card__info__button {
        color: white;
        background-color: var(--main-color-w);
        border: none;
        border-radius: .2em;
        padding: 1em;
        display: inline-block;
        width: 100%;
        outline: none;
        cursor: pointer;
        font-weight: 700; }
        .w9-productdetail-1__card__info__button:hover {
          filter: brightness(0.8); }
      .w9-productdetail-1__card__info__cate {
        padding: 1em;
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
        display: flex; }
        .w9-productdetail-1__card__info__cate__text {
          text-transform: uppercase;
          font-weight: 300;
          line-height: 1.8em; }
        .w9-productdetail-1__card__info__cate__name {
          color: #777;
          margin-left: 1em;
          line-height: 1.8em; }
        .w9-productdetail-1__card__info__cate__icon {
          margin-left: 1em;
          font-size: 1.4em;
          cursor: pointer;
          line-height: 1.8em; }
  .w9-productdetail-1__add {
    padding: 5em;
    width: 100%; }
    @media only screen and (max-width: 50em) {
      .w9-productdetail-1__add {
        padding: 5em .2em; } }
    .w9-productdetail-1__add__text {
      color: var(--text-color-w);
      padding: 2em 0;
      font-size: 1.6em;
      display: none;
      line-height: 1.8em;
      text-align: justify; }
      .w9-productdetail-1__add__text h2, .w9-productdetail-1__add__text h3, .w9-productdetail-1__add__text h4, .w9-productdetail-1__add__text h5, .w9-productdetail-1__add__text img, .w9-productdetail-1__add__text iframe, .w9-productdetail-1__add__text p {
        margin: .7em 0; }
      .w9-productdetail-1__add__text ul, .w9-productdetail-1__add__text ol {
        list-style: none; }
    .w9-productdetail-1__add__heading {
      display: flex;
      justify-content: center;
      border-bottom: .1em solid #eee; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail-1__add__heading {
          flex-direction: column; } }
      .w9-productdetail-1__add__heading__text {
        white-space: nowrap;
        font-size: 2em;
        font-weight: 600;
        cursor: pointer;
        padding-bottom: 1em; }
        .w9-productdetail-1__add__heading__text:not(:first-child) {
          margin-left: 2em; }
          @media only screen and (max-width: 50em) {
            .w9-productdetail-1__add__heading__text:not(:first-child) {
              margin-left: 0;
              margin-bottom: 1em; } }
        .w9-productdetail-1__add__heading__text-active {
          border-bottom: 0.1em solid var(--main-color-w);
          display: block;
          z-index: 1; }
    .w9-productdetail-1__add__table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 4em;
      display: none; }
      .w9-productdetail-1__add__table__th {
        font-size: 1.4em;
        font-weight: 800;
        padding: 1em; }
      .w9-productdetail-1__add__table__td {
        padding: 1em;
        width: 50%;
        font-size: 1.3em; }
        .w9-productdetail-1__add__table__td:last-child {
          font-weight: 300; }
      .w9-productdetail-1__add__table__tr:nth-child(odd) {
        background-color: #dddddd; }
    .w9-productdetail-1__add__review {
      display: none;
      justify-content: space-between;
      padding: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w9-productdetail-1__add__review {
          flex-direction: column; } }
      .w9-productdetail-1__add__review__first {
        width: 50%; }
        @media only screen and (max-width: 37.5em) {
          .w9-productdetail-1__add__review__first {
            width: 100%; } }
        .w9-productdetail-1__add__review__first-col {
          display: flex;
          margin-top: 4em; }
        .w9-productdetail-1__add__review__first__imgbox {
          width: 10em; }
          .w9-productdetail-1__add__review__first__imgbox__img {
            width: 100%; }
        .w9-productdetail-1__add__review__first__comment {
          margin-left: 2em; }
          .w9-productdetail-1__add__review__first__comment__head {
            display: flex;
            justify-content: space-between; }
            .w9-productdetail-1__add__review__first__comment__head__user__name {
              font-weight: 600;
              font-size: 1.3em; }
            .w9-productdetail-1__add__review__first__comment__head__user__date {
              color: #777; }
          .w9-productdetail-1__add__review__first__comment__star__icon {
            color: #f93; }
          .w9-productdetail-1__add__review__first__comment__text {
            color: #777;
            margin-top: 1em;
            text-align: justify;
            line-height: 1.6em; }
      .w9-productdetail-1__add__review__second {
        width: 48%; }
        @media only screen and (max-width: 37.5em) {
          .w9-productdetail-1__add__review__second {
            width: 100%;
            margin-top: 2em; } }
        .w9-productdetail-1__add__review__second sup {
          color: var(--main-color-w);
          font-size: 1.3em; }
        .w9-productdetail-1__add__review__second__title {
          font-weight: 300; }
        .w9-productdetail-1__add__review__second__textrate {
          margin-top: 2em; }
        .w9-productdetail-1__add__review__second__star {
          margin-top: .5em; }
          .w9-productdetail-1__add__review__second__star__icon {
            color: #f93; }
        .w9-productdetail-1__add__review__second__textreview {
          margin-top: 1em; }
        .w9-productdetail-1__add__review__second__textarea {
          width: 100%;
          height: 10em;
          margin-top: .5em; }
        .w9-productdetail-1__add__review__second__textform {
          display: flex;
          justify-content: space-between;
          padding: 1em 0;
          width: 100%; }
          .w9-productdetail-1__add__review__second__textform__name {
            width: 48%;
            display: block; }
            .w9-productdetail-1__add__review__second__textform__name__info {
              font-weight: 300; }
            .w9-productdetail-1__add__review__second__textform__name__input {
              margin-top: .5em;
              display: inline-block;
              width: 100%;
              padding: .5em; }
        .w9-productdetail-1__add__review__second__button {
          color: white;
          background-color: var(--main-color-w);
          border: none;
          border-radius: .2em;
          padding: 1em;
          margin-left: auto;
          display: inline-block;
          outline: none;
          cursor: pointer;
          text-transform: capitalize;
          font-weight: 700;
          font-size: 1.6em;
          font-size: 1.6em; }
          .w9-productdetail-1__add__review__second__button:hover {
            filter: brightness(0.8); }

.w9-productdetail-2 {
  width: 100%;
  padding: 1em;
  color: var(--text-color-w); }
  .w9-productdetail-2__group {
    max-width: 120em;
    margin: 0 auto; }
  .w9-productdetail-2__name {
    padding: 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .w9-productdetail-2__name__text {
      font-weight: 600;
      font-size: 2.5em;
      line-height: 1.8em;
      color: black;
      margin-right: .5em; }
    .w9-productdetail-2__name__stars {
      display: flex;
      padding: 1em .5em; }
      .w9-productdetail-2__name__stars__star {
        margin-right: .5em;
        color: #f93;
        font-size: 1.2em; }
    .w9-productdetail-2__name__countdg {
      display: block;
      color: deepskyblue;
      font-size: 1.2em; }
  .w9-productdetail-2__card {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5em; }
    @media only screen and (max-width: 50em) {
      .w9-productdetail-2__card {
        flex-direction: column; } }
    .w9-productdetail-2__card .owl-thumb-item {
      background-color: transparent !important;
      border: none; }
    .w9-productdetail-2__card__owl-imgbox__img {
      width: 100%; }
    .w9-productdetail-2__card__owl-thumb {
      width: 100%;
      display: flex;
      background-color: transparent; }
      .w9-productdetail-2__card__owl-thumb button {
        outline: none; }
      .w9-productdetail-2__card__owl-thumb__imgbox {
        width: 50%; }
        .w9-productdetail-2__card__owl-thumb__imgbox__img {
          border: none;
          outline: none;
          width: 100%; }
    .w9-productdetail-2__card__owl-col {
      width: 38%; }
      .w9-productdetail-2__card__owl-col-1 {
        position: relative;
        margin-top: 2em; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail-2__card__owl-col {
          width: 100%; } }
      .w9-productdetail-2__card__owl-col__imgbox {
        width: 100%;
        height: 35em; }
        .w9-productdetail-2__card__owl-col__imgbox__img {
          width: 100%; }
      .w9-productdetail-2__card__owl-col__cate {
        display: flex; }
        .w9-productdetail-2__card__owl-col__cate-row {
          margin-top: 1em;
          font-size: 1em;
          line-height: 1.8em; }
        .w9-productdetail-2__card__owl-col__cate__text {
          font-size: 1.5em;
          padding: .5em 0;
          font-weight: 600;
          width: 6em; }
        .w9-productdetail-2__card__owl-col__cate__name {
          margin-left: 1em;
          font-size: 1.5em;
          padding: .5em 0; }
        .w9-productdetail-2__card__owl-col__cate__icon {
          margin-left: 1em;
          font-size: 1.5em;
          padding: .5em 0;
          cursor: pointer; }
      .w9-productdetail-2__card__owl-col__deliver {
        margin-top: 1em;
        border: .1em solid #cccccc;
        padding: 1em 0;
        text-align: center; }
        .w9-productdetail-2__card__owl-col__deliver__lbl {
          cursor: pointer;
          font-weight: 800;
          font-size: 2em;
          padding: .5em;
          display: block; }
        .w9-productdetail-2__card__owl-col__deliver__content {
          display: block;
          transition: all .2s ease-in; }
          .w9-productdetail-2__card__owl-col__deliver__content__items {
            display: flex;
            align-items: flex-start;
            text-align: justify;
            padding: 1em; }
            .w9-productdetail-2__card__owl-col__deliver__content__items__icon {
              margin-top: .3em;
              margin-right: .5em;
              font-size: 2em;
              color: var(--main-color-w);
              width: 2em;
              min-width: 2em;
              height: 2em;
              padding: 0 .5em; }
            .w9-productdetail-2__card__owl-col__deliver__content__items__text {
              line-height: 1.8em;
              font-size: 1.5em; }
      .w9-productdetail-2__card__owl-col__cs {
        width: 100%;
        padding: 1em 0;
        margin-top: 1em;
        border: .1em solid #cccccc;
        height: max-content; }
        @media only screen and (max-width: 50em) {
          .w9-productdetail-2__card__owl-col__cs {
            width: 100%;
            margin-top: 2em; } }
        .w9-productdetail-2__card__owl-col__cs__items {
          display: flex;
          align-items: center;
          padding: 1em 2em; }
          .w9-productdetail-2__card__owl-col__cs__items:not(:last-child) {
            border-bottom: .1em solid #cccccc; }
          .w9-productdetail-2__card__owl-col__cs__items__icon {
            margin-right: .5em;
            font-size: 2em;
            width: 1.5em;
            min-width: 1.5em;
            color: var(--main-color-w); }
          .w9-productdetail-2__card__owl-col__cs__items__text {
            font-size: 1.4em;
            line-height: 1.8em; }
    .w9-productdetail-2__card__button {
      padding: 0.5em 0.5em;
      text-align: center;
      color: #cccccc;
      display: inline-block;
      padding: 1em 1.1em;
      outline: none;
      cursor: pointer;
      background-color: transparent;
      transition: all .2s;
      transform: translateY(-50%);
      border: none; }
      .w9-productdetail-2__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black; }
      .w9-productdetail-2__card__button-next {
        position: absolute;
        top: 50%;
        right: 0;
        margin-right: 1em;
        z-index: 2; }
      .w9-productdetail-2__card__button__icon {
        font-size: 2em; }
      .w9-productdetail-2__card__button-prev {
        position: absolute;
        top: 50%;
        margin-left: 1em;
        z-index: 2; }
    .w9-productdetail-2__card__imgbox {
      transition: all .3s ease-in-out;
      width: 100%;
      height: 12em;
      overflow: hidden;
      border: .1em solid #eee; }
      .w9-productdetail-2__card__imgbox:hover {
        transform: scale(1.3); }
      @media only screen and (max-width: 50em) {
        .w9-productdetail-2__card__imgbox {
          width: 100%; } }
    .w9-productdetail-2__card__info {
      width: 60%;
      text-align: center;
      font-size: 1.4em;
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail-2__card__info {
          width: 100%;
          margin-top: 2em; } }
      .w9-productdetail-2__card__info--relate {
        position: relative; }
        .w9-productdetail-2__card__info--relate__button {
          border: .1em solid white;
          border-radius: .3em;
          padding: 0.5em 0.5em;
          text-align: center;
          color: black;
          display: inline-block;
          padding: 1em 1.1em;
          background-color: rgba(255, 255, 255, 0.603);
          outline: none;
          cursor: pointer;
          transition: all .2s;
          transform: translateY(-50%);
          font-weight: bold; }
          .w9-productdetail-2__card__info--relate__button:hover {
            background-color: rgba(255, 255, 255, 0.685);
            color: black; }
          .w9-productdetail-2__card__info--relate__button-next {
            position: absolute;
            top: 50%;
            right: 0;
            margin-right: 1em;
            z-index: 2; }
          .w9-productdetail-2__card__info--relate__button__icon {
            font-size: 2em; }
          .w9-productdetail-2__card__info--relate__button-prev {
            position: absolute;
            top: 50%;
            left: 0;
            margin-left: 1em;
            z-index: 2; }
      .w9-productdetail-2__card__info__ads {
        display: block;
        border-radius: .3em;
        overflow: hidden;
        padding: 1em 0;
        border-bottom: .1em dashed #cccccc; }
        .w9-productdetail-2__card__info__ads__img {
          height: 100%;
          width: 100%; }
      .w9-productdetail-2__card__info__star {
        padding: 1em 0;
        border-bottom: .1em dashed #cccccc; }
        .w9-productdetail-2__card__info__star__icon {
          font-size: 1.6em;
          color: #f93;
          margin-right: .3em; }
      .w9-productdetail-2__card__info__price {
        display: flex;
        align-items: center;
        padding: 1em 0;
        border-radius: .2em;
        border-bottom: .1em dashed #cccccc; }
        .w9-productdetail-2__card__info__price__main {
          color: var(--main-color-w);
          display: inline-block;
          font-size: 2.2em;
          font-weight: 800; }
        .w9-productdetail-2__card__info__price__sub {
          margin-left: 1em;
          text-decoration: line-through;
          display: inline-block;
          margin-right: .5em;
          font-size: 1.5em;
          font-weight: 600; }
        .w9-productdetail-2__card__info__price__per {
          color: var(--main-color-w);
          padding: .5em;
          border: 1px solid var(--main-color-w);
          border-radius: .3em;
          font-weight: 600; }
      .w9-productdetail-2__card__info__relate {
        margin: 1em 0; }
        .w9-productdetail-2__card__info__relate__items {
          border: .1em solid #cccccc;
          padding: .5em;
          display: flex;
          align-items: center;
          width: max-content;
          width: 100%;
          cursor: pointer;
          background-color: white;
          flex-direction: column;
          border-radius: .3em; }
          .w9-productdetail-2__card__info__relate__items__rd {
            margin-right: .5em; }
          .w9-productdetail-2__card__info__relate__items__item {
            margin-top: 1em; }
            .w9-productdetail-2__card__info__relate__items__item__name {
              font-weight: 600; }
            .w9-productdetail-2__card__info__relate__items__item__des {
              margin-top: .5em; }
      .w9-productdetail-2__card__info__size {
        display: flex;
        justify-content: center;
        padding: 1em;
        border-bottom: .1em dashed #cccccc; }
        .w9-productdetail-2__card__info__size__box {
          cursor: pointer;
          border: .1em solid #414141;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 1em;
          margin-right: 1em; }
      .w9-productdetail-2__card__info__color {
        display: flex;
        justify-content: center;
        padding: 1em;
        border-bottom: .1em dashed #cccccc; }
        .w9-productdetail-2__card__info__color__box {
          cursor: pointer;
          height: 3em;
          width: 3em;
          margin-right: 1em;
          background-color: red;
          border-radius: 50%; }
          .w9-productdetail-2__card__info__color__box-active {
            border: .1em solid #414141;
            outline: black; }
      .w9-productdetail-2__card__info__detail {
        font-weight: 600;
        cursor: pointer;
        margin-top: 1em; }
        .w9-productdetail-2__card__info__detail__lbl {
          cursor: pointer;
          font-size: 1.5em;
          font-weight: 800;
          display: block;
          margin-top: 1em; }
        .w9-productdetail-2__card__info__detail__content {
          transition: all .6s ease;
          line-height: 1.8em;
          font-weight: 400;
          text-align: justify;
          padding: 1em 0;
          display: block; }
      .w9-productdetail-2__card__info__gift {
        margin-top: 1em;
        border: .1em solid #cccccc; }
        .w9-productdetail-2__card__info__gift__lbl {
          cursor: pointer;
          font-weight: 600;
          background-color: #eee;
          width: 10em;
          padding: 1em;
          width: 100%;
          color: black; }
          .w9-productdetail-2__card__info__gift__lbl__sub {
            margin-top: .5em;
            font-weight: 300; }
        .w9-productdetail-2__card__info__gift__content {
          overflow: hidden;
          transition: all .2s ease-in; }
          .w9-productdetail-2__card__info__gift__content__items {
            display: flex;
            align-items: flex-start;
            text-align: justify;
            margin-top: .5em;
            padding: 1em; }
            .w9-productdetail-2__card__info__gift__content__items__icon {
              margin-top: .4em;
              margin-right: .5em;
              color: var(--main-color-w);
              width: 2em;
              min-width: 2em;
              font-size: 1.5em; }
            .w9-productdetail-2__card__info__gift__content__items__text {
              line-height: 1.8em; }
            .w9-productdetail-2__card__info__gift__content__items__image {
              align-items: center;
              margin-top: 1em; }
              .w9-productdetail-2__card__info__gift__content__items__image__text {
                font-weight: 600;
                background-color: #eee;
                padding: 1em 0; }
              .w9-productdetail-2__card__info__gift__content__items__image__discount {
                display: flex;
                align-items: center;
                padding: 1em;
                border-bottom: .1em dashed #cccccc; }
                .w9-productdetail-2__card__info__gift__content__items__image__discount__imgbox {
                  width: 5em;
                  min-width: 5em;
                  margin-right: 1em;
                  height: 5em; }
                  .w9-productdetail-2__card__info__gift__content__items__image__discount__imgbox__img {
                    width: 100%; }
                .w9-productdetail-2__card__info__gift__content__items__image__discount__text {
                  text-decoration: underline; }
            .w9-productdetail-2__card__info__gift__content__items__imgbox {
              min-width: 5em;
              width: 5em;
              margin-right: 1em;
              height: 5em; }
              .w9-productdetail-2__card__info__gift__content__items__imgbox__img {
                width: 100%; }
        .w9-productdetail-2__card__info__gift__des {
          padding: 1em;
          font-weight: 300; }
      .w9-productdetail-2__card__info__form {
        padding: 1em 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: .1em dashed #cccccc; }
        .w9-productdetail-2__card__info__form__text {
          margin-right: 1em;
          font-weight: 600; }
        .w9-productdetail-2__card__info__form__input {
          width: 75%;
          padding: 1em;
          border: .1em solid #eee;
          display: inline-block; }
      .w9-productdetail-2__card__info__button {
        color: white;
        background-color: var(--main-color-w);
        border: none;
        border-radius: .2em;
        padding: 1em;
        display: inline-block;
        width: 100%;
        outline: none;
        margin-top: 1em;
        cursor: pointer; }
        .w9-productdetail-2__card__info__button:hover {
          filter: brightness(0.8); }
        .w9-productdetail-2__card__info__button__main {
          font-weight: 600;
          font-size: 1.2em; }
        .w9-productdetail-2__card__info__button__des {
          font-weight: 300;
          margin-top: .5em; }
        .w9-productdetail-2__card__info__button__now {
          background-color: orangered; }
      .w9-productdetail-2__card__info__buttonbox {
        display: flex;
        justify-content: space-between;
        margin-top: 1em; }
        .w9-productdetail-2__card__info__buttonbox__button {
          color: white;
          background-color: var(--main-color-w);
          border: none;
          border-radius: .2em;
          padding: 1em;
          display: inline-block;
          width: 48%;
          outline: none;
          cursor: pointer;
          font-weight: 700; }
          .w9-productdetail-2__card__info__buttonbox__button:hover {
            filter: brightness(0.8); }
          .w9-productdetail-2__card__info__buttonbox__button__main {
            font-weight: 600;
            font-size: 1.2em; }
          .w9-productdetail-2__card__info__buttonbox__button__des {
            font-weight: 300;
            margin-top: .5em; }
  .w9-productdetail-2__add {
    padding: 5em 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap-reverse; }
    @media only screen and (max-width: 50em) {
      .w9-productdetail-2__add {
        padding: 5em .2em; } }
    .w9-productdetail-2__add__first {
      width: 58%;
      margin-right: 2%; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail-2__add__first {
          width: 100%;
          margin-right: 0; } }
    .w9-productdetail-2__add__second {
      width: 40%; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail-2__add__second {
          width: 100%;
          margin-right: 0; } }
      .w9-productdetail-2__add__second__spec__title {
        font-size: 2em;
        font-weight: 600;
        padding: .5em;
        text-align: center;
        border: .1em solid #eee; }
      .w9-productdetail-2__add__second__spec__tbl {
        width: 100%;
        border-collapse: collapse;
        font-size: 1.2em;
        text-align: left;
        padding: 1em; }
        .w9-productdetail-2__add__second__spec__tbl td, .w9-productdetail-2__add__second__spec__tbl th {
          padding: 1em;
          border-top: .1em solid #eee; }
        .w9-productdetail-2__add__second__spec__tbl tr:nth-child(odd) {
          background-color: #dddddd; }
    .w9-productdetail-2__add__text {
      color: var(--text-color-w);
      padding: 2em 0;
      font-size: 1.6em;
      text-align: justify;
      line-height: 1.8em;
      display: none; }
      .w9-productdetail-2__add__text h2, .w9-productdetail-2__add__text h3, .w9-productdetail-2__add__text iframe, .w9-productdetail-2__add__text h4, .w9-productdetail-2__add__text h5, .w9-productdetail-2__add__text img, .w9-productdetail-2__add__text p {
        margin: .5em 0; }
      .w9-productdetail-2__add__text ul, .w9-productdetail-2__add__text ol {
        list-style: none; }
    .w9-productdetail-2__add__heading {
      display: flex;
      border-bottom: .1em solid #eee; }
      @media only screen and (max-width: 50em) {
        .w9-productdetail-2__add__heading {
          flex-direction: column; } }
      .w9-productdetail-2__add__heading__text {
        white-space: nowrap;
        font-size: 2em;
        font-weight: 600;
        cursor: pointer;
        padding-bottom: 1em; }
        .w9-productdetail-2__add__heading__text:not(:first-child) {
          margin-left: 2em; }
          @media only screen and (max-width: 50em) {
            .w9-productdetail-2__add__heading__text:not(:first-child) {
              margin-left: 0;
              margin-bottom: 1em; } }
        .w9-productdetail-2__add__heading__text-active {
          border-bottom: 0.1em solid var(--main-color-w);
          display: block;
          z-index: 1; }
    .w9-productdetail-2__add__table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 4em;
      margin-bottom: 4em; }
      .w9-productdetail-2__add__table__th {
        font-size: 1.4em;
        font-weight: 800;
        padding: 1em; }
      .w9-productdetail-2__add__table__td {
        padding: 1em;
        width: 50%;
        font-size: 1.3em; }
        .w9-productdetail-2__add__table__td:last-child {
          font-weight: 300; }
      .w9-productdetail-2__add__table__tr:nth-child(odd) {
        background-color: #dddddd; }
    .w9-productdetail-2__add__review {
      justify-content: space-between;
      padding: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w9-productdetail-2__add__review {
          flex-direction: column; } }
      .w9-productdetail-2__add__review__first {
        width: 100%; }
        @media only screen and (max-width: 37.5em) {
          .w9-productdetail-2__add__review__first {
            width: 100%; } }
        .w9-productdetail-2__add__review__first-col {
          display: flex;
          margin-top: 4em; }
        .w9-productdetail-2__add__review__first__imgbox {
          width: 10em;
          height: 10em;
          min-width: 10em; }
          .w9-productdetail-2__add__review__first__imgbox__img {
            width: 100%; }
        .w9-productdetail-2__add__review__first__comment {
          margin-left: 2em; }
          .w9-productdetail-2__add__review__first__comment__head {
            display: flex;
            justify-content: space-between; }
            .w9-productdetail-2__add__review__first__comment__head__user__name {
              font-weight: 600;
              font-size: 1.3em; }
            .w9-productdetail-2__add__review__first__comment__head__user__date {
              color: #777; }
          .w9-productdetail-2__add__review__first__comment__star__icon {
            color: #f93; }
          .w9-productdetail-2__add__review__first__comment__text {
            color: #777;
            margin-top: 1em;
            text-align: justify;
            line-height: 1.6em; }
      .w9-productdetail-2__add__review__second {
        width: 100%; }
        @media only screen and (max-width: 37.5em) {
          .w9-productdetail-2__add__review__second {
            width: 100%;
            margin-top: 2em; } }
        .w9-productdetail-2__add__review__second sup {
          color: var(--main-color-w);
          font-size: 1.3em; }
        .w9-productdetail-2__add__review__second__title {
          font-weight: 300;
          margin-top: 2em;
          font-size: 2em; }
        .w9-productdetail-2__add__review__second__textrate {
          margin-top: 2em;
          font-size: 1.6em;
          display: block; }
        .w9-productdetail-2__add__review__second__star {
          margin-top: 1em;
          display: block; }
          .w9-productdetail-2__add__review__second__star__icon {
            color: #f93;
            margin-right: .2em;
            font-size: 1.3em; }
        .w9-productdetail-2__add__review__second__textreview {
          margin-top: 1em;
          font-size: 1.2em; }
        .w9-productdetail-2__add__review__second__textarea {
          width: 100%;
          height: 10em;
          margin-top: .5em;
          font-size: 1.4em;
          padding: 1em; }
        .w9-productdetail-2__add__review__second__textform {
          display: flex;
          justify-content: space-between;
          padding: 1em 0;
          width: 100%;
          font-size: 1.4em; }
          .w9-productdetail-2__add__review__second__textform__name {
            width: 48%;
            display: block; }
            .w9-productdetail-2__add__review__second__textform__name__info {
              font-weight: 300; }
            .w9-productdetail-2__add__review__second__textform__name__input {
              margin-top: .5em;
              display: inline-block;
              width: 100%;
              padding: .5em; }
        .w9-productdetail-2__add__review__second__button {
          color: white;
          background-color: var(--main-color-w);
          border: none;
          border-radius: .2em;
          padding: 1em;
          margin-left: auto;
          display: inline-block;
          outline: none;
          cursor: pointer;
          text-transform: capitalize;
          font-weight: 700;
          font-size: 1.6em;
          font-size: 1.6em; }
          .w9-productdetail-2__add__review__second__button:hover {
            filter: brightness(0.8); }

.w9-card {
  width: 100%;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w9-card__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w9-card__group {
        flex-direction: column; } }
  .w9-card__first {
    width: 70%; }
    @media only screen and (max-width: 50em) {
      .w9-card__first {
        width: 99%; } }
    .w9-card__first__table {
      width: 100%;
      border-collapse: collapse; }
      @media only screen and (max-width: 37.5em) {
        .w9-card__first__table-col {
          overflow-x: scroll; } }
      .w9-card__first__table tr:nth-child(even) {
        background-color: #f2f2f2; }
      .w9-card__first__table th {
        font-weight: 700;
        white-space: nowrap;
        text-align: center;
        padding: 2em;
        border: .1em solid #eee;
        vertical-align: bottom;
        background-color: var(--main-color-w);
        color: white; }
      .w9-card__first__table td {
        padding-left: 1em;
        border: .1em solid #eee; }
      .w9-card__first__table__th__action {
        width: 5%; }
      .w9-card__first__table__th__image {
        width: 15%; }
      .w9-card__first__table__th__name {
        width: 25%; }
      .w9-card__first__table__th__quan {
        width: 5%; }
      .w9-card__first__table__th__price {
        width: 10%; }
      .w9-card__first__table__th__total {
        width: 10%; }
      .w9-card__first__table__td__image__imgbox {
        min-width: 10em;
        height: 15em;
        width: 100%; }
        .w9-card__first__table__td__image__imgbox__img {
          width: 100%; }
      .w9-card__first__table__td__action__icon {
        font-size: 2em; }
      .w9-card__first__table__td__name {
        min-width: 15em; }
        .w9-card__first__table__td__name__des {
          margin-top: .5em;
          font-weight: 600;
          display: block; }
          .w9-card__first__table__td__name__des__cate {
            font-weight: 300; }
      .w9-card__first__table__td__quan__input {
        width: 4em;
        padding: 1em; }
      .w9-card__first__table__td__price__text {
        font-size: 1.3em;
        font-weight: 500; }
      .w9-card__first__table__td__total {
        font-size: 1.3em;
        font-weight: 700; }
    .w9-card__first__sending {
      display: flex;
      justify-content: space-between;
      color: white; }
      @media only screen and (max-width: 37.5em) {
        .w9-card__first__sending {
          flex-direction: column;
          margin-top: 2em; } }
      .w9-card__first__sending__coupon__text {
        padding: 1em;
        border: .1em solid #eee; }
      .w9-card__first__sending__coupon__button {
        background-color: var(--main-color-w);
        padding: 1em;
        font-weight: 600;
        font-size: 1.3em;
        border-radius: .3em;
        margin-left: 1em; }
      .w9-card__first__sending__button {
        background-color: var(--main-color-w);
        padding: 1em;
        font-weight: 600;
        font-size: 1.3em;
        border-radius: .3em; }
        @media only screen and (max-width: 37.5em) {
          .w9-card__first__sending__button {
            margin-top: 2em; } }
  .w9-card__second {
    width: 28%;
    min-width: 28%;
    border: .5em solid #eee;
    padding: 2em;
    position: relative;
    height: max-content; }
    @media only screen and (max-width: 50em) {
      .w9-card__second {
        width: 100%;
        margin-top: 5em; } }
    .w9-card__second__heading {
      font-weight: 700;
      text-transform: uppercase;
      font-size: 3em;
      padding-bottom: .2em;
      border-bottom: .05em solid #eee; }
    .w9-card__second__price {
      display: flex;
      justify-content: space-between;
      margin-top: 1em;
      white-space: nowrap;
      padding-bottom: 2em;
      padding-top: 2em;
      border-bottom: .1em solid #eee; }
      .w9-card__second__price__text {
        font-weight: 600;
        font-size: 1.4em; }
      .w9-card__second__price__main {
        font-weight: 600;
        font-size: 1.5em; }
    .w9-card__second__button {
      background-color: var(--main-color-w);
      padding: 1em;
      font-weight: 600;
      font-size: 1.3em;
      border-radius: .3em;
      position: relative;
      display: block;
      border: none;
      outline: none;
      color: white;
      text-align: center;
      margin-top: 3em; }

.w9-login {
  border: 0.1em solid var(--main-color-w);
  background-color: white;
  padding: 6em 1em;
  font-weight: 500;
  color: var(--text-color-w); }
  .w9-login__group {
    max-width: 50em;
    margin: 0 auto; }
  .w9-login__third {
    margin-top: 2em; }
    .w9-login__third__title {
      font-weight: 500;
      font-size: 1.3em; }
    .w9-login__third__content {
      margin-top: 2em;
      display: flex;
      align-items: center;
      width: 100%;
      justify-content: space-between;
      font-weight: 700; }
      .w9-login__third__content__text-facebook {
        background-color: #00325c;
        padding: 1em;
        color: white;
        display: flex;
        align-items: center;
        width: 49%;
        justify-content: center; }
      .w9-login__third__content__text-google {
        background-color: #cc0000;
        padding: 1em;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 49%; }
      .w9-login__third__content__icon {
        font-size: 2em;
        margin-left: 1em; }
  .w9-login__heading {
    display: flex;
    font-weight: 500;
    margin-bottom: 2em;
    justify-content: space-between; }
    .w9-login__heading__sign {
      font-size: 1.4em;
      white-space: nowrap; }
    .w9-login__heading__create {
      font-size: 1.4em;
      white-space: nowrap;
      color: var(--main-color-w); }
  .w9-login__text {
    color: darkgrey; }
  .w9-login__input {
    margin-top: .5em;
    margin-bottom: .5em;
    outline: none;
    border: 0.1em solid #ececec;
    width: 100%;
    padding: 1em; }
  .w9-login__button {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-radius: .5em;
    border: none;
    background-color: var(--main-color-w);
    color: white;
    font-weight: 600;
    padding: 1em;
    text-align: center;
    font-size: 1.3em; }
  .w9-login__des {
    margin-top: 1em;
    display: block; }

.w9-checkout {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-checkout__group {
    max-width: 120em;
    margin: 0 auto; }
  .w9-checkout__checklogin__checkbox {
    display: none; }
  .w9-checkout__checklogin__checkbox:checked ~ .w9-checkout__checklogin__form {
    opacity: 1;
    max-height: 40em; }
  .w9-checkout__checklogin__nav-button__heading {
    color: white;
    background-color: var(--main-color-w);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: .2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer; }
    .w9-checkout__checklogin__nav-button__heading::before {
      content: "";
      width: .5em;
      background-color: var(--main-color-w);
      height: 100%;
      position: absolute;
      display: block;
      top: 0;
      left: 0; }
  .w9-checkout__checklogin__form {
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
    opacity: 0; }
    .w9-checkout__checklogin__form__text {
      color: #777;
      font-weight: 500;
      font-size: 1.3em;
      margin-top: 1em; }
    .w9-checkout__checklogin__form__content {
      margin-top: 1em;
      display: flex;
      width: 100%;
      justify-content: space-between; }
      .w9-checkout__checklogin__form__content__email {
        width: 49%; }
        .w9-checkout__checklogin__form__content__email__text {
          font-weight: 500;
          font-size: 1.3em; }
        .w9-checkout__checklogin__form__content__email__input {
          margin-top: 1em;
          width: 100%;
          padding: 1em;
          border: .1em solid #eee;
          border-radius: .2em; }
          .w9-checkout__checklogin__form__content__email__input:focus {
            border: 0.15em solid var(--main-color-w);
            outline: none; }
    .w9-checkout__checklogin__form__button {
      margin-top: 1em;
      padding: 1em;
      background-color: var(--main-color-w);
      color: white;
      font-weight: 700;
      border-radius: .3em;
      display: inline-block;
      font-size: 1.3em; }
      .w9-checkout__checklogin__form__button:hover {
        filter: 80%; }
    .w9-checkout__checklogin__form__otherlogin {
      margin-top: 1em;
      display: inline-block;
      text-decoration: underline; }
      .w9-checkout__checklogin__form__otherlogin__link {
        font-size: 1.3em;
        margin-left: 1em;
        transition: all .2s; }
        .w9-checkout__checklogin__form__otherlogin__link:hover {
          color: var(--main-color-w);
          font-weight: 600; }
        .w9-checkout__checklogin__form__otherlogin__link:not(:last-child) {
          font-weight: 300; }
  .w9-checkout__checkcoupon {
    margin-top: 2em; }
    .w9-checkout__checkcoupon__checkbox {
      display: none; }
    .w9-checkout__checkcoupon__checkbox:checked ~ .w9-checkout__checkcoupon__sending {
      opacity: 1;
      max-height: 40em; }
    .w9-checkout__checkcoupon__text {
      color: white;
      background-color: var(--main-color-w);
      padding: 1em 0 1em 3em;
      position: relative;
      border-radius: .2em;
      overflow: hidden;
      font-size: 1.3em;
      cursor: pointer; }
      .w9-checkout__checkcoupon__text::before {
        content: "";
        width: .5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
    .w9-checkout__checkcoupon__sending {
      text-align: center;
      padding: 1em;
      height: auto;
      max-height: 0;
      overflow: hidden;
      transition: all .3s ease;
      opacity: 0; }
      .w9-checkout__checkcoupon__sending__text {
        margin-top: 1em;
        padding: 1em;
        border: .1em solid #eee;
        border-radius: .2em;
        font-weight: 500; }
        .w9-checkout__checkcoupon__sending__text:focus {
          border: 0.15em solid var(--main-color-w);
          outline: none; }
      .w9-checkout__checkcoupon__sending__button {
        margin-top: 1em;
        padding: 1em;
        background-color: var(--main-color-w);
        color: white;
        font-weight: 700;
        border-radius: .3em;
        display: inline-block;
        font-size: 1.3em; }
        .w9-checkout__checkcoupon__sending__button:hover {
          filter: 80%; }
  .w9-checkout__payinfo {
    display: flex;
    margin-top: 3em;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w9-checkout__payinfo {
        flex-direction: column; } }
    .w9-checkout__payinfo__first {
      width: 56%; }
      @media only screen and (max-width: 43.75em) {
        .w9-checkout__payinfo__first {
          width: 100%; } }
      .w9-checkout__payinfo__first__heading {
        font-weight: 700;
        font-size: 2.5em; }
      .w9-checkout__payinfo__first__name {
        margin-top: 2em; }
        .w9-checkout__payinfo__first__name__text {
          font-size: 1.3em;
          font-weight: 500; }
        .w9-checkout__payinfo__first__name__input {
          margin-top: .5em;
          width: 100%;
          padding: 1em;
          border: .1em solid #eee; }
      .w9-checkout__payinfo__first__phonemail {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 2em; }
        .w9-checkout__payinfo__first__phonemail__content {
          width: 49%; }
          .w9-checkout__payinfo__first__phonemail__content__text {
            font-size: 1.3em;
            font-weight: 500; }
          .w9-checkout__payinfo__first__phonemail__content__input {
            margin-top: .5em;
            width: 100%;
            padding: 1em;
            border: .1em solid #eee; }
      .w9-checkout__payinfo__first__add {
        margin-top: 2em; }
        .w9-checkout__payinfo__first__add__text {
          font-size: 1.3em;
          font-weight: 500; }
        .w9-checkout__payinfo__first__add__input {
          margin-top: .5em;
          width: 100%;
          padding: 1em;
          border: .1em solid #eee; }
      .w9-checkout__payinfo__first__creacc {
        margin-top: 2em; }
        .w9-checkout__payinfo__first__creacc__checkbox {
          display: none; }
        .w9-checkout__payinfo__first__creacc__checkbox:checked ~ .w9-checkout__payinfo__first__creacc__form {
          opacity: 1;
          max-height: 40em; }
        .w9-checkout__payinfo__first__creacc__text {
          color: white;
          background-color: var(--main-color-w);
          padding: 1em 0 1em 3em;
          position: relative;
          border-radius: .2em;
          overflow: hidden;
          font-size: 1.3em;
          cursor: pointer; }
          .w9-checkout__payinfo__first__creacc__text::before {
            content: "";
            width: .5em;
            background-color: #2b6a8f;
            height: 100%;
            position: absolute;
            display: block;
            top: 0;
            left: 0; }
        .w9-checkout__payinfo__first__creacc__form {
          padding: 1em;
          height: auto;
          max-height: 0;
          overflow: hidden;
          transition: all .3s ease;
          opacity: 0; }
          .w9-checkout__payinfo__first__creacc__form__text {
            margin-top: 2em;
            font-size: 1.3em;
            font-weight: 500; }
          .w9-checkout__payinfo__first__creacc__form__email {
            margin-top: 2em; }
            .w9-checkout__payinfo__first__creacc__form__email__text {
              font-size: 1.3em;
              font-weight: 500; }
            .w9-checkout__payinfo__first__creacc__form__email__input {
              margin-top: .5em;
              width: 100%;
              padding: 1em;
              border: .1em solid #eee; }
      .w9-checkout__payinfo__first__invoice {
        margin-top: 2em; }
        .w9-checkout__payinfo__first__invoice__checkbox {
          display: none; }
        .w9-checkout__payinfo__first__invoice__checkbox:checked ~ .w9-checkout__payinfo__first__invoice__send {
          opacity: 1;
          max-height: 40em; }
        .w9-checkout__payinfo__first__invoice__text {
          color: white;
          background-color: var(--main-color-w);
          padding: 1em 0 1em 3em;
          position: relative;
          border-radius: .2em;
          overflow: hidden;
          font-size: 1.3em;
          cursor: pointer; }
          .w9-checkout__payinfo__first__invoice__text::before {
            content: "";
            width: .5em;
            background-color: #2b6a8f;
            height: 100%;
            position: absolute;
            display: block;
            top: 0;
            left: 0; }
        .w9-checkout__payinfo__first__invoice__send {
          margin-top: 1em;
          padding: 1em;
          height: auto;
          max-height: 0;
          overflow: hidden;
          transition: all .3s ease;
          opacity: 0; }
          .w9-checkout__payinfo__first__invoice__send__text {
            font-size: 1.3em;
            font-weight: 500; }
          .w9-checkout__payinfo__first__invoice__send__input {
            margin-top: .5em;
            width: 100%;
            padding: 1em;
            border: .1em solid #eee; }
    .w9-checkout__payinfo__second {
      border: .5em solid #eee;
      height: max-content;
      padding: 2em;
      width: 40%; }
      @media only screen and (max-width: 43.75em) {
        .w9-checkout__payinfo__second {
          width: 100%; } }
      .w9-checkout__payinfo__second__heading {
        font-weight: 700;
        font-size: 2.5em; }
      .w9-checkout__payinfo__second__card {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: .1em solid #eee;
        background-color: white;
        margin-top: 2em;
        padding-bottom: 1em; }
        .w9-checkout__payinfo__second__card__figure {
          margin: .5em 0; }
        .w9-checkout__payinfo__second__card__img {
          margin: 0 auto;
          width: 10em;
          display: block; }
        .w9-checkout__payinfo__second__card__content {
          background-color: white; }
        .w9-checkout__payinfo__second__card__text {
          font-size: 1.3em;
          font-weight: 600; }
        .w9-checkout__payinfo__second__card__quan {
          margin-top: 1em;
          font-weight: 300;
          font-size: 1.3em; }
        .w9-checkout__payinfo__second__card__mon {
          margin-top: .2em;
          font-weight: 300;
          font-size: 1.3em; }
      .w9-checkout__payinfo__second__price {
        margin-top: 2em;
        border-bottom: .1em solid #eee;
        padding-bottom: 1em; }
        .w9-checkout__payinfo__second__price__text {
          margin-top: 1em;
          display: flex;
          justify-content: space-between;
          font-size: 1.4em;
          font-weight: 500; }
          .w9-checkout__payinfo__second__price__text__number {
            font-weight: 600; }
      .w9-checkout__payinfo__second__payway__item {
        display: flex;
        border-bottom: .1em solid #eee;
        padding: 2em 0 2em 0; }
        .w9-checkout__payinfo__second__payway__item__input {
          width: 2em;
          height: 2em; }
        .w9-checkout__payinfo__second__payway__item__content {
          cursor: pointer;
          margin-left: 2em; }
          .w9-checkout__payinfo__second__payway__item__content__text {
            font-weight: 500;
            font-size: 1.6em; }
            .w9-checkout__payinfo__second__payway__item__content__text:last-child {
              margin-top: 2em;
              font-weight: 300; }
            .w9-checkout__payinfo__second__payway__item__content__text__agree {
              font-weight: 500;
              font-size: 1.6em; }
      .w9-checkout__payinfo__second__button {
        margin-top: 1em;
        padding: 1em;
        background-color: var(--main-color-w);
        color: white;
        font-weight: 700;
        border-radius: .3em;
        display: inline-block;
        font-size: 1.3em;
        width: 100%;
        text-align: center;
        font-size: 1.6em; }
        .w9-checkout__payinfo__second__button:hover {
          filter: 80%; }

.w9-checkout {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w9-checkout__group {
    max-width: 120em;
    margin: 0 auto; }
  .w9-checkout__checklogin__checkbox {
    display: none; }
  .w9-checkout__checklogin__checkbox:checked ~ .w9-checkout__checklogin__form {
    opacity: 1;
    max-height: 40em; }
  .w9-checkout__checklogin__nav-button__heading {
    color: white;
    background-color: var(--main-color-w);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: .2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer; }
    .w9-checkout__checklogin__nav-button__heading::before {
      content: "";
      width: .5em;
      background-color: var(--main-color-w);
      height: 100%;
      position: absolute;
      display: block;
      top: 0;
      left: 0; }
  .w9-checkout__checklogin__form {
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
    opacity: 0; }
    .w9-checkout__checklogin__form__text {
      color: #777;
      font-weight: 500;
      font-size: 1.3em;
      margin-top: 1em; }
    .w9-checkout__checklogin__form__content {
      margin-top: 1em;
      display: flex;
      width: 100%;
      justify-content: space-between; }
      .w9-checkout__checklogin__form__content__email {
        width: 49%; }
        .w9-checkout__checklogin__form__content__email__text {
          font-weight: 500;
          font-size: 1.3em; }
        .w9-checkout__checklogin__form__content__email__input {
          margin-top: 1em;
          width: 100%;
          padding: 1em;
          border: .1em solid #eee;
          border-radius: .2em; }
          .w9-checkout__checklogin__form__content__email__input:focus {
            border: 0.15em solid var(--main-color-w);
            outline: none; }
    .w9-checkout__checklogin__form__button {
      margin-top: 1em;
      padding: 1em;
      background-color: var(--main-color-w);
      color: white;
      font-weight: 700;
      border-radius: .3em;
      display: inline-block;
      font-size: 1.3em; }
      .w9-checkout__checklogin__form__button:hover {
        filter: 80%; }
    .w9-checkout__checklogin__form__otherlogin {
      margin-top: 1em;
      display: inline-block;
      text-decoration: underline; }
      .w9-checkout__checklogin__form__otherlogin__link {
        font-size: 1.3em;
        margin-left: 1em;
        transition: all .2s; }
        .w9-checkout__checklogin__form__otherlogin__link:hover {
          color: var(--hover-color-w);
          font-weight: 600; }
        .w9-checkout__checklogin__form__otherlogin__link:not(:last-child) {
          font-weight: 300; }
  .w9-checkout__checkcoupon {
    margin-top: 2em; }
    .w9-checkout__checkcoupon__checkbox {
      display: none; }
    .w9-checkout__checkcoupon__checkbox:checked ~ .w9-checkout__checkcoupon__sending {
      opacity: 1;
      max-height: 40em; }
    .w9-checkout__checkcoupon__text {
      color: white;
      background-color: var(--main-color-w);
      padding: 1em 0 1em 3em;
      position: relative;
      border-radius: .2em;
      overflow: hidden;
      font-size: 1.3em;
      cursor: pointer; }
      .w9-checkout__checkcoupon__text::before {
        content: "";
        width: .5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
    .w9-checkout__checkcoupon__sending {
      text-align: center;
      padding: 1em;
      height: auto;
      max-height: 0;
      overflow: hidden;
      transition: all .3s ease;
      opacity: 0; }
      .w9-checkout__checkcoupon__sending__text {
        margin-top: 1em;
        padding: 1em;
        border: .1em solid #eee;
        border-radius: .2em;
        font-weight: 500; }
        .w9-checkout__checkcoupon__sending__text:focus {
          border: 0.15em solid var(--main-color-w);
          outline: none; }
      .w9-checkout__checkcoupon__sending__button {
        margin-top: 1em;
        padding: 1em;
        background-color: var(--main-color-w);
        color: white;
        font-weight: 700;
        border-radius: .3em;
        display: inline-block;
        font-size: 1.3em; }
        .w9-checkout__checkcoupon__sending__button:hover {
          filter: 80%; }
  .w9-checkout__payinfo {
    display: flex;
    margin-top: 3em;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w9-checkout__payinfo {
        flex-direction: column; } }
    .w9-checkout__payinfo__first {
      width: 56%; }
      @media only screen and (max-width: 43.75em) {
        .w9-checkout__payinfo__first {
          width: 100%; } }
      .w9-checkout__payinfo__first__heading {
        font-weight: 700;
        font-size: 2.5em; }
      .w9-checkout__payinfo__first__name {
        margin-top: 2em; }
        .w9-checkout__payinfo__first__name__text {
          font-size: 1.3em;
          font-weight: 500; }
        .w9-checkout__payinfo__first__name__input {
          margin-top: .5em;
          width: 100%;
          padding: 1em;
          border: .1em solid #eee; }
      .w9-checkout__payinfo__first__phonemail {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 2em; }
        .w9-checkout__payinfo__first__phonemail__content {
          width: 49%; }
          .w9-checkout__payinfo__first__phonemail__content__text {
            font-size: 1.3em;
            font-weight: 500; }
          .w9-checkout__payinfo__first__phonemail__content__input {
            margin-top: .5em;
            width: 100%;
            padding: 1em;
            border: .1em solid #eee; }
      .w9-checkout__payinfo__first__add {
        margin-top: 2em; }
        .w9-checkout__payinfo__first__add__text {
          font-size: 1.3em;
          font-weight: 500; }
        .w9-checkout__payinfo__first__add__input {
          margin-top: .5em;
          width: 100%;
          padding: 1em;
          border: .1em solid #eee; }
      .w9-checkout__payinfo__first__creacc {
        margin-top: 2em; }
        .w9-checkout__payinfo__first__creacc__checkbox {
          display: none; }
        .w9-checkout__payinfo__first__creacc__checkbox:checked ~ .w9-checkout__payinfo__first__creacc__form {
          opacity: 1;
          max-height: 40em; }
        .w9-checkout__payinfo__first__creacc__text {
          color: white;
          background-color: var(--main-color-w);
          padding: 1em 0 1em 3em;
          position: relative;
          border-radius: .2em;
          overflow: hidden;
          font-size: 1.3em;
          cursor: pointer; }
          .w9-checkout__payinfo__first__creacc__text::before {
            content: "";
            width: .5em;
            background-color: #2b6a8f;
            height: 100%;
            position: absolute;
            display: block;
            top: 0;
            left: 0; }
        .w9-checkout__payinfo__first__creacc__form {
          padding: 1em;
          height: auto;
          max-height: 0;
          overflow: hidden;
          transition: all .3s ease;
          opacity: 0; }
          .w9-checkout__payinfo__first__creacc__form__text {
            margin-top: 2em;
            font-size: 1.3em;
            font-weight: 500; }
          .w9-checkout__payinfo__first__creacc__form__email {
            margin-top: 2em; }
            .w9-checkout__payinfo__first__creacc__form__email__text {
              font-size: 1.3em;
              font-weight: 500; }
            .w9-checkout__payinfo__first__creacc__form__email__input {
              margin-top: .5em;
              width: 100%;
              padding: 1em;
              border: .1em solid #eee; }
      .w9-checkout__payinfo__first__invoice {
        margin-top: 2em; }
        .w9-checkout__payinfo__first__invoice__checkbox {
          display: none; }
        .w9-checkout__payinfo__first__invoice__checkbox:checked ~ .w9-checkout__payinfo__first__invoice__send {
          opacity: 1;
          max-height: 40em; }
        .w9-checkout__payinfo__first__invoice__text {
          color: white;
          background-color: var(--main-color-w);
          padding: 1em 0 1em 3em;
          position: relative;
          border-radius: .2em;
          overflow: hidden;
          font-size: 1.3em;
          cursor: pointer; }
          .w9-checkout__payinfo__first__invoice__text::before {
            content: "";
            width: .5em;
            background-color: #2b6a8f;
            height: 100%;
            position: absolute;
            display: block;
            top: 0;
            left: 0; }
        .w9-checkout__payinfo__first__invoice__send {
          margin-top: 1em;
          padding: 1em;
          height: auto;
          max-height: 0;
          overflow: hidden;
          transition: all .3s ease;
          opacity: 0; }
          .w9-checkout__payinfo__first__invoice__send__text {
            font-size: 1.3em;
            font-weight: 500; }
          .w9-checkout__payinfo__first__invoice__send__input {
            margin-top: .5em;
            width: 100%;
            padding: 1em;
            border: .1em solid #eee; }
    .w9-checkout__payinfo__second {
      border: .5em solid #eee;
      height: max-content;
      padding: 2em;
      width: 40%; }
      @media only screen and (max-width: 43.75em) {
        .w9-checkout__payinfo__second {
          width: 100%; } }
      .w9-checkout__payinfo__second__heading {
        font-weight: 700;
        font-size: 2.5em; }
      .w9-checkout__payinfo__second__card {
        border-bottom: .1em solid #eee;
        background-color: white;
        margin-top: 2em;
        padding-bottom: 1em;
        margin: 0 auto;
        display: block; }
        .w9-checkout__payinfo__second__card__imgbox {
          height: 10em;
          margin-bottom: 1em;
          width: 100%; }
      .w9-checkout__payinfo__second__name {
        font-weight: 600;
        padding: 1em; }
      .w9-checkout__payinfo__second__bank {
        padding: 1em;
        border-top: .1em solid #eee; }
      .w9-checkout__payinfo__second__number {
        padding: 1em;
        border-top: .1em solid #eee; }
      .w9-checkout__payinfo__second__des {
        border-top: .1em solid #eee;
        padding: 1em; }
      .w9-checkout__payinfo__second__button {
        margin-top: 1em;
        padding: 1em;
        background-color: var(--main-color-w);
        color: white;
        font-weight: 700;
        border-radius: .3em;
        display: inline-block;
        font-size: 1.3em;
        width: 100%;
        text-align: center;
        font-size: 1.6em; }
        .w9-checkout__payinfo__second__button:hover {
          filter: 80%; }

.w10-ads {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w10-ads__group {
    max-width: 120em;
    margin: 0 auto; }
    @media only screen and (max-width: 50em) {
      .w10-ads__group {
        margin: unset !important; } }
  .w10-ads__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%; }
    .w10-ads__items__item {
      width: 32%;
      margin-left: 1%;
      text-align: center;
      overflow: hidden;
      background-color: white;
      cursor: pointer;
      height: max-content;
      padding: .5em;
      transition: all .2s ease; }
      .w10-ads__items__item__imgbox {
        transition: all .2s;
        backface-visibility: hidden; }
        .w10-ads__items__item__imgbox__img {
          width: 100%; }
      .w10-ads__items__item:hover .w10-ads__items__item__button {
        opacity: 1;
        visibility: visible;
        max-height: 10em;
        margin: 1em 0;
        padding: 1em 2em;
        bottom: 0; }
      .w10-ads__items__item__content {
        margin-top: 2em; }
        .w10-ads__items__item__content__heading {
          text-transform: uppercase;
          font-size: 2em;
          font-weight: 700;
          line-height: 1.8em; }
          @media only screen and (max-width: 50em) {
            .w10-ads__items__item__content__heading {
              font-size: 1em !important; } }
        .w10-ads__items__item__content__main {
          text-transform: capitalize;
          font-size: 4em;
          font-weight: 800 !important;
          margin: .3em 0;
          line-height: 1.8em; }
          @media only screen and (max-width: 50em) {
            .w10-ads__items__item__content__main {
              font-size: 2em !important;
              padding: unset;
              margin: unset; } }
        .w10-ads__items__item__content__sub {
          color: #777;
          font-weight: 300;
          font-size: 1.6em;
          margin-top: .5em; }
          @media only screen and (max-width: 50em) {
            .w10-ads__items__item__content__sub {
              font-size: 1em !important;
              padding: unset;
              margin: unset; } }
      .w10-ads__items__item__button {
        background-color: var(--main-color-w);
        border: none;
        color: white;
        font-size: 1.5em;
        font-weight: 800;
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        transition: all .2s ease;
        line-height: 1.8em;
        position: relative;
        max-height: 0;
        bottom: -7em; }
        @media only screen and (max-width: 50em) {
          .w10-ads__items__item__button {
            opacity: 1;
            visibility: visible;
            font-size: 1em; } }
        .w10-ads__items__item__button:hover {
          background-color: black; }

.w10-banner {
  width: 100%;
  color: var(--text-color-w0); }
  b
.w10-banner__group {
    max-width: 120em;
    margin: 0 auto; }
  .w10-banner .owl-dots .owl-dot.active span {
    background-color: var(--main-color-w) !important; }
  .w10-banner .owl-dots {
    position: absolute;
    margin-top: 0 !important;
    bottom: .5em;
    width: 100%; }
  .w10-banner-col {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 5em; }
  .w10-banner__heading {
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 600;
    margin-top: 2em; }
  .w10-banner__main {
    text-transform: capitalize;
    font-size: 4em;
    font-weight: 800;
    margin-top: .2em; }
  .w10-banner__sub {
    color: #777;
    font-weight: 300;
    font-size: 1.6em;
    margin-top: 2em; }
  .w10-banner__button {
    margin-top: 3em;
    padding: 1em 2em;
    background-color: var(--main-color-w);
    border: none;
    color: white;
    font-size: 1.5em;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s;
    display: inline-block; }
    .w10-banner__button:hover {
      background-color: black; }

.w10-ctaregister {
  width: 100%;
  background-color: #FF7451;
  padding: 1em;
  color: var(--text-color-w0); }
  .w10-ctaregister__group {
    margin: 0 auto;
    max-width: 120em;
    text-align: center; }
  .w10-ctaregister__text--1 {
    font-weight: 800;
    font-size: 2.5em;
    color: white;
    display: inline-block;
    height: max-content;
    line-height: 1.8em; }
  .w10-ctaregister__text--2 {
    display: inline-block;
    font-weight: 400;
    font-size: 1.5em;
    color: white;
    height: max-content;
    line-height: 1.8em;
    margin-left: 1em;
    margin-right: 1em; }
  .w10-ctaregister__text--a {
    font-weight: 800;
    font-size: 2.5em;
    color: white;
    display: inline-block;
    height: max-content;
    line-height: 1.8em; }

.w10-footer {
  position: relative;
  width: 100%;
  background-color: #F7F8FA;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w10-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w10-footer__group {
        display: block; } }
  .w10-footer-col {
    display: flex;
    width: 70%;
    flex-wrap: wrap; }
    .w10-footer-col:last-child {
      width: 30%;
      border-left: .1em solid #eee; }
      @media only screen and (max-width: 37.5em) {
        .w10-footer-col:last-child {
          border: none;
          width: 100%; } }
  .w10-footer__item {
    width: 33%;
    padding: 0 .5em;
    color: var(--text-color-w); }
    .w10-footer__item-last {
      width: 100%; }
    .w10-footer__item:last-child {
      padding-left: 2em; }
    @media only screen and (max-width: 37.5em) {
      .w10-footer__item {
        width: 99%;
        margin-top: 4em; }
        .w10-footer__item:last-child {
          padding-left: 0; } }
    .w10-footer__item__title {
      text-transform: uppercase;
      font-size: 1.4em;
      color: var(--text-color-w);
      display: block; }
    .w10-footer__item__des {
      margin-top: 2em;
      font-size: 1.4em;
      font-weight: 300;
      line-height: 1.8em; }
    .w10-footer__item__contact {
      margin-top: 2em;
      display: flex;
      align-items: center; }
      .w10-footer__item__contact__icon {
        color: var(--text-color-w);
        font-size: 2em;
        margin-left: 1em;
        cursor: pointer; }
    .w10-footer__item__link {
      margin-top: 2em; }
      .w10-footer__item__link a {
        display: block;
        color: var(--text-color-w);
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
        line-height: 1.8em;
        height: max-content;
        margin: .5em 0; }
    .w10-footer__item__form {
      margin-top: 1em;
      background-color: white;
      padding: 1em;
      display: flex;
      align-items: center;
      width: max-content; }
      .w10-footer__item__form__text {
        border: none;
        outline: none;
        font-size: 1.4em;
        line-height: 1.8em; }
      .w10-footer__item__form__icon {
        font-size: 2em;
        cursor: pointer; }
        .w10-footer__item__form__icon:hover {
          color: var(--hover-color-w); }

.w10-menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2em;
  position: relative;
  background-color: white;
  color: var(--text-color-w0); }
  @media only screen and (max-width: 50em) {
    .w10-menu {
      position: static;
      z-index: 2; } }
  @media only screen and (min-width: 50em) {
    .w10-menu__ab {
      position: absolute;
      z-index: 2;
      background-color: transparent; } }
  .w10-menu__logo {
    width: 15em;
    height: 4em; }
    .w10-menu__logo__img {
      width: 100%; }
  .w10-menu-nav__checkbox {
    display: none; }
  .w10-menu-nav__button {
    height: 2.5em;
    width: 2.5em; }
    @media only screen and (min-width: 50em) {
      .w10-menu-nav__button {
        display: none; } }
  .w10-menu-nav__icon {
    font-size: 2.5em; }
  .w10-menu-nav__checkbox:checked ~ .w10-menu__items {
    left: 0; }
  .w10-menu__items {
    list-style: none;
    display: flex;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 50em) {
      .w10-menu__items {
        background-color: white; } }
    @media only screen and (max-width: 50em) {
      .w10-menu__items {
        flex-direction: column;
        position: absolute;
        top: 0;
        left: -25em;
        width: 25em;
        box-shadow: 0.1em 0.1em 0.3em #eee;
        height: 100vh;
        overflow-y: scroll;
        transition: all .2s;
        overflow-x: hidden; } }
    .w10-menu__items-nav__checkbox {
      display: none; }
    .w10-menu__items-nav__button {
      padding: 1em 2em; }
      @media only screen and (min-width: 50em) {
        .w10-menu__items-nav__button {
          display: none; } }
    .w10-menu__items-nav__icon {
      font-size: 2.5em; }
    .w10-menu__items__item {
      font-size: 1.5em;
      text-transform: uppercase;
      margin-left: 1em;
      font-weight: 700;
      white-space: nowrap;
      cursor: pointer;
      height: 5em;
      line-height: 5em;
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w10-menu__items__item {
          line-height: 3em;
          height: unset; } }
      .w10-menu__items__item__span {
        width: 0%;
        height: .2em;
        background-color: black;
        display: block;
        margin: 0 auto;
        transition: all .2s; }
      .w10-menu__items__item:hover {
        color: var(--hover-color-w); }
      .w10-menu__items__item:hover .w10-menu__items__item__span {
        width: 100%;
        background-color: var(--hover-color-w);
        height: .2em; }
    .w10-menu__items__item:hover .w10-menu__items__drop-1 {
      left: 0;
      transition: all .2s;
      visibility: visible; }
    .w10-menu__items__drop-1__item:hover .w10-menu__items__drop-2 {
      visibility: visible; }
      @media only screen and (max-width: 50em) {
        .w10-menu__items__drop-1__item:hover .w10-menu__items__drop-2 {
          left: 0;
          top: 0; } }
    .w10-menu__items__drop-1 {
      list-style: none;
      position: absolute;
      left: 0;
      top: 5em;
      display: flex;
      visibility: hidden;
      background-color: white;
      box-shadow: 0.1em 0.1em 0.3em #eee;
      padding: 1em;
      z-index: 1; }
      @media only screen and (max-width: 50em) {
        .w10-menu__items__drop-1 {
          flex-direction: column;
          position: absolute;
          top: 0;
          left: 20em;
          padding: 0; } }
      @media only screen and (max-width: 50em) {
        .w10-menu__items__drop-1-col:not(:first-child) {
          margin-top: 2em;
          border-top: .1em solid #eee; } }
      @media only screen and (min-width: 50em) {
        .w10-menu__items__drop-1-col:not(:first-child) {
          margin-left: 2em; } }
      .w10-menu__items__drop-1__item {
        font-size: 1.05em;
        text-transform: capitalize;
        font-weight: 500;
        cursor: pointer;
        position: relative;
        color: black;
        margin-top: 1em;
        width: 8em; }
        @media only screen and (max-width: 50em) {
          .w10-menu__items__drop-1__item {
            width: 15em;
            position: relative;
            height: auto;
            margin-top: 0; } }
        .w10-menu__items__drop-1__item__span {
          width: 0%;
          height: .2em;
          background-color: black;
          display: block;
          margin: 0 auto;
          transition: all .2s; }
        .w10-menu__items__drop-1__item:hover {
          color: var(--hover-color-w); }
        .w10-menu__items__drop-1__item:hover .w10-menu__items__drop-1__item__span {
          width: 100%;
          background-color: var(--hover-color-w);
          height: .2em; }
    .w10-menu__items__drop-2 {
      list-style: none;
      position: absolute;
      top: -1.05em;
      left: 8em;
      display: flex;
      background-color: white;
      z-index: 1;
      visibility: hidden; }
      @media only screen and (max-width: 50em) {
        .w10-menu__items__drop-2 {
          flex-direction: column;
          width: 20em; } }
      @media only screen and (max-width: 50em) {
        .w10-menu__items__drop-2-col:not(:first-child) {
          margin-top: 2em;
          border-top: .1em solid #eee; } }
      @media only screen and (min-width: 50em) {
        .w10-menu__items__drop-2-col:not(:first-child) {
          margin-left: 2em; } }
      .w10-menu__items__drop-2__item {
        font-size: 1.05em;
        text-transform: capitalize;
        font-weight: 500;
        cursor: pointer;
        position: relative;
        color: black;
        margin-top: 1em;
        width: 8em; }
        .w10-menu__items__drop-2__item__span {
          width: 0%;
          height: .2em;
          background-color: black;
          display: block;
          margin: 0 auto;
          transition: all .2s; }
        .w10-menu__items__drop-2__item:hover {
          color: var(--hover-color-w); }
        .w10-menu__items__drop-2__item:hover .w10-menu__items__drop-2__item__span {
          width: 100%;
          background-color: var(--hover-color-w);
          height: .2em; }
  .w10-menu__user {
    display: flex; }
    .w10-menu__user__icon {
      font-size: 2em;
      margin-left: 2em;
      cursor: pointer; }

.w10-products-1 {
  width: 100%;
  padding: 2em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w10-products-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w10-products-1 .owl-dots .owl-dot.active span {
    background-color: var(--main-color-w) !important; }
  .w10-products-1 .owl-dots {
    position: absolute;
    margin-top: 0 !important;
    bottom: .5em;
    width: 100%; }
  .w10-products-1-active {
    color: var(--main-color-w); }
  .w10-products-1__heading {
    text-align: center; }
    .w10-products-1__heading__title {
      font-size: 3.5em;
      font-weight: 700;
      text-transform: capitalize;
      line-height: 1.8em; }
    .w10-products-1__heading__des {
      margin-top: 1em;
      font-weight: 300;
      font-size: 1.4em;
      color: black;
      line-height: 1.8em; }
  .w10-products-1__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w10-products-1__items {
        flex-wrap: wrap; } }
    @media only screen and (max-width: 37.5em) {
      .w10-products-1__items {
        flex-direction: column; } }
    .w10-products-1__items__item {
      width: 98%; }
      @media only screen and (max-width: 50em) {
        .w10-products-1__items__item {
          width: 98%;
          margin-top: 2em; } }
      @media only screen and (max-width: 37.5em) {
        .w10-products-1__items__item {
          width: 99%; } }
      .w10-products-1__items__item__card {
        overflow: hidden;
        position: relative; }
        .w10-products-1__items__item__card:hover .w10-products-1__items__item__card__c2 {
          transform: rotateY(180deg); }
        .w10-products-1__items__item__card:hover .w10-products-1__items__item__card__c1 {
          transform: rotateY(180deg); }
        .w10-products-1__items__item__card:hover .w10-products-1__items__item__card__text {
          transform: rotateY(180deg); }
        .w10-products-1__items__item__card__imgbox {
          height: 49em; }
          .w10-products-1__items__item__card__imgbox__img {
            width: 100%;
            background-color: white; }
        .w10-products-1__items__item__card__c2 {
          backface-visibility: hidden;
          position: absolute;
          top: 0;
          transition: all .8s ease;
          width: 100%;
          height: 100%; }
        .w10-products-1__items__item__card__c1 {
          transition: all .8s ease; }
        .w10-products-1__items__item__card__text {
          background-color: darkred;
          color: white;
          font-size: 1.3em;
          font-weight: 800;
          padding: .5em;
          position: absolute;
          margin: 1em;
          transition: all .5s;
          z-index: 2; }
        .w10-products-1__items__item__card__time {
          padding: 1.5em;
          text-align: center;
          position: absolute;
          bottom: 1em;
          width: 90%;
          left: 5%;
          background-color: rgba(255, 255, 255, 0.897); }
          .w10-products-1__items__item__card__time__text {
            font-weight: 300;
            text-transform: capitalize;
            font-size: 1.3em; }
          .w10-products-1__items__item__card__time__box {
            margin-top: 1em;
            display: flex;
            justify-content: center;
            text-align: center; }
            .w10-products-1__items__item__card__time__box__date:not(:last-child) {
              margin-right: 1em; }
            .w10-products-1__items__item__card__time__box__date__number {
              font-weight: 700;
              font-size: 1.8em; }
            .w10-products-1__items__item__card__time__box__date__des {
              margin-top: .5em;
              font-weight: 300;
              font-size: 1.2em; }
      .w10-products-1__items__item__content {
        position: relative;
        margin-top: 2em;
        padding: .5em; }
        @media only screen and (max-width: 37.5em) {
          .w10-products-1__items__item__content {
            text-align: center; } }
        .w10-products-1__items__item__content__star__icon {
          height: 2em;
          width: 2em;
          color: #FFB503; }
        .w10-products-1__items__item__content__name {
          margin-top: .5em;
          font-size: 1.4em;
          text-transform: uppercase;
          color: darkgray;
          display: block; }
        .w10-products-1__items__item__content__des {
          margin-top: .5em;
          text-transform: capitalize;
          font-size: 1.4em;
          font-weight: 300;
          display: block; }
        .w10-products-1__items__item__content__pre {
          margin-top: 2em;
          display: flex; }
          .w10-products-1__items__item__content__pre__imgbox {
            margin-right: 1em;
            width: 5em;
            height: 5em;
            overflow: hidden;
            border-radius: 50%;
            border: .2em solid black;
            background-image: url(/img/w10/6341019711_1_1_1_196ff4fa-da13-4d4e-9815-30db5366ff85_800x.webp);
            background-size: cover;
            background-position: center;
            cursor: pointer; }
        .w10-products-1__items__item__content__grcard {
          margin-top: 3em;
          display: flex;
          align-items: center; }
          .w10-products-1__items__item__content__grcard__button {
            display: flex;
            align-items: center;
            background: var(--main-color-w);
            height: 6em;
            width: 6em;
            align-items: center;
            justify-content: center;
            transition: all .2s;
            cursor: pointer; }
            .w10-products-1__items__item__content__grcard__button:hover .w10-products-1__items__item__content__grcard__button__text {
              display: inline-block; }
            .w10-products-1__items__item__content__grcard__button:hover {
              width: 100%; }
            .w10-products-1__items__item__content__grcard__button__text {
              text-transform: uppercase;
              margin-left: .5em;
              font-weight: 800;
              font-size: 1.6em;
              color: white;
              display: none;
              white-space: nowrap; }
            .w10-products-1__items__item__content__grcard__button__icon {
              font-size: 3em;
              color: white; }
          .w10-products-1__items__item__content__grcard__button:hover ~ .w10-products-1__items__item__content__grcard__price {
            display: none; }
          .w10-products-1__items__item__content__grcard__price {
            color: var(--main-color-w);
            white-space: nowrap;
            font-size: 2em;
            font-weight: 700;
            margin-left: 1em;
            transform: translateX(0); }
            .w10-products-1__items__item__content__grcard__price__main {
              color: red;
              display: block; }
            .w10-products-1__items__item__content__grcard__price__sub {
              font-weight: 300;
              text-decoration: line-through;
              color: black; }

.w10-products {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w10-products__group {
    max-width: 120em;
    margin: 0 auto; }
  .w10-products-active {
    color: var(--main-color-w); }
  .w10-products__heading {
    text-align: center; }
    .w10-products__heading__title {
      font-size: 4.5em;
      font-weight: 700;
      text-transform: capitalize; }
    .w10-products__heading__tab {
      margin-top: 4em;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 50em) {
        .w10-products__heading__tab {
          width: 98%;
          flex-wrap: wrap;
          margin-top: 2em; } }
      .w10-products__heading__tab .active {
        background-color: #2bb626;
        color: white;
        border-radius: .3em; }
      .w10-products__heading__tab__text {
        white-space: nowrap;
        padding: 1em;
        text-align: left;
        font-size: 1.8em;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer; }
        @media only screen and (max-width: 50em) {
          .w10-products__heading__tab__text {
            width: 50%;
            text-align: center; } }
        .w10-products__heading__tab__text:not(:first-child) {
          margin-left: 2em; }
          @media only screen and (max-width: 50em) {
            .w10-products__heading__tab__text:not(:first-child) {
              margin-left: 0; } }
        .w10-products__heading__tab__text:hover {
          color: var(--hover-color-w); }
  .w10-products__items {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%; }
    .w10-products__items__item {
      width: 24%;
      margin-top: 2em;
      margin-left: 1%; }
      @media only screen and (max-width: 50em) {
        .w10-products__items__item {
          width: 49%;
          margin-top: 2em; } }
      .w10-products__items__item__card {
        overflow: hidden;
        position: relative; }
        .w10-products__items__item__card:hover .w10-products__items__item__card__c2 {
          transform: rotateY(180deg); }
        .w10-products__items__item__card:hover .w10-products__items__item__card__c1 {
          transform: rotateY(180deg); }
        .w10-products__items__item__card:hover .w10-products__items__item__card__text {
          transform: rotateY(180deg); }
        .w10-products__items__item__card__c2 {
          backface-visibility: hidden;
          position: absolute;
          top: 0;
          width: 100%;
          transition: all .8s ease; }
        .w10-products__items__item__card__c1 {
          transition: all .8s ease; }
        .w10-products__items__item__card__text {
          background-color: darkred;
          color: white;
          font-size: 1.3em;
          font-weight: 800;
          padding: .5em;
          position: absolute;
          margin: 1em;
          transition: all .5s; }
        .w10-products__items__item__card__imgbox {
          height: 28em; }
          .w10-products__items__item__card__imgbox__img {
            width: 100%;
            height: 100%;
            background-color: white; }
      .w10-products__items__item__content {
        position: relative;
        margin-top: 2em;
        padding: .5em; }
        @media only screen and (max-width: 37.5em) {
          .w10-products__items__item__content {
            text-align: center; } }
        .w10-products__items__item__content__star__icon {
          font-size: 2em;
          color: #FFB503; }
        .w10-products__items__item__content__name {
          margin-top: 1em;
          font-size: 1.4em;
          text-transform: uppercase;
          color: darkgray;
          display: block; }
        .w10-products__items__item__content__des {
          margin-top: .5em;
          text-transform: capitalize;
          font-size: 1.4em;
          font-weight: 300;
          display: block; }
        .w10-products__items__item__content__pre {
          margin-top: 2em;
          display: flex; }
          .w10-products__items__item__content__pre__imgbox {
            margin-right: 1em;
            width: 5em;
            height: 5em;
            overflow: hidden;
            border-radius: 50%;
            border: .2em solid black;
            cursor: pointer;
            background-image: url(/img/w10/6341019711_1_1_1_196ff4fa-da13-4d4e-9815-30db5366ff85_800x.webp);
            background-size: cover;
            background-position: center; }
            @media only screen and (max-width: 37.5em) {
              .w10-products__items__item__content__pre__imgbox {
                height: 3em;
                width: 3em; } }
        .w10-products__items__item__content__grcard {
          margin-top: 3em;
          display: flex;
          align-items: center; }
          .w10-products__items__item__content__grcard__button {
            display: flex;
            align-items: center;
            background: var(--main-color-w);
            height: 6em;
            width: 6em;
            align-items: center;
            justify-content: center;
            transition: all .2s;
            cursor: pointer; }
            .w10-products__items__item__content__grcard__button:hover .w10-products__items__item__content__grcard__button__text {
              display: inline-block; }
            .w10-products__items__item__content__grcard__button:hover {
              width: 100%; }
            .w10-products__items__item__content__grcard__button__text {
              text-transform: uppercase;
              margin-left: .5em;
              font-weight: 800;
              font-size: 1.6em;
              color: white;
              display: none;
              white-space: nowrap; }
            .w10-products__items__item__content__grcard__button__icon {
              font-size: 3em;
              color: white; }
          .w10-products__items__item__content__grcard__button:hover ~ .w10-products__items__item__content__grcard__price {
            display: none; }
          .w10-products__items__item__content__grcard__price {
            color: var(--main-color-w);
            white-space: nowrap;
            font-size: 2em;
            font-weight: 700;
            margin-left: 1em;
            transform: translateX(0); }
            .w10-products__items__item__content__grcard__price__main {
              color: red;
              display: block; }
            .w10-products__items__item__content__grcard__price__sub {
              font-weight: 300;
              text-decoration: line-through;
              color: black; }
  .w10-products__link {
    display: flex;
    align-items: center;
    color: var(--main-color-w);
    padding: 1em;
    text-align: right;
    display: block;
    font-size: 1.4em;
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: 2em; }

.w10-services-2 {
  width: 100%;
  padding: 2em 1em; }
  .w10-services-2__group {
    display: flex;
    color: var(--text-color-w);
    flex-wrap: wrap;
    max-width: 120em;
    margin: 0 auto; }
  .w10-services-2__items {
    width: 50%;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 37.5em) {
      .w10-services-2__items {
        width: 100%;
        margin-top: 2em; } }
    .w10-services-2__items__imgbox {
      display: block;
      overflow: hidden;
      transition: all .2s ease; }
      .w10-services-2__items__imgbox__img {
        width: 100%; }
      .w10-services-2__items__imgbox:hover {
        transform: scale(1.2); }
    .w10-services-2__items__content {
      position: absolute;
      top: 5%;
      left: 5%;
      display: block;
      z-index: 1; }
      @media only screen and (max-width: 37.5em) {
        .w10-services-2__items__content {
          width: 100%;
          margin-top: 2em; } }
      .w10-services-2__items__content__main {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2em; }
      .w10-services-2__items__content__sub {
        font-weight: 700;
        font-size: 3em; }
      .w10-services-2__items__content__des {
        margin-top: 1em;
        font-weight: 300;
        font-size: 1.4; }
      .w10-services-2__items__content__button {
        margin-top: 3em;
        padding: 1em 2em;
        background-color: var(--main-color-w);
        border: none;
        color: white;
        font-size: 1.5em;
        font-weight: 800;
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        transition: all .2s;
        outline: none; }
        .w10-services-2__items__content__button:hover {
          background-color: black; }

.w10-services {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w10-services__heading {
    text-align: center; }
    .w10-services__heading__title {
      font-size: 3.5em;
      font-weight: 700;
      text-transform: capitalize; }
    .w10-services__heading__des {
      margin-top: 1em;
      font-weight: 300;
      font-size: 1.4em;
      color: #999; }
  .w10-services__group {
    margin-top: 4em;
    display: grid;
    grid-template-columns: repeat(4, 24%);
    grid-template-rows: repeat(2, 25em);
    grid-gap: 1em; }
    @media only screen and (max-width: 50em) {
      .w10-services__group {
        grid-template-columns: repeat(2, 48%);
        grid-template-rows: repeat(4, 25em); } }
  .w10-services__items {
    position: relative; }
    .w10-services__items--1 {
      overflow: hidden;
      grid-row: 1 / span 2;
      grid-column: 1 / span 2; }
      .w10-services__items--1 figure {
        background-image: url(/img/w10/demo_01_20_800x.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; }
      @media only screen and (max-width: 50em) {
        .w10-services__items--1 {
          grid-row: 1 / span 2;
          grid-column: 1 / span 2; } }
    .w10-services__items--2 {
      grid-row: 1 / 2;
      grid-column: 3 / 4;
      overflow: hidden; }
      .w10-services__items--2 figure {
        background-image: url(/img/w10/demo_01_22_1024x.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; }
      @media only screen and (max-width: 50em) {
        .w10-services__items--2 {
          grid-row: 3 /  4;
          grid-column: 1 / 2; } }
    .w10-services__items--3 {
      grid-row: 1 / 2;
      grid-column: 4 / 5;
      overflow: hidden; }
      .w10-services__items--3 figure {
        background-image: url(/img/w10/demo_01_21_1024x.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; }
      @media only screen and (max-width: 50em) {
        .w10-services__items--3 {
          grid-row: 3 /  4;
          grid-column: 2/ 3; } }
    .w10-services__items--4 {
      grid-row: 2 / 3;
      grid-column: 3 / span 2;
      overflow: hidden; }
      .w10-services__items--4 figure {
        background-image: url(/img/w10/demo_01_23_1024x.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; }
      @media only screen and (max-width: 50em) {
        .w10-services__items--4 {
          grid-row: 4 / 5;
          grid-column: 1 / span 2; } }
    .w10-services__items__imgbox {
      height: 100%;
      transition: all .2s ease-in;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
      .w10-services__items__imgbox:hover {
        transform: scale(1.2); }
    .w10-services__items__content {
      position: absolute;
      top: 10%;
      left: 10%; }
      @media only screen and (max-width: 37.5em) {
        .w10-services__items__content {
          top: 1em;
          left: 1em; } }
      .w10-services__items__content__main {
        text-transform: capitalize;
        font-weight: 700;
        font-size: 2em;
        display: inline-block; }
        @media only screen and (max-width: 37.5em) {
          .w10-services__items__content__main {
            font-size: 1; } }
      .w10-services__items__content__sub {
        margin-top: 1em;
        font-weight: 300;
        font-size: 1.8em;
        color: #999; }
        @media only screen and (max-width: 37.5em) {
          .w10-services__items__content__sub {
            font-size: .8em; } }

.w10-topbar {
  background-color: white;
  width: 100%;
  padding: 2em 1em;
  display: flex;
  justify-content: space-between;
  color: var(--text-color-w0); }
  @media only screen and (max-width: 37.5em) {
    .w10-topbar {
      flex-direction: column;
      padding: 1em 0; } }
  @media only screen and (max-width: 37.5em) {
    .w10-topbar__group {
      margin-top: 2em;
      text-align: center; } }
  .w10-topbar__group__first__text--1 {
    font-weight: 300;
    text-transform: capitalize;
    display: inline-block;
    font-size: 1.4em; }
  .w10-topbar__group__first__text--2 {
    display: inline-block;
    font-size: 1.4em;
    font-weight: 800; }
  .w10-topbar__group__second {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w10-topbar__group__second {
        white-space: nowrap;
        justify-content: center; } }
    .w10-topbar__group__second--1 {
      font-weight: 800;
      font-size: 1.4em;
      padding: .5em; }
      @media only screen and (max-width: 37.5em) {
        .w10-topbar__group__second--1 {
          font-size: 1.2em;
          margin-left: 0; } }
    .w10-topbar__group__second--2 {
      font-weight: 300;
      font-size: 1.4em;
      padding: .5em; }
      @media only screen and (max-width: 37.5em) {
        .w10-topbar__group__second--2 {
          font-size: 1.2em; } }
    .w10-topbar__group__second--a {
      color: var(--main-color-w);
      padding: .5em; }
  .w10-topbar__group__third {
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .w10-topbar__group__third {
        justify-content: center; } }
    .w10-topbar__group__third__text {
      font-size: 1.4em;
      font-weight: 300;
      transition: all .2s;
      border-bottom: 0 solid #eee;
      cursor: pointer; }
      .w10-topbar__group__third__text:not(:last-child) {
        margin-right: .5em; }
      .w10-topbar__group__third__text:hover {
        border-bottom: .1em solid #f5f5f5; }

.w10-productdetail {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w10-productdetail__group {
    max-width: 120em;
    margin: 0 auto; }
  .w10-productdetail__card {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w10-productdetail__card {
        flex-direction: column; } }
    .w10-productdetail__card .owl-thumb-item {
      background-color: transparent !important;
      border: none; }
    .w10-productdetail__card__owl-imgbox__img {
      width: 100%; }
    .w10-productdetail__card__owl-thumb {
      width: 100%;
      display: flex;
      background-color: transparent;
      margin-top: 2em; }
      .w10-productdetail__card__owl-thumb__imgbox {
        width: 100%;
        cursor: pointer;
        height: 10em; }
        .w10-productdetail__card__owl-thumb__imgbox__img {
          width: 100%; }
    .w10-productdetail__card__owl-col {
      width: 50%; }
      .w10-productdetail__card__owl-col-1 {
        position: relative; }
      @media only screen and (max-width: 50em) {
        .w10-productdetail__card__owl-col {
          width: 100%; } }
    .w10-productdetail__card__button {
      border: 0.1em solid white;
      border-radius: 50%;
      padding: 0.5em 0.5em;
      text-align: center;
      color: #e2f4ff;
      display: inline-block;
      padding: 1em 1.1em;
      background-color: black;
      outline: none;
      cursor: pointer;
      transition: all 0.2s;
      transform: translateY(-50%); }
      .w10-productdetail__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black; }
      .w10-productdetail__card__button-next {
        position: absolute;
        bottom: 1em;
        right: 1em;
        z-index: 2; }
      .w10-productdetail__card__button__icon {
        font-size: 2em; }
      .w10-productdetail__card__button-prev {
        position: absolute;
        bottom: 1em;
        right: 6em;
        z-index: 2; }
    .w10-productdetail__card__imgbox {
      width: 100%;
      height: 40em;
      overflow: hidden;
      border: 0.1em solid #eee;
      transition: all 0.3s ease-in-out;
      width: 100%; }
      @media only screen and (max-width: 50em) {
        .w10-productdetail__card__imgbox {
          width: 100%; } }
      .w10-productdetail__card__imgbox:hover {
        transform: scale(1.3); }
    .w10-productdetail__card__info {
      width: 45%; }
      @media only screen and (max-width: 50em) {
        .w10-productdetail__card__info {
          width: 100%;
          margin-top: 2em; } }
      .w10-productdetail__card__info__size__text {
        font-weight: 600;
        margin-top: 1em;
        font-size: 1.3em; }
      .w10-productdetail__card__info__size__sl {
        margin-top: 1em;
        padding: 1em 2em;
        outline: none;
        margin-left: 0.5em;
        border: 0.1em solid #eee;
        border-radius: 0.3em; }
      .w10-productdetail__card__info__name {
        margin-top: 1em;
        font-weight: 600;
        font-size: 3em; }
      .w10-productdetail__card__info__star {
        margin-top: 1em; }
        .w10-productdetail__card__info__star__icon {
          color: #f93;
          font-size: 1.5em; }
      .w10-productdetail__card__info__price {
        margin-top: 1em;
        display: flex;
        font-weight: 800;
        align-items: center; }
        .w10-productdetail__card__info__price__main {
          color: var(--main-color-w);
          display: inline-block;
          font-size: 2.5em; }
        .w10-productdetail__card__info__price__sub {
          text-decoration: line-through;
          display: inline-block;
          font-weight: 300;
          font-size: 2em;
          margin-right: 1em; }
      .w10-productdetail__card__info__des {
        margin-top: 1em;
        color: #777;
        font-size: 1.5em;
        line-height: 1.8em;
        text-align: justify; }
      .w10-productdetail__card__info__or {
        margin: 2em 0;
        font-size: 1.3em;
        color: #777; }
      .w10-productdetail__card__info__button {
        color: white;
        background-color: slategray;
        border: none;
        border-radius: 0.2em;
        padding: 1em;
        width: 100%;
        margin-left: auto;
        display: inline-block;
        outline: none;
        cursor: pointer;
        font-weight: 700;
        font-size: 1.6em;
        display: flex;
        align-items: center;
        justify-content: center; }
        .w10-productdetail__card__info__button__icon {
          font-size: 1.6em;
          margin-right: 0.5em; }
        .w10-productdetail__card__info__button:hover {
          filter: brightness(0.8); }
      .w10-productdetail__card__info__form {
        margin-top: 4em;
        width: 100%;
        display: flex;
        padding-bottom: 3em;
        border-bottom: 0.1em solid #eee; }
        .w10-productdetail__card__info__form__input {
          padding: 1em;
          border: 0.1em solid #eee;
          width: 30%;
          display: inline-block; }
        .w10-productdetail__card__info__form__button {
          color: white;
          background-color: var(--main-color-w);
          border: none;
          border-radius: 0.2em;
          padding: 1em;
          width: 65%;
          margin-left: auto;
          display: inline-block;
          outline: none;
          cursor: pointer;
          font-weight: 700;
          font-size: 1.6em;
          display: flex;
          align-items: center;
          justify-content: center; }
          .w10-productdetail__card__info__form__button__icon {
            font-size: 1.6em;
            margin-right: 0.2em; }
          .w10-productdetail__card__info__form__button:hover {
            filter: brightness(0.8); }
      .w10-productdetail__card__info__cate {
        display: flex;
        align-items: center;
        padding: 1em 0; }
        .w10-productdetail__card__info__cate-row {
          display: block;
          margin-top: 2em; }
        .w10-productdetail__card__info__cate__text {
          text-transform: uppercase;
          font-weight: 300;
          font-size: 1.1em; }
        .w10-productdetail__card__info__cate__name {
          color: var(--text-color-w);
          margin-left: 1em;
          font-size: 1.1em; }
        .w10-productdetail__card__info__cate__icon {
          margin-right: 1em;
          font-size: 1.1em;
          padding: 1em;
          background-color: slategray;
          color: white;
          cursor: pointer; }
  .w10-productdetail__add {
    padding: 5em;
    width: 100%; }
    @media only screen and (max-width: 50em) {
      .w10-productdetail__add {
        padding: 5em 0.2em; } }
    .w10-productdetail__add__text {
      color: #777;
      padding: 2em 0;
      font-size: 1.5em;
      text-align: justify;
      line-height: 1.8em;
      font-weight: 500; }
      .w10-productdetail__add__text h2 {
        margin: 0.5em 0; }
      .w10-productdetail__add__text h3 {
        margin: 0.5em 0; }
      .w10-productdetail__add__text h4 {
        margin: 0.5em 0; }
      .w10-productdetail__add__text iframe {
        margin: 0.5em 0; }
      .w10-productdetail__add__text img {
        margin: 0.5em 0; }
    .w10-productdetail__add__heading {
      display: flex;
      justify-content: center;
      border-bottom: 0.1em solid #eee;
      margin-top: 2em; }
      .w10-productdetail__add__heading__text {
        white-space: nowrap;
        font-size: 2em;
        font-weight: 600;
        cursor: pointer;
        padding-bottom: 1em; }
        .w10-productdetail__add__heading__text:not(:first-child) {
          margin-left: 2em; }
    .w10-productdetail__add__table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 4em; }
      .w10-productdetail__add__table__th {
        font-size: 1.4em;
        font-weight: 800;
        padding: 1em; }
      .w10-productdetail__add__table__td {
        padding: 1em;
        width: 50%;
        font-size: 1.3em; }
        .w10-productdetail__add__table__td:last-child {
          font-weight: 300; }
      .w10-productdetail__add__table__tr:nth-child(odd) {
        background-color: #dddddd; }
    .w10-productdetail__add__review {
      justify-content: space-between;
      padding: 2em;
      display: flex;
      margin-top: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w10-productdetail__add__review {
          flex-direction: column; } }
      .w10-productdetail__add__review__first {
        width: 50%; }
        @media only screen and (max-width: 37.5em) {
          .w10-productdetail__add__review__first {
            width: 100%; } }
        .w10-productdetail__add__review__first-col {
          display: flex;
          margin-top: 4em; }
        .w10-productdetail__add__review__first__imgbox {
          width: 10em;
          min-width: 10em;
          height: 10em; }
          .w10-productdetail__add__review__first__imgbox__img {
            width: 100%; }
        .w10-productdetail__add__review__first__comment {
          margin-left: 2em; }
          .w10-productdetail__add__review__first__comment__head {
            display: flex;
            justify-content: space-between; }
            .w10-productdetail__add__review__first__comment__head__user__name {
              font-weight: 600;
              font-size: 1.4em; }
            .w10-productdetail__add__review__first__comment__head__user__date {
              color: var(--text-color-w);
              font-size: 1.4em; }
          .w10-productdetail__add__review__first__comment__star__icon {
            color: #f93;
            font-size: 1.4em; }
          .w10-productdetail__add__review__first__comment__text {
            color: black;
            margin-top: 1em;
            text-align: justify;
            line-height: 1.6em;
            font-size: 1.4em; }
      .w10-productdetail__add__review__second {
        width: 48%; }
        @media only screen and (max-width: 37.5em) {
          .w10-productdetail__add__review__second {
            width: 100%;
            margin-top: 2em; } }
        .w10-productdetail__add__review__second sup {
          color: var(--main-color-w);
          font-size: 1.3em; }
        .w10-productdetail__add__review__second__title {
          font-weight: 300;
          font-size: 1.4em; }
        .w10-productdetail__add__review__second__textrate {
          margin-top: 2em;
          font-size: 1.4em; }
        .w10-productdetail__add__review__second__star {
          margin-top: 1em; }
          .w10-productdetail__add__review__second__star__icon {
            color: #f93;
            font-size: 1.4em; }
        .w10-productdetail__add__review__second__textreview {
          margin-top: 1em;
          font-size: 1.4em; }
        .w10-productdetail__add__review__second__textarea {
          width: 100%;
          height: 10em;
          margin-top: 0.5em;
          font-size: 1.4em;
          padding: 1em; }
        .w10-productdetail__add__review__second__textform {
          display: flex;
          justify-content: space-between;
          padding: 1em 0;
          width: 100%; }
          .w10-productdetail__add__review__second__textform__name {
            width: 48%;
            display: block; }
            .w10-productdetail__add__review__second__textform__name__info {
              font-weight: 300; }
            .w10-productdetail__add__review__second__textform__name__input {
              margin-top: 0.5em;
              display: inline-block;
              width: 100%;
              padding: 0.5em; }
        .w10-productdetail__add__review__second__button {
          color: white;
          background-color: var(--main-color-w);
          border: none;
          border-radius: 0.2em;
          padding: 1em;
          margin-left: auto;
          display: inline-block;
          outline: none;
          cursor: pointer;
          text-transform: capitalize;
          font-weight: 700;
          font-size: 1.6em;
          width: 100%; }
          .w10-productdetail__add__review__second__button:hover {
            filter: brightness(0.8); }

.w11-ads {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w11-ads__group {
    max-width: 120em;
    margin: 0 auto; }
  .w11-ads__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%; }
    .w11-ads__items__item {
      text-align: center;
      width: 24%;
      margin-left: 1%;
      margin-bottom: 1em; }
      @media only screen and (max-width: 43.75em) {
        .w11-ads__items__item {
          width: 49%;
          margin-top: 1em; } }
      .w11-ads__items__item__icon {
        color: #381f15;
        font-size: 13em; }
        @media only screen and (max-width: 37.5em) {
          .w11-ads__items__item__icon {
            font-size: 9em !important; } }
      .w11-ads__items__item__main {
        margin-top: 1em;
        font-weight: 600;
        font-size: 1.6em; }
      .w11-ads__items__item__sub {
        margin-top: 1em;
        font-size: 1.4em;
        font-weight: 300; }

.w11-banner {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: white;
  padding: 3em 1em;
  color: var(--text-color-w1); }
  .w11-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w11-banner__group {
        flex-direction: column; } }
  @media only screen and (max-width: 50em) {
    .w11-banner__content {
      margin-top: 5em;
      text-align: center; } }
  .w11-banner__content__main {
    text-transform: uppercase;
    font-size: 6em;
    font-weight: 800; }
  .w11-banner__content__sub {
    text-transform: uppercase;
    font-size: 6em;
    font-weight: 800;
    color: white; }
  .w11-banner__content__des {
    text-transform: capitalize;
    font-size: 1.4em;
    margin-top: 1em; }
  .w11-banner__content__button {
    text-transform: uppercase;
    color: white;
    border: none;
    background-color: var(--main-color-w);
    font-weight: 800;
    padding: 1em;
    border-radius: 2em;
    display: inline-block;
    margin-top: 2em;
    cursor: pointer;
    transition: all .2s; }
    .w11-banner__content__button:hover {
      background-color: var(--hover-color-w); }
  .w11-banner__imgbox {
    max-width: 50%;
    max-height: 50em; }
    .w11-banner__imgbox__img {
      width: 100%; }

.w11-ctaregister {
  width: 100%;
  padding: 3em 1em;
  background: var(--main-color-w) url(/img/w11/concrete-wall.png) !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--text-color-w1); }
  .w11-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w11-ctaregister__group {
        display: block;
        text-align: center; } }
  .w11-ctaregister__heading__title {
    color: var(--hover-color-w);
    text-transform: capitalize;
    font-weight: 700;
    font-size: 3em; }
  .w11-ctaregister__heading__des {
    color: var(--hover-color-w);
    margin-top: 1em; }
  .w11-ctaregister__form {
    background-color: white;
    width: 40%;
    display: flex;
    justify-content: space-between;
    border-radius: 3em;
    padding: 1em; }
    @media only screen and (max-width: 50em) {
      .w11-ctaregister__form {
        width: 99%;
        margin-top: 2em; } }
    .w11-ctaregister__form__text {
      border: none;
      outline: none;
      margin-left: 1em;
      font-size: 1.5em;
      width: 70%; }
    .w11-ctaregister__form__button {
      background-color: var(--main-color-w);
      font-weight: 700;
      font-size: 1.3em;
      padding: 1em;
      height: 100%;
      color: white;
      border-radius: 2em;
      border: none;
      transition: all .2s;
      cursor: pointer; }
      .w11-ctaregister__form__button:hover {
        background-color: var(--hover-color-w); }

.w11-downbar {
  width: 100%;
  padding: 2em .5em;
  background-color: var(--main-color-w);
  color: white; }
  .w11-downbar__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .w11-downbar__icon {
    margin-right: 1em;
    font-size: 2em;
    cursor: pointer; }
    @media only screen and (max-width: 37.5em) {
      .w11-downbar__icon {
        margin-top: 1em; } }

.w11-footer {
  width: 100%;
  position: relative;
  background-color: #2A2A2A;
  padding: 3em 1em;
  color: var(--text-color-w1); }
  .w11-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    flex-wrap: wrap; }
  .w11-footer-col {
    width: 50%;
    display: flex;
    flex-wrap: wrap; }
    .w11-footer-col-first {
      width: 25%; }
    @media only screen and (max-width: 37.5em) {
      .w11-footer-col:last-child {
        width: 100%;
        text-align: center; } }
    @media only screen and (max-width: 37.5em) {
      .w11-footer-col {
        width: 100%;
        text-align: center; } }
  .w11-footer__item {
    width: 50%;
    color: black; }
    .w11-footer__item-last {
      width: 100%; }
    @media only screen and (max-width: 37.5em) {
      .w11-footer__item {
        width: 100%;
        text-align: center; } }
    .w11-footer__item__connect {
      margin-top: 2em; }
      .w11-footer__item__connect__info {
        margin-top: 1em;
        max-width: 100%;
        color: white;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 37.5em) {
          .w11-footer__item__connect__info {
            justify-content: center; } }
        .w11-footer__item__connect__info__icon {
          font-size: 1.3em; }
        .w11-footer__item__connect__info__text {
          margin-left: 1em;
          font-size: 1.3em;
          font-weight: 300;
          line-height: 1.8em; }
    @media only screen and (max-width: 37.5em) {
      .w11-footer__item {
        max-width: 99%;
        margin-top: 4em; } }
    .w11-footer__item__title {
      text-transform: uppercase;
      font-size: 1.4em;
      fill: black;
      color: white;
      line-height: 1.8em; }
    .w11-footer__item__des {
      margin-top: 1em;
      height: .2em;
      background-color: var(--main-color-w); }
    .w11-footer__item__link {
      margin-top: 2em;
      padding: 0 .5em; }
      .w11-footer__item__link a {
        display: block;
        color: white;
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
        margin: .5em 0;
        line-height: 1.8em; }
    .w11-footer__item__pay {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      text-align: center;
      justify-content: space-between;
      margin-top: 2em; }
      .w11-footer__item__pay__imgbox {
        height: 7em;
        width: 6em; }
        .w11-footer__item__pay__imgbox:not(:first-child) {
          margin-left: 1em; }
      .w11-footer__item__pay__text {
        text-align: center;
        color: white;
        margin-top: 1em;
        font-weight: 600;
        margin-left: 1em; }

.w11-menu {
  width: 100%;
  background-color: #222222;
  position: relative;
  margin-top: 2em;
  z-index: 2;
  color: var(--text-color-w1); }
  .w11-menu__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
    padding: 0 1em;
    display: flex;
    justify-content: space-between;
    height: 7em; }
  @media only screen and (min-width: 37.5em) {
    .w11-menu__ab {
      position: absolute;
      background-color: transparent; } }
  .w11-menu__sticky {
    background-color: #222222; }
  .w11-menu-search-checkbox:checked ~ .w11-menu__search {
    display: block; }
  .w11-menu-search-checkbox {
    display: none; }
  .w11-menu__search {
    display: none;
    background-color: rgba(255, 255, 255, 0.9);
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    text-align: center; }
    .w11-menu__search__icon-times {
      font-size: 4em;
      float: right;
      margin-right: 2em;
      margin-top: 1em;
      cursor: pointer; }
    .w11-menu__search__box {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      margin-top: 10em; }
      @media only screen and (max-width: 37.5em) {
        .w11-menu__search__box {
          flex-direction: column; } }
      .w11-menu__search__box__text {
        text-align: center;
        padding: 2em;
        outline: none;
        background-color: #eee;
        border: .2em solid #eee;
        width: 50%; }
        @media only screen and (max-width: 37.5em) {
          .w11-menu__search__box__text {
            width: 90%;
            margin-bottom: 2em; } }
      .w11-menu__search__box__icon {
        font-size: 6em;
        margin-left: 1em;
        cursor: pointer;
        background-color: var(--main-color-w);
        padding: .3em;
        border-radius: 50%; }
        @media only screen and (max-width: 37.5em) {
          .w11-menu__search__box__icon {
            font-size: 6em;
            margin-left: 0; } }
  .w11-menu__logo {
    background-color: var(--main-color-w);
    width: 22em;
    height: 12em;
    transform: translateY(-1em);
    position: relative;
    z-index: 2; }
    .w11-menu__logo::before {
      content: "";
      position: absolute;
      transform: translateX(-1em);
      height: 1em;
      width: 1em;
      display: block;
      z-index: 2;
      background-color: #c7a23c;
      clip-path: polygon(0 100%, 100% 0, 100% 100%); }
    .w11-menu__logo::after {
      content: "";
      position: absolute;
      transform: translateX(1em);
      height: 1em;
      width: 1em;
      right: 0;
      top: 0;
      display: block;
      z-index: 2;
      background-color: #c7a23c;
      clip-path: polygon(100% 100%, 0 0, 0 100%); }
    .w11-menu__logo__imgbox {
      margin: 0 auto;
      width: 15em;
      text-align: center;
      height: 12em; }
      .w11-menu__logo__imgbox__img {
        margin-top: 1em;
        max-width: 100%;
        max-height: 9em; }
      .w11-menu__logo__imgbox::before {
        content: "";
        height: 7em;
        width: 50%;
        background: linear-gradient(-27deg, transparent 50%, var(--main-color-w) 50%);
        position: absolute;
        right: 0;
        bottom: -6.8em; }
      .w11-menu__logo__imgbox::after {
        content: "";
        height: 7em;
        width: 50%;
        background: linear-gradient(27deg, transparent 50%, var(--main-color-w) 50%);
        position: absolute;
        left: 0;
        bottom: -6.8em; }
  .w11-menu__menu__nav__checkbox:checked ~ .w11-menu__items {
    left: 0; }
  .w11-menu__items {
    list-style: none;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3;
    top: 0;
    width: auto;
    transition: all .2s ease-in-out; }
    @media only screen and (max-width: 50em) {
      .w11-menu__items {
        flex-direction: column;
        position: absolute;
        left: -30em;
        top: 0;
        background-color: #222222;
        align-items: flex-start;
        width: 30em;
        overflow: hidden; }
        .w11-menu__items::before {
          content: "Menu";
          background-color: #222222;
          width: 100%;
          display: block;
          text-align: center;
          color: white;
          padding: 1em;
          font-size: 1.6em;
          border-bottom: .1em solid white;
          text-transform: uppercase; } }
    .w11-menu__items__item {
      display: flex;
      align-items: center;
      cursor: pointer; }
      @media only screen and (min-width: 50em) {
        .w11-menu__items__item {
          height: 7em; }
          .w11-menu__items__item:not(:first-child) {
            margin-left: 1em; } }
      @media only screen and (max-width: 50em) {
        .w11-menu__items__item {
          padding: 2em;
          display: block;
          align-items: flex-start;
          width: 100%;
          white-space: nowrap; } }
      .w11-menu__items__item__text {
        color: white;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 1.3em;
        white-space: nowrap; }
      .w11-menu__items__item__icon {
        color: white;
        font-size: 1.5em; }
        @media only screen and (max-width: 50em) {
          .w11-menu__items__item__icon {
            float: right; } }
    @media only screen and (max-width: 50em) {
      .w11-menu__items__item-nav-checkbox:checked ~ .w11-menu__items__drop-1 {
        display: block; } }
    .w11-menu__items__item-nav-checkbox {
      display: none; }
    @media only screen and (min-width: 50em) {
      .w11-menu__items__item:hover .w11-menu__items__drop-1 {
        display: block; } }
    @media only screen and (min-width: 50em) {
      .w11-menu__items__drop-1__item:hover .w11-menu__items__drop-2 {
        display: block; } }
    .w11-menu__items__drop-1 {
      background-color: white;
      z-index: 1;
      position: absolute;
      top: 7em;
      display: none;
      width: 25em; }
      @media only screen and (max-width: 50em) {
        .w11-menu__items__drop-1 {
          background-color: #222222;
          position: relative;
          left: 0;
          top: 2em;
          color: white; } }
      @media only screen and (min-width: 50em) {
        .w11-menu__items__drop-1 {
          box-shadow: .5em .5em .5em #eee; } }
      .w11-menu__items__drop-1-nav-button {
        margin-left: auto;
        float: right; }
      .w11-menu__items__drop-1__item {
        display: flex;
        align-items: center;
        padding: 1em;
        cursor: pointer; }
        .w11-menu__items__drop-1__item:not(:last-child) {
          border-bottom: .1em solid #eee; }
        @media only screen and (max-width: 50em) {
          .w11-menu__items__drop-1__item {
            padding: 2em;
            align-items: flex-start;
            width: 100%;
            display: block; } }
        .w11-menu__items__drop-1__item__text {
          text-transform: capitalize;
          font-weight: 500;
          font-size: 1.3em;
          white-space: nowrap; }
          @media only screen and (max-width: 50em) {
            .w11-menu__items__drop-1__item__text {
              color: white; } }
        .w11-menu__items__drop-1__item__icon {
          margin-left: auto;
          float: right;
          transform: rotate(-90deg); }
          @media only screen and (max-width: 50em) {
            .w11-menu__items__drop-1__item__icon {
              color: white;
              transform: rotate(0); } }
    .w11-menu__items__drop-2 {
      background-color: white;
      z-index: 1;
      position: absolute;
      top: 0;
      left: 25em;
      display: none;
      width: 25em; }
      @media only screen and (max-width: 50em) {
        .w11-menu__items__drop-2 {
          background-color: #222222;
          position: relative;
          left: 0;
          top: 2em; } }
      @media only screen and (min-width: 50em) {
        .w11-menu__items__drop-2 {
          box-shadow: .5em .5em .5em #eee; } }
      .w11-menu__items__drop-2__item {
        display: flex;
        align-items: center;
        padding: 1em;
        cursor: pointer;
        width: 100%; }
        .w11-menu__items__drop-2__item:not(:last-child) {
          border-bottom: .1em solid #eee; }
        @media only screen and (max-width: 50em) {
          .w11-menu__items__drop-2__item {
            padding: 2em;
            align-items: flex-start;
            width: 100%; } }
        .w11-menu__items__drop-2__item__text {
          text-transform: capitalize;
          font-weight: 500;
          font-size: 1.3em;
          white-space: nowrap; }
          @media only screen and (max-width: 50em) {
            .w11-menu__items__drop-2__item__text {
              color: white; } }
    @media only screen and (max-width: 50em) {
      .w11-menu__items-drop-1-nav-checkbox:checked ~ .w11-menu__items__drop-2 {
        display: block; } }
    .w11-menu__items-drop-1-nav-checkbox {
      display: none; }
  .w11-menu-bar {
    position: absolute;
    bottom: -17em;
    width: 100%; }
    .w11-menu-bar-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 120em; }
    .w11-menu-bar__menu__nav__button-nav {
      padding: 2em 1em 1em 1em;
      background-color: red;
      border-radius: 8%;
      height: 4.5em;
      margin-top: 1em; }
      @media only screen and (min-width: 50em) {
        .w11-menu-bar__menu__nav__button-nav {
          display: none; } }
  .w11-menu__contact {
    background: rgba(255, 255, 255, 0.87);
    display: inline-block;
    padding: 2em;
    border-radius: 4em;
    margin-left: 5em; }
    @media only screen and (max-width: 50em) {
      .w11-menu__contact {
        margin-left: 0; } }
    .w11-menu__contact__text {
      font-size: 1.3em;
      font-weight: 300;
      display: inline-block; }
    .w11-menu__contact__phone {
      display: flex;
      align-items: center;
      margin-top: .5em; }
      .w11-menu__contact__phone__icon {
        font-size: 2em;
        margin-right: .5em; }
      .w11-menu__contact__phone__number {
        font-weight: 800;
        font-size: 1.3em; }
  .w11-menu__card {
    padding: 2em;
    border-radius: 4em;
    background-color: white;
    bottom: -10em;
    margin-right: 5em; }
    @media only screen and (max-width: 50em) {
      .w11-menu__card {
        margin-right: 0; } }
    .w11-menu__card__icon {
      font-size: 1.5em;
      cursor: pointer;
      padding: .5em;
      transition: all .2s; }
      .w11-menu__card__icon:not(:last-child) {
        margin-right: .5em; }
      .w11-menu__card__icon:hover {
        background-color: var(--hover-color-w);
        border-radius: 50%;
        color: white; }

.w11-products {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w11-products__group {
    max-width: 120em;
    margin: 0 auto; }
  .w11-products__heading {
    text-align: center;
    margin-top: 3em;
    display: block; }
    .w11-products__heading__title {
      color: var(--main-color-w);
      font-weight: 700;
      font-size: 2em;
      text-transform: capitalize; }
    .w11-products__heading__main {
      margin-top: .5em;
      font-weight: 800;
      font-size: 4em; }
    .w11-products__heading__des {
      margin-top: 1em;
      color: darkgray;
      font-size: 1.6em; }
  .w11-products__items {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3333%; }
    @media only screen and (max-width: 50em) {
      .w11-products__items {
        gap: 2%; } }
    .w11-products__items__item {
      margin-top: 2em;
      width: 24%;
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w11-products__items__item {
          width: 49%;
          margin-top: 2em; } }
      .w11-products__items__item__imgbox {
        cursor: pointer;
        width: 100%;
        border: .1em solid #eee;
        border-radius: .4em;
        padding: 1em;
        height: 28em; }
        .w11-products__items__item__imgbox__img {
          width: 100%;
          border-radius: .3em; }
      .w11-products__items__item__text {
        background-color: #222222;
        color: var(--hover-color-w);
        padding: 1em;
        position: absolute;
        border-radius: .4em;
        font-weight: 700;
        top: 2em;
        left: 2em; }
      .w11-products__items__item__star {
        display: flex;
        width: 40%;
        position: absolute;
        right: 1em;
        top: 2em; }
        .w11-products__items__item__star__icon {
          font-size: 1.5em;
          color: var(--main-color-w); }
          @media only screen and (max-width: 37.5em) {
            .w11-products__items__item__star__icon {
              font-size: 1em; } }
      .w11-products__items__item__content {
        text-align: center; }
        .w11-products__items__item__content__text {
          font-weight: 700;
          font-size: 1.3em;
          margin-top: 2em;
          display: block; }
        .w11-products__items__item__content__des {
          font-weight: 300;
          font-size: 1.3em;
          margin-top: .5em; }
        .w11-products__items__item__content__button {
          font-weight: 700;
          font-size: 1.4em;
          padding: .5em 1em;
          display: block;
          margin: 0 auto;
          border-radius: 2em;
          border: .1em solid darkgray;
          background-color: white;
          margin-top: 2em;
          cursor: pointer;
          transition: all .2s; }
          .w11-products__items__item__content__button:hover {
            color: white;
            background-color: var(--hover-color-w); }
  .w11-products__button {
    padding: 1em 2em;
    background-color: #222222;
    color: white;
    font-weight: 700;
    font-size: 1.6em;
    border-radius: 2em;
    border: none;
    transition: all .2s;
    margin: 4em auto 0 auto;
    display: table;
    cursor: pointer; }
    .w11-products__button:hover {
      background-color: var(--hover-color-w); }

.w11-services {
  width: 100%;
  background-color: #3C2117;
  padding: 3em 1em;
  color: var(--text-color-w1); }
  .w11-services__group {
    max-width: 120em;
    margin: 0 auto; }
  .w11-services__text {
    font-weight: 1.6em;
    text-align: center;
    color: white;
    margin-top: 4em; }
  .w11-services__title {
    font-size: 4em;
    font-weight: 800;
    color: white;
    text-align: center; }
  .w11-services__items {
    display: flex;
    justify-content: center;
    margin-top: 4em; }
    .w11-services__items__item {
      width: 40%;
      text-align: center;
      padding: 2em;
      background-color: #381F15; }
      .w11-services__items__item__imgbox {
        width: 100%; }
        .w11-services__items__item__imgbox__img {
          width: 100%; }
      .w11-services__items__item__main {
        color: var(--main-color-w);
        text-transform: uppercase;
        font-weight: 800;
        font-size: 3em; }
      .w11-services__items__item__sub {
        color: white;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2em; }
    .w11-services__items__vs {
      height: auto;
      width: 20%;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      justify-content: center; }
      .w11-services__items__vs__text {
        font-size: 5em;
        color: var(--main-color-w);
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }

.w11-products-1 {
  width: 100%;
  padding: 3em 1em;
  background-color: #F9F9F9;
  color: var(--text-color-w1); }
  .w11-products-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w11-products-1__heading {
    text-align: center; }
    .w11-products-1__heading__title {
      color: var(--main-color-w);
      font-weight: 700;
      font-size: 2em;
      text-transform: capitalize; }
    .w11-products-1__heading__main {
      margin-top: .5em;
      font-weight: 800;
      font-size: 4em;
      text-transform: uppercase; }
    .w11-products-1__heading__des {
      margin-top: 1em;
      color: darkgray;
      font-size: 1.6em; }
  .w11-products-1__items {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 50em) {
      .w11-products-1__items {
        flex-wrap: wrap; } }
    .w11-products-1__items__item {
      margin-top: 2em;
      width: 24%;
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w11-products-1__items__item {
          width: 49%;
          margin-top: 2em; } }
      .w11-products-1__items__item__imgbox {
        cursor: pointer;
        width: 100%;
        border: .1em solid #eee;
        border-radius: .4em; }
        .w11-products-1__items__item__imgbox__img {
          width: 100%; }
      .w11-products-1__items__item__text {
        background-color: #222222;
        padding: 1em;
        position: absolute;
        border-radius: .4em;
        font-weight: 700;
        top: 1em;
        left: 1em;
        color: #fcbc39; }
      .w11-products-1__items__item__content {
        text-align: center; }
        .w11-products-1__items__item__content__text {
          font-weight: 700;
          font-size: 1.3em;
          margin-top: 2em; }
        .w11-products-1__items__item__content__des {
          font-weight: 300;
          font-size: 1.3em;
          margin-top: .5em; }
        .w11-products-1__items__item__content__button {
          font-weight: 700;
          font-size: 1.4em;
          display: block;
          border: none;
          margin: 0 auto;
          padding: .5em 1em;
          border-radius: 2em;
          border: .1em solid darkgray;
          background-color: white;
          margin-top: 2em;
          cursor: pointer;
          transition: all .2s; }
          .w11-products-1__items__item__content__button:hover {
            color: white;
            background-color: var(--hover-color-w); }

.w12-ads {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w12-ads__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .w12-ads__group {
        flex-direction: column; } }
  .w12-ads__heading {
    width: 30%;
    color: white; }
    @media only screen and (max-width: 37.5em) {
      .w12-ads__heading {
        width: 100%;
        text-align: center; } }
    .w12-ads__heading__main {
      font-weight: 600;
      font-size: 2.5em; }
    .w12-ads__heading__sub {
      margin-top: 1em;
      font-weight: 300;
      font-size: 1.5em; }
  .w12-ads__items {
    display: flex;
    align-items: center;
    width: 55%;
    justify-content: space-between; }
    @media only screen and (max-width: 37.5em) {
      .w12-ads__items {
        width: 100%;
        margin-top: 2em; } }
    .w12-ads__items__item {
      height: max-content;
      width: 30%;
      background-color: white;
      border-radius: 1em;
      overflow: hidden; }
      .w12-ads__items__item__imgbox {
        height: 22em; }
        .w12-ads__items__item__imgbox__img {
          width: 100%; }
      .w12-ads__items__item__text {
        font-size: 1.3em;
        font-weight: 600;
        text-align: center;
        padding: 1em;
        transition: all .2s ease; }
        .w12-ads__items__item__text:hover {
          color: var(--hover-color-w); }

.w12-articles {
  width: 100%;
  background-color: white;
  padding: 1em .5em;
  color: var(--text-color-w); }
  .w12-articles__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles__group {
        flex-direction: column; } }
  .w12-articles__first {
    width: 66%;
    position: relative; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles__first {
        width: 100%;
        padding: 1em; } }
    .w12-articles__first__imgbox iframe {
      height: 100% !important; }
    .w12-articles__first__imgbox__img {
      width: 100%;
      border-radius: 1em; }
    .w12-articles__first__content {
      position: absolute;
      bottom: 2em;
      padding: 2rem; }
      .w12-articles__first__content__cate {
        display: flex;
        align-items: center; }
        .w12-articles__first__content__cate__info {
          background-color: var(--main-color-w);
          padding: .5em 1em;
          color: white;
          border-radius: 1em;
          font-size: 1.3em;
          font-weight: 600;
          display: inline-block; }
        .w12-articles__first__content__cate__time {
          margin-left: 1em;
          font-size: 1.3em; }
      .w12-articles__first__content__main {
        font-size: 3.5em;
        font-weight: 700;
        margin-top: .5em;
        display: block; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles__first__content__main {
            font-size: 1.5em; } }
      .w12-articles__first__content__sub {
        margin-top: 1em;
        font-size: 1.6em;
        font-weight: 300; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles__first__content__sub {
            font-size: 1.2em; } }
      .w12-articles__first__content:hover .w12-articles__first__content__des {
        margin-bottom: 0;
        opacity: 1; }
      .w12-articles__first__content__des {
        display: flex;
        align-items: center;
        font-size: 1.2em;
        margin-top: 1em;
        transition: all .2s ease;
        margin-bottom: -3em;
        opacity: 0; }
        .w12-articles__first__content__des__view {
          margin-left: 1em; }
        .w12-articles__first__content__des__user {
          display: flex;
          align-items: center; }
          .w12-articles__first__content__des__user__imgbox {
            width: 2em; }
            .w12-articles__first__content__des__user__imgbox__img {
              border-radius: 50%;
              width: 100%; }
          .w12-articles__first__content__des__user__text {
            margin-left: 1em; }
  .w12-articles__second {
    width: 32%; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles__second {
        width: 100%;
        padding: 1em; } }
    .w12-articles__second__imgbox {
      height: 100%; }
      @media only screen and (max-width: 43.75em) {
        .w12-articles__second__imgbox {
          width: 15em;
          height: 100%;
          border-radius: 0; } }
      .w12-articles__second__imgbox__img {
        width: 100%;
        border-radius: 1em; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles__second__imgbox__img {
            width: inherit;
            height: inherit;
            border-radius: 0; } }
    .w12-articles__second--row {
      height: 50%;
      position: relative; }
      @media only screen and (max-width: 43.75em) {
        .w12-articles__second--row {
          border-radius: 1em;
          overflow: hidden;
          background-color: #333;
          margin-top: 1em;
          height: 12em; } }
    .w12-articles__second__content {
      position: absolute;
      bottom: 2em;
      padding: 2rem;
      z-index: 20; }
      @media only screen and (max-width: 43.75em) {
        .w12-articles__second__content {
          left: 15em;
          top: 0em;
          padding: 1.5em .5em 0 1em; } }
      .w12-articles__second__content__cate {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .w12-articles__second__content__cate__info {
          background-color: var(--main-color-w);
          padding: .5em 1em;
          color: white;
          border-radius: 1em;
          font-size: 1.3em;
          font-weight: 600;
          display: inline-block;
          white-space: nowrap; }
          @media only screen and (max-width: 43.75em) {
            .w12-articles__second__content__cate__info {
              font-size: 0.8em;
              overflow: hidden;
              text-overflow: ellipsis; } }
        .w12-articles__second__content__cate__time {
          margin-left: 1em;
          font-size: 1.3em; }
          @media only screen and (max-width: 43.75em) {
            .w12-articles__second__content__cate__time {
              margin-left: 0;
              margin-top: 0.5em;
              width: 100%; } }
      .w12-articles__second__content__main {
        font-size: 1.5em;
        font-weight: 700;
        margin-top: .5em;
        display: block; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles__second__content__main {
            margin-top: 1em;
            font-size: 1.2em; } }
      .w12-articles__second__content:hover .w12-articles__second__content__des {
        margin-bottom: 0;
        opacity: 1; }
      .w12-articles__second__content__des {
        display: flex;
        align-items: center;
        font-size: 1.2em;
        margin-top: 1em;
        transition: all .2s ease;
        margin-bottom: -3em;
        opacity: 0;
        backface-visibility: hidden; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles__second__content__des {
            display: none; } }
        .w12-articles__second__content__des__view {
          margin-left: 1em; }
        .w12-articles__second__content__des__user {
          display: flex;
          align-items: center; }
          .w12-articles__second__content__des__user__imgbox {
            width: 2em; }
            .w12-articles__second__content__des__user__imgbox__img {
              border-radius: 50%;
              width: 100%; }
          .w12-articles__second__content__des__user__text {
            margin-left: 1em; }

.w12-articles-1 {
  width: 100%;
  font-weight: 500;
  padding: 1em .5em;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-1__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-1__group {
        flex-direction: column; } }
  .w12-articles-1__first {
    position: relative;
    width: 66%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-1__first {
        width: 100%;
        padding: 1em; } }
    .w12-articles-1__first--item {
      margin-top: 2em;
      width: 49%;
      height: max-content; }
    .w12-articles-1__first__heading {
      color: black;
      display: flex;
      align-items: center;
      padding: 1em;
      width: 100%; }
      .w12-articles-1__first__heading__title {
        font-weight: 600;
        font-size: 2em;
        text-transform: capitalize; }
      .w12-articles-1__first__heading__tab {
        margin-left: 2em;
        display: flex;
        align-items: center; }
        .w12-articles-1__first__heading__tab__text {
          font-size: 1.2em;
          color: #333;
          cursor: pointer; }
          .w12-articles-1__first__heading__tab__text-active {
            color: black;
            font-weight: 700; }
      .w12-articles-1__first__heading__view {
        margin-left: auto;
        font-size: 1.2em;
        color: #333;
        cursor: pointer;
        display: inline-block; }
    .w12-articles-1__first__imgbox {
      border-radius: 1em; }
      .w12-articles-1__first__imgbox__img {
        width: 100%; }
    .w12-articles-1__first__content {
      bottom: 2em;
      padding: 1em;
      color: black;
      margin-top: -6em; }
      .w12-articles-1__first__content__cate {
        display: flex;
        align-items: center; }
        .w12-articles-1__first__content__cate__info {
          background-color: var(--main-color-w);
          padding: .5em 1em;
          border-radius: 1em;
          font-size: 1.3em;
          font-weight: 600;
          display: inline-block;
          white-space: nowrap;
          color: white; }
          @media only screen and (max-width: 25em) {
            .w12-articles-1__first__content__cate__info {
              font-size: 1em; } }
        .w12-articles-1__first__content__cate__time {
          margin-left: 1em;
          font-size: 1.3em;
          color: white; }
      .w12-articles-1__first__content__main {
        font-size: 1.6em;
        font-weight: 700;
        margin-top: 2em;
        display: block; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-1__first__content__main {
            font-size: 1.5em; } }
      .w12-articles-1__first__content__sub {
        margin-top: 1em;
        font-size: 1.3em;
        font-weight: 300; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-1__first__content__sub {
            font-size: 1.2em; } }
      .w12-articles-1__first__content__des {
        display: flex;
        align-items: center;
        font-size: 1.2em;
        margin-top: 1em;
        transition: all .2s ease;
        justify-content: space-between; }
        .w12-articles-1__first__content__des__view {
          margin-left: 1em; }
        .w12-articles-1__first__content__des__user {
          display: flex;
          align-items: center; }
          .w12-articles-1__first__content__des__user__imgbox {
            width: 2em;
            height: 2em;
            border-radius: 50%; }
            .w12-articles-1__first__content__des__user__imgbox__img {
              width: 100%;
              height: 100%; }
          .w12-articles-1__first__content__des__user__text {
            margin-left: 1em; }
  .w12-articles-1__second {
    width: 32%;
    height: max-content;
    display: flex;
    position: relative;
    align-items: center; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-1__second {
        width: 100%;
        padding: 1em; } }
    .w12-articles-1__second__imgbox {
      height: 100%;
      width: 100%;
      border-radius: 1em; }
      .w12-articles-1__second__imgbox__img {
        width: 100%;
        height: 100%; }
    .w12-articles-1__second__content {
      position: absolute;
      top: 15%;
      padding: 2em;
      text-align: center; }
      @media only screen and (max-width: 62.5em) {
        .w12-articles-1__second__content {
          top: 10%; } }
      @media only screen and (max-width: 50em) {
        .w12-articles-1__second__content {
          top: 0; } }
      @media only screen and (max-width: 43.75em) {
        .w12-articles-1__second__content {
          top: 15%; } }
      @media only screen and (max-width: 31.25em) {
        .w12-articles-1__second__content {
          top: 0%; } }
      @media only screen and (max-width: 25em) {
        .w12-articles-1__second__content {
          top: 5%; } }
      .w12-articles-1__second__content__main {
        font-size: 2.5em;
        font-weight: 700;
        margin-top: .5em;
        display: block; }
        @media only screen and (max-width: 50em) {
          .w12-articles-1__second__content__main {
            font-size: 2em; } }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-1__second__content__main {
            font-size: 4.5em; } }
        @media only screen and (max-width: 31.25em) {
          .w12-articles-1__second__content__main {
            font-size: 4em; } }
        @media only screen and (max-width: 25em) {
          .w12-articles-1__second__content__main {
            font-size: 3em; } }
      .w12-articles-1__second__content__sub {
        margin-top: 2em;
        font-size: 1.3em; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-1__second__content__sub {
            font-size: 2.5em; } }
        @media only screen and (max-width: 31.25em) {
          .w12-articles-1__second__content__sub {
            font-size: 2em; } }
        @media only screen and (max-width: 31.25em) {
          .w12-articles-1__second__content__sub {
            font-size: 1.5em; } }
      .w12-articles-1__second__content__button {
        background-color: var(--main-color-w);
        padding: 1em 2em;
        border-radius: 2em;
        display: inline-block;
        margin-top: 3em;
        font-size: 1.4em;
        font-weight: 800; }
        @media only screen and (max-width: 50em) {
          .w12-articles-1__second__content__button {
            top: 1em; } }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-1__second__content__button {
            font-size: 2.5em; } }
        @media only screen and (max-width: 25em) {
          .w12-articles-1__second__content__button {
            font-size: 1.5em; } }

.w12-articles-2 {
  width: 100%;
  font-weight: 500;
  padding: 1em .5em;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-2__group {
    max-width: 120em;
    margin: 0 auto; }
  .w12-articles-2__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1em; }
    .w12-articles-2__heading__title {
      font-weight: 600;
      font-size: 2em;
      text-transform: capitalize; }
    .w12-articles-2__heading__view {
      font-size: 1.2em;
      color: #777; }
  .w12-articles-2__items {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%; }
    .w12-articles-2__items__item {
      width: 24%;
      margin-left: 1%;
      margin-top: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w12-articles-2__items__item {
          width: 49.5%; } }
      .w12-articles-2__items__item__image {
        position: relative; }
        .w12-articles-2__items__item__image__imgbox {
          border-radius: 1em; }
          .w12-articles-2__items__item__image__imgbox__img {
            width: 100%; }
        .w12-articles-2__items__item__image__info {
          background-color: var(--main-color-w);
          color: white;
          padding: 0.5em 2em;
          border-radius: 2em;
          position: absolute;
          display: inline-block;
          bottom: 2em;
          left: 1em;
          font-weight: 600;
          white-space: nowrap; }
      .w12-articles-2__items__item__content {
        margin-top: 1em;
        display: inline-block; }
        .w12-articles-2__items__item__content__main {
          font-weight: 600;
          font-size: 1.4em;
          display: inline-block; }
        .w12-articles-2__items__item__content__des {
          display: flex;
          font-size: 1em;
          color: #777;
          margin-top: .5em; }
          .w12-articles-2__items__item__content__des__hour {
            margin-left: 1em; }

.w12-articles-3 {
  width: 100%;
  font-weight: 500;
  padding: 1em .5em;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-3__group {
    max-width: 120em;
    margin: 0 auto;
    color: white; }
  .w12-articles-3--row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 1.3333%; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-3--row {
        width: 100%;
        padding: 1em;
        gap: 2%; } }
  .w12-articles-3--item {
    margin-top: 2em;
    width: 32%;
    height: max-content; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-3--item {
        width: 49%; } }
  .w12-articles-3__heading {
    color: black;
    display: flex;
    align-items: center;
    padding: 1em;
    width: 100%; }
    .w12-articles-3__heading__title {
      font-weight: 600;
      font-size: 2em;
      text-transform: capitalize; }
    .w12-articles-3__heading__tab {
      margin-left: 2em;
      display: flex;
      align-items: center; }
      .w12-articles-3__heading__tab__text {
        font-size: 1.2em;
        color: #333;
        cursor: pointer; }
        .w12-articles-3__heading__tab__text-active {
          color: black;
          font-weight: 700; }
    .w12-articles-3__heading__view {
      margin-left: auto;
      font-size: 1.2em;
      color: #333;
      cursor: pointer;
      display: inline-block; }
  .w12-articles-3__imgbox {
    border-radius: 1em; }
    .w12-articles-3__imgbox__img {
      width: 100%; }
  .w12-articles-3__content {
    bottom: 2em;
    padding: 1em;
    color: black;
    margin-top: -6em; }
    .w12-articles-3__content__cate {
      display: flex;
      align-items: center; }
      .w12-articles-3__content__cate__info {
        background-color: var(--main-color-w);
        padding: .5em 1em;
        border-radius: 1em;
        font-size: 1.3em;
        font-weight: 600;
        display: inline-block;
        white-space: nowrap;
        color: white; }
        @media only screen and (max-width: 25em) {
          .w12-articles-3__content__cate__info {
            font-size: 1em; } }
      .w12-articles-3__content__cate__time {
        margin-left: 1em;
        font-size: 1.3em;
        color: white; }
    .w12-articles-3__content__main {
      font-size: 1.6em;
      font-weight: 700;
      margin-top: 2em;
      display: block; }
      @media only screen and (max-width: 43.75em) {
        .w12-articles-3__content__main {
          font-size: 1.5em; } }
    .w12-articles-3__content__sub {
      margin-top: 1em;
      font-size: 1.3em;
      font-weight: 300; }
      @media only screen and (max-width: 43.75em) {
        .w12-articles-3__content__sub {
          font-size: 1.2em; } }
    .w12-articles-3__content__des {
      display: flex;
      align-items: center;
      font-size: 1.2em;
      margin-top: 1em;
      transition: all .2s ease;
      justify-content: space-between; }
      .w12-articles-3__content__des__view {
        margin-left: 1em; }
      .w12-articles-3__content__des__user {
        display: flex;
        align-items: center; }
        .w12-articles-3__content__des__user__imgbox {
          width: 2em;
          min-width: 2em;
          height: 2em;
          border-radius: 50%; }
          .w12-articles-3__content__des__user__imgbox__img {
            width: 100%;
            height: 100%; }
        .w12-articles-3__content__des__user__text {
          margin-left: 1em; }

.w12-articles-4 {
  width: 100%;
  padding: 1em .5em;
  color: var(--text-color-w);
  background-color: white; }
  .w12-articles-4__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-4__group {
        flex-direction: column; } }
  .w12-articles-4__first {
    width: 66%; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-4__first {
        width: 100%;
        padding: 1em; } }
    .w12-articles-4__first__imgbox__img {
      width: 100%;
      border-radius: 1em; }
    .w12-articles-4__first__content {
      position: absolute;
      bottom: 2em;
      padding: 2rem; }
      .w12-articles-4__first__content__cate {
        display: flex;
        align-items: center; }
        .w12-articles-4__first__content__cate__info {
          background-color: var(--main-color-w);
          padding: .5em 1em;
          color: white;
          border-radius: 1em;
          font-size: 1.3em;
          font-weight: 600;
          display: inline-block; }
        .w12-articles-4__first__content__cate__time {
          margin-left: 1em;
          font-size: 1.3em; }
      .w12-articles-4__first__content__main {
        font-size: 3.5em;
        font-weight: 700;
        margin-top: .5em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-4__first__content__main {
            font-size: 1.4em !important; } }
      .w12-articles-4__first__content__sub {
        margin-top: 1em;
        font-size: 1.6em;
        font-weight: 300; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-4__first__content__sub {
            font-size: 1.2em !important;
            max-height: 4em;
            overflow: hidden;
            text-overflow: ellipsis; } }
      .w12-articles-4__first__content:hover .w12-articles-4__first__content__des {
        margin-bottom: 0;
        opacity: 1; }
      .w12-articles-4__first__content__des {
        display: flex;
        align-items: center;
        font-size: 1.2em;
        margin-top: 1em;
        transition: all .2s ease;
        margin-bottom: -3em;
        opacity: 0; }
        .w12-articles-4__first__content__des__view {
          margin-left: 1em; }
          .w12-articles-4__first__content__des__view:last-child {
            margin-left: auto;
            float: right; }
        .w12-articles-4__first__content__des__user {
          display: flex;
          align-items: center; }
          .w12-articles-4__first__content__des__user__imgbox {
            width: 2em; }
            .w12-articles-4__first__content__des__user__imgbox__img {
              border-radius: 50%;
              width: 100%; }
          .w12-articles-4__first__content__des__user__text {
            margin-left: 1em; }
    .w12-articles-4__first--row {
      position: relative; }
    .w12-articles-4__first__more {
      margin-top: 3em;
      display: flex;
      color: black;
      justify-content: space-between;
      width: 100%;
      flex-wrap: wrap; }
      .w12-articles-4__first__more__info {
        box-shadow: .2em .2em 1em .2em #f5f5f5;
        border-radius: 1em;
        display: flex;
        width: 49%;
        align-items: center;
        padding: 1em; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-4__first__more__info {
            width: 100%;
            margin-top: 1.5em; } }
        .w12-articles-4__first__more__info__imgbox {
          min-width: 6em;
          height: 5em;
          width: 6em; }
          .w12-articles-4__first__more__info__imgbox__img {
            width: 100%; }
        .w12-articles-4__first__more__info__read {
          margin-left: 1em; }
          .w12-articles-4__first__more__info__read__text {
            font-weight: 600;
            font-size: 1.3em;
            transition: all .2s ease;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
            .w12-articles-4__first__more__info__read__text:hover {
              text-decoration: underline; }
          .w12-articles-4__first__more__info__read__time {
            margin-top: .5em;
            color: #777; }
  .w12-articles-4__second {
    width: 32%; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-4__second {
        width: 100%;
        margin-top: 2em; } }
    .w12-articles-4__second__heading {
      color: #ff4ca7;
      font-weight: 600;
      font-size: 1.4em;
      text-transform: capitalize; }
      @media only screen and (max-width: 43.75em) {
        .w12-articles-4__second__heading {
          text-align: center;
          font-size: 2em; } }
    .w12-articles-4__second__items__item {
      margin-top: 2em;
      color: black; }
      .w12-articles-4__second__items__item__main {
        font-weight: 700;
        text-transform: capitalize;
        font-size: 1.6em;
        transition: all .2s ease;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
        .w12-articles-4__second__items__item__main:hover {
          text-decoration: underline; }
      .w12-articles-4__second__items__item__sub {
        color: #777;
        margin-top: 1em; }

.w12-articles-5 {
  width: 100%;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-5__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
  .w12-articles-5__items {
    width: 19%; }
    .w12-articles-5__items:not(:last-child) {
      margin-right: .5em; }
    @media only screen and (max-width: 56.25em) {
      .w12-articles-5__items {
        width: 32%; } }
    @media only screen and (max-width: 37.5em) {
      .w12-articles-5__items {
        width: 48%; } }
    .w12-articles-5__items__imgbox__img {
      width: 100%; }
    .w12-articles-5__items__info {
      padding: 1em .5em;
      display: flex;
      align-items: center; }
      .w12-articles-5__items__info__text {
        font-weight: 600;
        font-size: 1.4em;
        margin-left: 1em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
        .w12-articles-5__items__info__text:hover {
          text-decoration: underline;
          color: var(--hover-color-w);
          transition: all .2s; }
      .w12-articles-5__items__info__number {
        color: var(--hover-color-w);
        font-size: 2em; }

.w12-articles-6 {
  width: 100%;
  padding: 1em .5em;
  font-weight: 500;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-6__group {
    max-width: 120em;
    margin: 0 auto; }
  .w12-articles-6__heading {
    text-align: center; }
    .w12-articles-6__heading__main {
      font-weight: 600;
      font-size: 4em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
      @media only screen and (max-width: 37.5em) {
        .w12-articles-6__heading__main {
          font-size: 3em; } }
      .w12-articles-6__heading__main::before {
        content: "";
        width: 3em;
        height: .05em;
        background-color: black;
        position: relative;
        display: inline-block;
        left: -.5em;
        top: -.3em; }
        @media only screen and (max-width: 37.5em) {
          .w12-articles-6__heading__main::before {
            width: 1em; } }
      .w12-articles-6__heading__main::after {
        content: "";
        width: 3em;
        height: .05em;
        background-color: black;
        position: relative;
        display: inline-block;
        left: .5em;
        top: -.3em; }
        @media only screen and (max-width: 37.5em) {
          .w12-articles-6__heading__main::after {
            width: 1em; } }
    .w12-articles-6__heading__des {
      text-transform: capitalize;
      color: #777;
      font-size: 1.2em;
      margin-top: 1em; }
  .w12-articles-6__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w12-articles-6__items {
        justify-content: center; } }
    .w12-articles-6__items__item {
      width: 33%;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 37.5em) {
        .w12-articles-6__items__item {
          width: 90%; } }
      @media only screen and (min-width: 37.5em) {
        .w12-articles-6__items__item:first-child, .w12-articles-6__items__item:last-child {
          flex-direction: column-reverse; } }
      .w12-articles-6__items__item__imgbox {
        margin-top: 2em; }
        .w12-articles-6__items__item__imgbox__img {
          width: 100%; }
      .w12-articles-6__items__item__info {
        text-align: center;
        display: flex;
        flex-direction: column;
        margin-top: 2em; }
        .w12-articles-6__items__item__info__cate {
          text-transform: uppercase;
          font-size: 1.4em;
          text-decoration: underline;
          font-weight: 300; }
        .w12-articles-6__items__item__info__text {
          margin-top: .5em;
          font-weight: 600;
          font-size: 2em;
          text-transform: capitalize;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden; }
          .w12-articles-6__items__item__info__text:hover {
            text-decoration: underline;
            color: var(--hover-color-w);
            transition: all .2s; }
        .w12-articles-6__items__item__info__time {
          margin-top: .5em;
          color: #777; }

.w12-articles-7 {
  width: 100%;
  padding: 1em .5em;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-7__group {
    max-width: 120em;
    margin: 0 auto; }
  .w12-articles-7__imgbox {
    margin: 0 auto;
    width: 65%; }
    @media only screen and (max-width: 56.25em) {
      .w12-articles-7__imgbox {
        width: 90%; } }
    .w12-articles-7__imgbox__img {
      width: 100%; }
  .w12-articles-7__info {
    margin-top: 2em;
    text-align: center; }
    .w12-articles-7__info__text {
      font-weight: 600;
      font-size: 3em;
      text-decoration: underline; }
      .w12-articles-7__info__text::after {
        content: "";
        width: 2em;
        height: .05em;
        background-color: black;
        position: relative;
        display: block;
        margin: 1em auto; }
      .w12-articles-7__info__text:hover {
        color: var(--hover-color-w);
        transition: all .2s; }
    .w12-articles-7__info__link {
      display: block;
      color: var(--text-color-w);
      margin-top: 1em; }

.w12-articles-8 {
  width: 100%;
  padding: 1em .5em;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-8__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
  .w12-articles-8__image {
    width: 47%;
    position: relative; }
    @media only screen and (max-width: 37.5em) {
      .w12-articles-8__image {
        width: 100%;
        margin-top: 2em; } }
    .w12-articles-8__image__imgbox {
      margin: 0 auto;
      width: 100%;
      height: 100%; }
      .w12-articles-8__image__imgbox__img {
        width: 100%;
        height: 100%; }
    .w12-articles-8__image__cate {
      position: absolute;
      bottom: 1em;
      display: inline-block;
      left: 1em;
      color: white;
      text-transform: uppercase;
      font-size: 1.6em;
      font-style: italic;
      text-decoration: underline; }
  .w12-articles-8__info {
    margin-top: 2em;
    width: 50%; }
    @media only screen and (max-width: 37.5em) {
      .w12-articles-8__info {
        width: 100%; } }
    .w12-articles-8__info__text {
      font-weight: 600;
      font-size: 3em;
      text-decoration: underline; }
      .w12-articles-8__info__text::after {
        content: "";
        width: 2em;
        height: .05em;
        background-color: black;
        position: relative;
        display: block;
        margin-top: 1em; }
      .w12-articles-8__info__text:hover {
        color: var(--hover-color-w);
        transition: all .2s; }
    .w12-articles-8__info__link {
      display: block;
      text-transform: uppercase;
      color: #777;
      margin-top: 1em;
      text-align: right;
      margin-right: 1em;
      font-size: 1.4em; }

.w12-articles-9 {
  width: 100%;
  padding: 1em .5em;
  font-weight: 500;
  background-color: black;
  color: white;
  color: var(--text-color-w); }
  .w12-articles-9__group {
    max-width: 120em;
    margin: 0 auto; }
  .w12-articles-9__heading {
    text-align: center; }
    .w12-articles-9__heading__main {
      font-weight: 600;
      font-size: 3em; }
      .w12-articles-9__heading__main::before {
        content: "";
        width: 3em;
        height: .05em;
        background-color: white;
        position: relative;
        display: inline-block;
        left: 0;
        top: -.3em; }
        @media only screen and (max-width: 37.5em) {
          .w12-articles-9__heading__main::before {
            width: 1em; } }
      .w12-articles-9__heading__main::after {
        content: "";
        width: 3em;
        height: .05em;
        background-color: white;
        position: relative;
        display: inline-block;
        left: 0;
        top: -.3em; }
        @media only screen and (max-width: 37.5em) {
          .w12-articles-9__heading__main::after {
            width: 1em; } }
  .w12-articles-9__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -1%; }
    @media only screen and (max-width: 37.5em) {
      .w12-articles-9__items {
        justify-content: center; } }
    .w12-articles-9__items__item {
      width: 24%;
      margin-left: 1%;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 37.5em) {
        .w12-articles-9__items__item {
          width: 49%; } }
      .w12-articles-9__items__item__image {
        position: relative; }
        .w12-articles-9__items__item__image__imgbox {
          margin-top: 2em; }
          .w12-articles-9__items__item__image__imgbox__img {
            width: 100%; }
        .w12-articles-9__items__item__image__cate {
          text-transform: uppercase;
          font-size: 1.4em;
          text-decoration: underline;
          font-weight: 300;
          position: absolute;
          bottom: 1em;
          left: 1em;
          font-weight: 600;
          color: white;
          font-style: italic; }
      .w12-articles-9__items__item__info {
        display: flex;
        flex-direction: column;
        margin-top: 1em; }
        .w12-articles-9__items__item__info__text {
          margin-top: .5em;
          font-weight: 600;
          font-size: 2em;
          text-transform: capitalize; }
          .w12-articles-9__items__item__info__text:hover {
            text-decoration: underline;
            color: var(--hover-color-w);
            transition: all .2s; }
        .w12-articles-9__items__item__info__time {
          margin-top: 1em;
          color: #777; }

.w12-articles-10 {
  width: 100%;
  padding: 1em .5em;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-10__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-10__group {
        flex-direction: column; } }
  .w12-articles-10__first {
    width: 48%;
    position: relative; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-10__first {
        width: 100%;
        padding: 1em; } }
    .w12-articles-10__first__imgbox {
      border-radius: 1em;
      width: 100%;
      height: 35em;
      background-size: cover;
      background-position: top center; }
    .w12-articles-10__first__content {
      position: absolute;
      bottom: 2em;
      padding: 2rem; }
      .w12-articles-10__first__content__cate {
        display: flex;
        align-items: center; }
        .w12-articles-10__first__content__cate__info {
          background-color: var(--main-color-w);
          padding: .5em 1em;
          color: white;
          font-size: 1.3em;
          font-weight: 600;
          display: inline-block; }
        .w12-articles-10__first__content__cate__time {
          margin-left: 1em;
          font-size: 1.3em; }
      .w12-articles-10__first__content__main {
        font-size: 3.5em;
        font-weight: 700;
        margin-top: .5em;
        display: block; }
        @media only screen and (min-width: 43.75em) and (max-width: 62.5em) {
          .w12-articles-10__first__content__main {
            font-size: 1.5em; } }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-10__first__content__main {
            font-size: 1.5em; } }
      .w12-articles-10__first__content__sub {
        margin-top: 1em;
        font-size: 1.6em;
        font-weight: 300; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-10__first__content__sub {
            font-size: 1.2em; } }
      .w12-articles-10__first__content:hover .w12-articles-10__first__content__des {
        margin-bottom: 0;
        opacity: 1; }
      .w12-articles-10__first__content__des {
        display: flex;
        align-items: center;
        font-size: 1.2em;
        margin-top: 1em;
        transition: all .2s ease;
        margin-bottom: -3em;
        opacity: 0; }
        .w12-articles-10__first__content__des__view {
          margin-left: 1em; }
        .w12-articles-10__first__content__des__user {
          display: flex;
          align-items: center; }
          .w12-articles-10__first__content__des__user__imgbox {
            width: 2em;
            height: 2em;
            border-radius: 50%; }
            .w12-articles-10__first__content__des__user__imgbox__img {
              width: 100%;
              height: 100%; }
          .w12-articles-10__first__content__des__user__text {
            margin-left: 1em; }
  .w12-articles-10__second {
    width: 50%;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-10__second {
        width: 100%;
        padding: 1em;
        flex-direction: column; } }
    .w12-articles-10__second__imgbox {
      width: 100%;
      height: 100%;
      height: 100%;
      width: 100%;
      height: 35em;
      background-size: cover;
      background-position: top center; }
    .w12-articles-10__second--row {
      width: 48%;
      position: relative; }
      @media only screen and (max-width: 43.75em) {
        .w12-articles-10__second--row {
          border-radius: 1em;
          overflow: hidden;
          background-color: #333;
          margin-top: 1em;
          height: 12em;
          width: 100%; } }
    .w12-articles-10__second__content {
      position: absolute;
      bottom: 2em;
      padding: 2rem;
      z-index: 20; }
      @media only screen and (max-width: 43.75em) {
        .w12-articles-10__second__content {
          left: 0;
          top: 0em;
          padding: 1.5em .5em 0 1em; } }
      .w12-articles-10__second__content__cate {
        display: flex;
        align-items: center; }
        .w12-articles-10__second__content__cate__info {
          background-color: var(--main-color-w);
          padding: .5em 1em;
          color: white;
          font-size: 1.3em;
          font-weight: 600;
          display: inline-block;
          white-space: nowrap; }
          @media only screen and (max-width: 25em) {
            .w12-articles-10__second__content__cate__info {
              font-size: .8em; } }
        .w12-articles-10__second__content__cate__time {
          margin-left: 1em;
          font-size: 1.3em; }
          @media only screen and (max-width: 25em) {
            .w12-articles-10__second__content__cate__time__hour {
              font-size: .8em; } }
      .w12-articles-10__second__content__main {
        font-size: 1.5em;
        font-weight: 700;
        margin-top: .5em;
        display: block; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-10__second__content__main {
            margin-top: 1em;
            font-size: 1.2em; } }
        @media only screen and (max-width: 25em) {
          .w12-articles-10__second__content__main {
            margin-top: 1em;
            font-size: .8em; } }
      .w12-articles-10__second__content:hover .w12-articles-10__second__content__des {
        margin-bottom: 0;
        opacity: 1; }
      .w12-articles-10__second__content__des {
        display: flex;
        align-items: center;
        font-size: 1.2em;
        margin-top: 1em;
        transition: all .2s ease;
        margin-bottom: -3em;
        opacity: 0;
        backface-visibility: hidden; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-10__second__content__des {
            display: none; } }
        .w12-articles-10__second__content__des__view {
          margin-left: 1em; }
        .w12-articles-10__second__content__des__user {
          display: flex;
          align-items: center; }
          .w12-articles-10__second__content__des__user__imgbox {
            width: 2em;
            border-radius: 50%; }
            .w12-articles-10__second__content__des__user__imgbox__img {
              width: 100%; }
          .w12-articles-10__second__content__des__user__text {
            margin-left: 1em; }

.w12-articles-11 {
  width: 100%;
  padding: 1em .5em;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-11__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .w12-articles-11__items {
    display: flex;
    align-items: center;
    width: 48%;
    margin-top: 2em; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-11__items {
        width: 100%;
        margin-top: 2em; } }
    .w12-articles-11__items__image {
      min-width: 40%;
      width: 40%;
      position: relative; }
      @media only screen and (max-width: 37.5em) {
        .w12-articles-11__items__image {
          width: 100%;
          margin-top: 2em; } }
      .w12-articles-11__items__image__imgbox {
        margin: 0 auto;
        width: 100%;
        border-radius: 0.5em; }
        .w12-articles-11__items__image__imgbox__img {
          width: 100%;
          height: 100%; }
    .w12-articles-11__items__info {
      margin-left: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w12-articles-11__items__info {
          width: 100%; } }
      .w12-articles-11__items__info__user {
        display: block;
        margin-top: 1em; }
      .w12-articles-11__items__info__des {
        display: block;
        margin-top: 1em;
        line-height: 1.8em; }
      .w12-articles-11__items__info__text {
        font-weight: 600;
        font-size: 1.6em;
        line-height: 1.8em;
        text-decoration: underline; }
        .w12-articles-11__items__info__text:hover {
          color: var(--hover-color-w);
          transition: all .2s; }
      .w12-articles-11__items__info__link {
        display: block;
        text-transform: uppercase;
        color: #777;
        margin-top: 1em;
        text-align: right;
        margin-right: 1em;
        font-size: 1em; }

.w12-articles-12 {
  background-color: white;
  color: var(--text-color-w);
  width: 100%;
  padding: 1em .5em; }
  .w12-articles-12__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .w12-articles-12__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
    flex-wrap: wrap;
    width: 100%; }
    @media only screen and (max-width: 37.5em) {
      .w12-articles-12__items {
        width: 100%;
        margin-top: 2em; } }
    .w12-articles-12__items__image {
      min-width: 50%;
      width: 50%;
      position: relative; }
      @media only screen and (max-width: 37.5em) {
        .w12-articles-12__items__image {
          width: 100%;
          margin-top: 2em; } }
      .w12-articles-12__items__image__imgbox {
        margin: 0 auto;
        width: 100%;
        border-radius: 5%; }
        .w12-articles-12__items__image__imgbox__img {
          width: 100%;
          height: 100%; }
    .w12-articles-12__items__info {
      margin-left: 2em;
      width: 45%; }
      @media only screen and (max-width: 37.5em) {
        .w12-articles-12__items__info {
          width: 100%;
          margin-top: 2em; } }
      .w12-articles-12__items__info__user {
        display: block;
        margin-top: 2em; }
      .w12-articles-12__items__info__des {
        display: block;
        margin-top: 1em;
        font-size: 1.6em;
        line-height: 1.8em;
        text-align: justify; }
      .w12-articles-12__items__info__text {
        font-weight: 600;
        font-size: 1.6em;
        text-decoration: underline;
        line-height: 1.8em; }
        .w12-articles-12__items__info__text:hover {
          color: var(--hover-color-w);
          transition: all .2s; }
      .w12-articles-12__items__info__link {
        display: block;
        text-transform: uppercase;
        color: #777;
        margin-top: 1em;
        text-align: right;
        margin-right: 1em;
        font-size: 1em; }

.w12-articles-13 {
  width: 100%;
  padding: 1em .5em;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-13__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .w12-articles-13__items {
    width: 31%; }
    @media only screen and (max-width: 56.25em) {
      .w12-articles-13__items {
        width: 49%;
        margin-top: 2em; } }
    @media only screen and (max-width: 37.5em) {
      .w12-articles-13__items {
        width: 100%;
        margin-top: 2em; } }
    .w12-articles-13__items__heading {
      width: 100%;
      display: flex;
      align-items: center; }
      .w12-articles-13__items__heading__cate {
        background-color: var(--main-color-w);
        display: inline-block;
        padding: .5em 1em;
        font-weight: 600;
        text-transform: uppercase; }
      .w12-articles-13__items__heading__link {
        color: darkgray;
        margin-left: auto;
        display: inline-block;
        float: right; }
    .w12-articles-13__items__item {
      margin-top: 2em;
      position: relative; }
      @media only screen and (max-width: 43.75em) {
        .w12-articles-13__items__item {
          width: 100%;
          padding: 1em; } }
      .w12-articles-13__items__item__imgbox {
        border-radius: 1em; }
        .w12-articles-13__items__item__imgbox__img {
          width: 100%; }
      .w12-articles-13__items__item__content {
        position: absolute;
        bottom: 1em;
        padding: 2rem; }
        .w12-articles-13__items__item__content__cate {
          display: flex;
          align-items: center; }
          .w12-articles-13__items__item__content__cate__info {
            background-color: var(--main-color-w);
            padding: .5em 1em;
            color: white;
            font-size: 1.3em;
            font-weight: 600;
            display: inline-block; }
          .w12-articles-13__items__item__content__cate__time {
            margin-left: 1em;
            font-size: 1.3em; }
        .w12-articles-13__items__item__content__main {
          font-size: 1.5em;
          font-weight: 700;
          margin-top: .5em;
          display: block; }
          @media only screen and (max-width: 43.75em) {
            .w12-articles-13__items__item__content__main {
              font-size: 1.5em; } }
        .w12-articles-13__items__item__content__des {
          display: flex;
          align-items: center;
          font-size: 1.2em;
          margin-top: 1em;
          transition: all .2s ease; }
          .w12-articles-13__items__item__content__des__view {
            margin-left: 1em; }
          .w12-articles-13__items__item__content__des__user {
            display: flex;
            align-items: center; }
            .w12-articles-13__items__item__content__des__user__imgbox {
              width: 2em;
              height: 2em; }
              .w12-articles-13__items__item__content__des__user__imgbox__img {
                border-radius: 50%;
                width: 100%;
                height: 100%; }
            .w12-articles-13__items__item__content__des__user__text {
              margin-left: 1em; }
    .w12-articles-13__items__suggest {
      display: block;
      color: black;
      margin-top: 1em; }
      .w12-articles-13__items__suggest__dot {
        width: 1em;
        height: 1em;
        display: inline-block;
        border-radius: .3em;
        background-color: blueviolet; }
      .w12-articles-13__items__suggest__text {
        font-weight: 600;
        font-size: 1.4em;
        margin-left: 1em; }

.w12-articles-14 {
  width: 100%;
  padding: 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w12-articles-14__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-14__group {
        flex-direction: column; } }
  .w12-articles-14__first {
    width: 48%; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-14__first {
        width: 100%;
        padding: 1em; } }
    .w12-articles-14__first__imgbox__img {
      width: 100%;
      border-radius: 1em; }
    .w12-articles-14__first__content {
      bottom: 2em;
      color: black; }
      .w12-articles-14__first__content__cate {
        display: flex;
        align-items: center;
        margin-top: 1em; }
        .w12-articles-14__first__content__cate__info {
          background-color: var(--main-color-w);
          padding: .5em 1em;
          color: white;
          border-radius: 1em;
          font-size: 1.3em;
          font-weight: 600;
          display: inline-block; }
        .w12-articles-14__first__content__cate__time {
          margin-left: 1em;
          font-size: 1.3em; }
      .w12-articles-14__first__content__main {
        font-size: 3.5em;
        font-weight: 700;
        margin-top: .5em;
        display: block; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-14__first__content__main {
            font-size: 1.5em; } }
      .w12-articles-14__first__content__sub {
        margin-top: 1em;
        font-size: 1.6em;
        font-weight: 300;
        line-height: 1.8em; }
        @media only screen and (max-width: 43.75em) {
          .w12-articles-14__first__content__sub {
            font-size: 1.2em; } }
      .w12-articles-14__first__content__des {
        display: flex;
        align-items: center;
        font-size: 1.2em;
        margin-top: 1em;
        transition: all .2s ease; }
        .w12-articles-14__first__content__des__view {
          margin-left: 1em; }
          .w12-articles-14__first__content__des__view:last-child {
            margin-left: auto;
            float: right; }
        .w12-articles-14__first__content__des__user {
          display: flex;
          align-items: center; }
          .w12-articles-14__first__content__des__user__imgbox {
            width: 2em;
            border-radius: 50%; }
            .w12-articles-14__first__content__des__user__imgbox__img {
              width: 100%; }
          .w12-articles-14__first__content__des__user__text {
            margin-left: 1em; }
    .w12-articles-14__first--row {
      position: relative; }
  .w12-articles-14__second {
    width: 50%; }
    @media only screen and (max-width: 43.75em) {
      .w12-articles-14__second {
        width: 100%;
        margin-top: 2em; } }
    .w12-articles-14__second__items__item {
      color: black;
      display: flex;
      align-items: center; }
      .w12-articles-14__second__items__item:not(:first-child) {
        margin-top: 2em; }
      .w12-articles-14__second__items__item__imgbox {
        min-width: 15em;
        width: 15em; }
        .w12-articles-14__second__items__item__imgbox__img {
          width: 100%;
          height: 100%; }
      .w12-articles-14__second__items__item__info {
        margin-left: 1em; }
        .w12-articles-14__second__items__item__info__main {
          font-weight: 700;
          text-transform: capitalize;
          font-size: 2em;
          transition: all .2s ease; }
          .w12-articles-14__second__items__item__info__main:hover {
            text-decoration: underline; }
        .w12-articles-14__second__items__item__info__des {
          margin-top: 1em;
          font-weight: 300;
          font-size: 1.3em;
          line-height: 1.8em;
          text-align: justify; }

.w13-ctaregister {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white; }
  .w13-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 10em;
    padding: 2em; }
    @media only screen and (max-width: 50em) {
      .w13-ctaregister__group {
        flex-direction: column; } }
  .w13-ctaregister__icon {
    font-size: 15em;
    color: red;
    background: -webkit-linear-gradient(#00fff2, #0091aa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: rotate(-15deg); }
  .w13-ctaregister__items {
    margin-left: 2em; }
    @media only screen and (max-width: 50em) {
      .w13-ctaregister__items {
        margin-left: 0;
        margin-top: 2em; } }
    .w13-ctaregister__items__title {
      font-weight: 700;
      font-size: 2em;
      line-height: 1.6em;
      text-align: center;
      margin-bottom: 1em; }
    .w13-ctaregister__items__form {
      margin-top: 1em;
      display: flex; }
      .w13-ctaregister__items__form__input {
        margin-left: 1em;
        width: 30%;
        padding: 1em;
        border-radius: 2em;
        border: 0.1em solid #0091aa;
        outline: none;
        font-size: 1.5em; }
    .w13-ctaregister__items__info {
      display: flex;
      justify-content: center;
      margin-top: 1em; }
      .w13-ctaregister__items__info__text {
        margin-left: 1em;
        font-weight: 300;
        text-decoration: underline; }
        .w13-ctaregister__items__info__text:not(:first-child) {
          margin-left: 0; }
    .w13-ctaregister__items__button {
      padding: 1em;
      font-size: 1.2em;
      margin-right: 1em;
      background-size: 200% auto;
      transition: all .5s;
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-weight: 800;
      border-radius: 2.5em;
      animation: buttonMoveBg ease .7s infinite .7s alternate;
      line-height: 1.6em;
      border: none; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister__items__button {
          margin-right: 0;
          margin-top: 2em; } }

.w13-ctaregister-1 {
  font-weight: 500;
  width: 100%;
  padding: 2 .5em;
  background-color: white; }
  .w13-ctaregister-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 10em;
    padding: 2em; }
    @media only screen and (max-width: 50em) {
      .w13-ctaregister-1__group {
        flex-direction: column; } }
  .w13-ctaregister-1__icon {
    font-size: 15em;
    color: red;
    background: -webkit-linear-gradient(#00fff2, #0091aa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: rotate(-15deg); }
  .w13-ctaregister-1__items {
    margin-left: 2em; }
    @media only screen and (max-width: 50em) {
      .w13-ctaregister-1__items {
        margin-left: 0;
        margin-top: 2em; } }
    .w13-ctaregister-1__items__title {
      font-weight: 700;
      font-size: 2em;
      line-height: 1.2;
      text-align: center; }
    .w13-ctaregister-1__items__form {
      margin-top: 1em;
      display: flex; }
      .w13-ctaregister-1__items__form__input {
        margin-left: 1em;
        width: 49%;
        padding: 1em;
        border-radius: 2em;
        border: 0.1em solid #0091aa;
        outline: none;
        font-size: 1.5em;
        background-color: white; }
    .w13-ctaregister-1__items__button {
      padding: 1em;
      font-size: 1.2em;
      margin-right: 1em;
      background-size: 200% auto;
      transition: all .5s;
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-weight: 800;
      border-radius: 2.5em;
      animation: buttonMoveBg ease .7s infinite .7s alternate;
      line-height: 1.6em;
      border: none; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-1__items__button {
          margin-right: 0;
          margin-top: 2em; } }

.w13-ctaregister-2 {
  font-weight: 500;
  width: 100%;
  padding: 2 .5em;
  background-color: white; }
  .w13-ctaregister-2__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 10em;
    padding: 2em; }
    @media only screen and (max-width: 50em) {
      .w13-ctaregister-2__group {
        flex-direction: column; } }
  .w13-ctaregister-2__items {
    display: flex;
    width: 80%;
    align-items: center; }
    @media only screen and (max-width: 50em) {
      .w13-ctaregister-2__items {
        margin-left: 0;
        margin-top: 2em;
        flex-direction: column; } }
    .w13-ctaregister-2__items__title {
      width: 58%;
      font-weight: 700;
      font-size: 1.6em;
      line-height: 1.6em;
      text-align: center; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-2__items__title {
          width: 100%; } }
    .w13-ctaregister-2__items__form {
      width: 40%;
      display: flex;
      margin-left: auto;
      justify-content: center; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-2__items__form {
          width: 100%;
          margin-top: 2em; } }
      .w13-ctaregister-2__items__form__input {
        margin-left: 1em;
        width: 49%;
        height: 3em;
        padding: 1em;
        border-radius: 2em;
        border: 0.1em solid #0091aa;
        outline: none;
        font-size: 1.5em;
        background-color: white; }
    .w13-ctaregister-2__items__button {
      padding: 1em;
      font-size: 1.2em;
      margin-right: 1em;
      margin-left: 2em;
      background-size: 200% auto;
      transition: all .5s;
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-weight: 800;
      border-radius: 2.5em;
      border: none;
      animation: buttonMoveBg ease .7s infinite .7s alternate;
      line-height: 1.6em; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-2__items__button {
          margin-right: 0;
          margin-top: 2em; } }

.w13-ctaregister-3 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white; }
  .w13-ctaregister-3__group {
    max-width: 120em;
    margin: 0 auto; }
  .w13-ctaregister-3__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    line-height: 1.7em; }
  .w13-ctaregister-3__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w13-ctaregister-3__items__contact {
      width: 48%;
      text-align: center; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-3__items__contact {
          width: 100%; } }
      .w13-ctaregister-3__items__contact__form__input {
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border: .15em solid #eee;
        border-radius: .8em;
        background-color: white; }
        .w13-ctaregister-3__items__contact__form__input__text {
          outline: none;
          border: none;
          width: 97%;
          display: inline-block;
          font-size: 1.5em; }
        .w13-ctaregister-3__items__contact__form__input__icon {
          color: red; }
      .w13-ctaregister-3__items__contact__form__text {
        height: 3em;
        outline: none;
        width: 100%;
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border-radius: .5em;
        border: .15em solid #eee;
        font-size: 1.5em; }
      .w13-ctaregister-3__items__contact__form__des {
        color: red;
        font-weight: 300;
        font-size: 1em;
        margin-top: 1em;
        display: block; }
      .w13-ctaregister-3__items__contact__button {
        padding: 1em 2em;
        display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 1.6em;
        margin: 0 auto;
        background-size: 200% auto;
        border-radius: 2em;
        margin-top: 1em;
        border: none;
        animation: buttonMoveBg .5s infinite alternate-reverse; }
      .w13-ctaregister-3__items__contact__info {
        line-height: 1.6em;
        display: block;
        margin-top: 2em; }
    .w13-ctaregister-3__items__imgbox {
      max-height: 25em;
      width: 50%;
      height: auto;
      display: block;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-3__items__imgbox {
          width: 100%;
          min-height: 25em;
          margin-top: 1em; } }

.w13-ctaregister-4 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .w13-ctaregister-4__group {
    max-width: 120em;
    margin: 0 auto; }
  .w13-ctaregister-4__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: .3em;
    color: #183059;
    line-height: 1.7em; }
  .w13-ctaregister-4__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w13-ctaregister-4__items__contact {
      width: 48%;
      text-align: center; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-4__items__contact {
          width: 100%; } }
      .w13-ctaregister-4__items__contact__form__input {
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border: .15em solid #eee;
        border-radius: .8em;
        background-color: white; }
        .w13-ctaregister-4__items__contact__form__input__text {
          outline: none;
          border: none;
          width: 97%;
          display: inline-block;
          font-size: 1.5em; }
        .w13-ctaregister-4__items__contact__form__input__icon {
          color: red; }
      .w13-ctaregister-4__items__contact__form__text {
        height: 3em;
        outline: none;
        width: 100%;
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border-radius: .5em;
        border: .15em solid #eee;
        font-size: 1.5em; }
      .w13-ctaregister-4__items__contact__form__des {
        color: red;
        font-weight: 300;
        font-size: 1em;
        margin-top: 1em;
        display: block; }
      .w13-ctaregister-4__items__contact__button {
        padding: 1em 2em;
        display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 1.6em;
        margin: 0 auto;
        background-size: 200% auto;
        border-radius: 2em;
        border: none;
        cursor: pointer;
        margin-top: 1em;
        animation: buttonMoveBg .5s infinite alternate-reverse; }
      .w13-ctaregister-4__items__contact__info {
        line-height: 1.6em;
        display: block;
        margin-top: 2em; }
    .w13-ctaregister-4__items__imgbox {
      width: 50%;
      height: auto;
      display: block;
      overflow: hidden; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-4__items__imgbox {
          width: 100%; } }
      @media only screen and (max-width: 43.75em) {
        .w13-ctaregister-4__items__imgbox {
          width: 100%;
          height: 40em; } }
      @media only screen and (max-width: 37.5em) {
        .w13-ctaregister-4__items__imgbox {
          width: 100%;
          height: 35em; } }
      @media only screen and (max-width: 25em) {
        .w13-ctaregister-4__items__imgbox {
          width: 100%;
          height: 25em; } }

.w13-ctaregister-5 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white; }
  .w13-ctaregister-5__group {
    max-width: 60em;
    margin: 0 auto;
    text-align: center;
    border: .1em solid #eee;
    padding: 2em;
    box-shadow: .3em .3em .3em #eee;
    border-radius: 2em; }
  .w13-ctaregister-5__heading {
    font-weight: 700;
    text-align: center;
    font-size: 2em;
    text-transform: capitalize;
    line-height: 1.7em; }
  .w13-ctaregister-5__items {
    justify-content: space-between; }
    .w13-ctaregister-5__items__form {
      display: block;
      margin-top: 2em; }
      .w13-ctaregister-5__items__form__input {
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border: .15em solid #eee;
        border-radius: .8em;
        background-color: white; }
        .w13-ctaregister-5__items__form__input__text {
          outline: none;
          border: none;
          width: 97%;
          display: inline-block;
          font-size: 1.5em; }
        .w13-ctaregister-5__items__form__input__icon {
          color: red; }
      .w13-ctaregister-5__items__form__text {
        height: 3em;
        outline: none;
        width: 100%;
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border-radius: .5em;
        border: .15em solid #eee;
        font-size: 1.5em; }
      .w13-ctaregister-5__items__form__des {
        color: red;
        font-weight: 300;
        font-size: 1em;
        margin-top: 1em;
        display: block; }
    .w13-ctaregister-5__items__button {
      padding: 1em 2em;
      display: inline-block;
      font-weight: 700;
      color: white;
      font-size: 1.6em;
      margin: 0 auto;
      background-size: 200% auto;
      border-radius: 2em;
      border: none;
      margin-top: 1em;
      animation: buttonMoveBg .5s infinite alternate-reverse; }

.w13-ctaregister-6 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white; }
  .w13-ctaregister-6__group {
    max-width: 60em;
    margin: 0 auto;
    text-align: center;
    border: .1em solid #eee;
    box-shadow: .3em .3em .3em #eee; }
  .w13-ctaregister-6__heading {
    font-weight: 700;
    text-align: center;
    font-size: 2em;
    text-transform: capitalize;
    background-color: orangered;
    padding: 1em;
    text-transform: uppercase;
    color: white;
    line-height: 1.7em; }
  .w13-ctaregister-6__items {
    justify-content: space-between; }
    .w13-ctaregister-6__items__form {
      display: block;
      margin-top: 1em;
      padding: 1em; }
      .w13-ctaregister-6__items__form__input {
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border: .15em solid #eee;
        border-radius: .8em;
        background-color: white; }
        .w13-ctaregister-6__items__form__input__text {
          outline: none;
          border: none;
          width: 97%;
          display: inline-block;
          font-size: 1.5em; }
        .w13-ctaregister-6__items__form__input__icon {
          color: red; }
      .w13-ctaregister-6__items__form__text {
        height: 3em;
        outline: none;
        width: 100%;
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border-radius: .5em;
        border: .15em solid #eee;
        font-size: 1.5em; }
      .w13-ctaregister-6__items__form__des {
        color: red;
        font-weight: 300;
        font-size: 1em;
        margin-top: 1em;
        display: block; }
    .w13-ctaregister-6__items__button {
      padding: 1em 2em;
      display: inline-block;
      font-weight: 700;
      color: white;
      font-size: 1.6em;
      margin: 0 auto;
      background-size: 200% auto;
      margin-top: 1em;
      margin-bottom: 1em;
      border: none;
      animation: buttonMoveBg .5s infinite alternate-reverse; }

.w13-ctaregister-7 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white; }
  .w13-ctaregister-7__group {
    max-width: 60em;
    margin: 0 auto;
    text-align: center;
    border: .1em solid #eee;
    padding: 2em;
    box-shadow: .3em .3em .3em #eee;
    border-radius: 2em; }
  .w13-ctaregister-7__heading {
    font-weight: 700;
    text-align: center;
    font-size: 2em;
    line-height: 1.7em;
    text-transform: capitalize; }
  .w13-ctaregister-7__items {
    justify-content: space-between; }
    .w13-ctaregister-7__items__form {
      display: block;
      margin-top: 2em; }
      .w13-ctaregister-7__items__form__input {
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border: .15em solid #eee;
        border-radius: .8em;
        background-color: white; }
        .w13-ctaregister-7__items__form__input__text {
          outline: none;
          border: none;
          width: 97%;
          display: inline-block;
          font-size: 1.5em; }
        .w13-ctaregister-7__items__form__input__icon {
          color: red; }
      .w13-ctaregister-7__items__form__select {
        padding: 1em;
        width: 100%;
        border-radius: .5em;
        margin-top: 1em;
        border: .15em solid #eee;
        font-size: 1.5em; }
      .w13-ctaregister-7__items__form__text {
        height: 3em;
        outline: none;
        width: 100%;
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border-radius: .5em;
        border: .15em solid #eee;
        font-size: 1.5em; }
      .w13-ctaregister-7__items__form__des {
        color: red;
        font-weight: 300;
        font-size: 1em;
        margin-top: 1em;
        display: block;
        font-size: 1.5em; }
    .w13-ctaregister-7__items__button {
      padding: 1em 2em;
      display: inline-block;
      font-weight: 700;
      color: white;
      font-size: 1.6em;
      margin: 0 auto;
      background-size: 200% auto;
      border-radius: 2em;
      border: none;
      margin-top: 1em;
      border: none;
      animation: buttonMoveBg .5s infinite alternate-reverse; }

.w13-ctaregister-8 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white; }
  .w13-ctaregister-8__group {
    max-width: 120em;
    margin: 0 auto; }
  .w13-ctaregister-8__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    line-height: 1.7em; }
  .w13-ctaregister-8__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w13-ctaregister-8__items__contact {
      width: 48%;
      text-align: center; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-8__items__contact {
          width: 100%;
          margin-top: 1em; } }
      .w13-ctaregister-8__items__contact__form__input {
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border: .15em solid #eee;
        border-radius: .8em;
        background-color: white; }
        .w13-ctaregister-8__items__contact__form__input__text {
          outline: none;
          border: none;
          width: 97%;
          display: inline-block;
          font-size: 1.5em; }
        .w13-ctaregister-8__items__contact__form__input__icon {
          color: red; }
      .w13-ctaregister-8__items__contact__form__text {
        height: 3em;
        outline: none;
        width: 100%;
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border-radius: .5em;
        border: .15em solid #eee;
        font-size: 1.5em; }
      .w13-ctaregister-8__items__contact__form__des {
        color: red;
        font-weight: 300;
        font-size: 1em;
        margin-top: 1em;
        display: block; }
      .w13-ctaregister-8__items__contact__button {
        padding: 1em 2em;
        display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 1.6em;
        margin: 0 auto;
        background-size: 200% auto;
        border-radius: 2em;
        border: none;
        margin-top: 1em;
        animation: buttonMoveBg .5s infinite alternate-reverse; }
      .w13-ctaregister-8__items__contact__info {
        line-height: 1.6em;
        display: block;
        margin-top: 2em; }
    .w13-ctaregister-8__items__time {
      width: 50%; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-8__items__time {
          width: 100%; } }
      .w13-ctaregister-8__items__time__text {
        font-size: 3em;
        font-weight: 700;
        text-align: center;
        color: #EF2F3C;
        margin-bottom: 2em;
        display: block;
        text-transform: uppercase; }
      .w13-ctaregister-8__items__time__count {
        display: flex;
        align-items: center; }
        .w13-ctaregister-8__items__time__count__dot {
          font-size: 4em;
          margin-top: .5em; }
        .w13-ctaregister-8__items__time__count__item {
          width: 25%;
          text-align: center; }
          .w13-ctaregister-8__items__time__count__item__date {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 2em; }
          .w13-ctaregister-8__items__time__count__item__number {
            margin-top: .3em;
            background-color: red;
            display: inline-block;
            font-size: 4em;
            color: white;
            padding: .3em;
            border-radius: .1em; }

.w13-ctaregister-9 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white; }
  .w13-ctaregister-9__group {
    max-width: 120em;
    margin: 0 auto; }
  .w13-ctaregister-9__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    line-height: 1.7em; }
  .w13-ctaregister-9__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w13-ctaregister-9__items__contact {
      width: 45%;
      text-align: center; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-9__items__contact {
          width: 100%;
          margin-top: 1em; } }
      .w13-ctaregister-9__items__contact__form__input {
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border: .15em solid #eee;
        border-radius: .8em;
        background-color: white; }
        .w13-ctaregister-9__items__contact__form__input__text {
          outline: none;
          border: none;
          width: 97%;
          display: inline-block;
          font-size: 1.5em; }
        .w13-ctaregister-9__items__contact__form__input__icon {
          color: red; }
      .w13-ctaregister-9__items__contact__form__text {
        height: 3em;
        outline: none;
        width: 100%;
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border-radius: .5em;
        border: .15em solid #eee;
        font-size: 1.5em; }
      .w13-ctaregister-9__items__contact__form__des {
        color: red;
        font-weight: 300;
        font-size: 1em;
        margin-top: 1em;
        display: block; }
      .w13-ctaregister-9__items__contact__button {
        padding: 1em 2em;
        display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 1.6em;
        margin: 0 auto;
        background-size: 200% auto;
        border-radius: 2em;
        border: none;
        margin-top: 1em;
        animation: buttonMoveBg .5s infinite alternate-reverse; }
      .w13-ctaregister-9__items__contact__info {
        line-height: 1.6em;
        display: block;
        margin-top: 2em; }
    .w13-ctaregister-9__items__time {
      width: 50%; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-9__items__time {
          width: 100%; } }
      .w13-ctaregister-9__items__time__text {
        font-size: 3em;
        font-weight: 700;
        text-align: center;
        color: #EF2F3C;
        margin-bottom: 2em;
        display: block;
        text-transform: uppercase; }
      .w13-ctaregister-9__items__time__count {
        display: flex;
        align-items: center; }
        .w13-ctaregister-9__items__time__count__dot {
          font-size: 4em;
          margin-top: .8em; }
        .w13-ctaregister-9__items__time__count__item {
          width: 25%;
          text-align: center; }
          .w13-ctaregister-9__items__time__count__item__date {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 2em; }
          .w13-ctaregister-9__items__time__count__item__number {
            margin-top: .3em;
            border: .02em solid red;
            border-radius: 50%;
            display: inline-block;
            font-size: 5em;
            height: 2em;
            line-height: 1.9em;
            width: 2em; }
            @media only screen and (max-width: 62.5em) {
              .w13-ctaregister-9__items__time__count__item__number {
                font-size: 4.5em; } }
            @media only screen and (max-width: 37.5em) {
              .w13-ctaregister-9__items__time__count__item__number {
                font-size: 3.5em; } }

.w13-ctaregister-10 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  text-transform: uppercase;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .w13-ctaregister-10__group {
    max-width: 120em;
    margin: 0 auto; }
  .w13-ctaregister-10__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1em;
    padding: .2em;
    line-height: 1.7em; }
  .w13-ctaregister-10__items {
    margin-top: 6em;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w13-ctaregister-10__items__contact {
      width: 48%;
      text-align: center; }
      @media only screen and (max-width: 62.5em) {
        .w13-ctaregister-10__items__contact {
          width: 100%;
          margin-top: 1em; } }
      .w13-ctaregister-10__items__contact__form__input {
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border: .15em solid #eee;
        border-radius: .8em;
        background-color: white; }
        .w13-ctaregister-10__items__contact__form__input__text {
          outline: none;
          border: none;
          width: 97%;
          display: inline-block;
          font-size: 1.5em; }
        .w13-ctaregister-10__items__contact__form__input__icon {
          color: red; }
      .w13-ctaregister-10__items__contact__form__text {
        height: 3em;
        outline: none;
        width: 100%;
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border-radius: .5em;
        border: .15em solid #eee;
        font-size: 1.5em; }
      .w13-ctaregister-10__items__contact__form__des {
        color: red;
        font-weight: 300;
        font-size: 1em;
        margin-top: 1em;
        display: block; }
      .w13-ctaregister-10__items__contact__button {
        padding: 1em 2em;
        display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 1.6em;
        margin: 0 auto;
        background-size: 200% auto;
        border-radius: 2em;
        border: none;
        margin-top: 1em;
        animation: buttonMoveBg .5s infinite alternate-reverse; }
      .w13-ctaregister-10__items__contact__info {
        line-height: 1.6em;
        display: block;
        margin-top: 2em; }
    .w13-ctaregister-10__items__time {
      width: 50%; }
      @media only screen and (max-width: 62.5em) {
        .w13-ctaregister-10__items__time {
          width: 100%; } }
      .w13-ctaregister-10__items__time__text {
        font-size: 3em;
        font-weight: 700;
        text-align: center;
        color: white;
        padding: .5em;
        margin-bottom: 2em;
        display: block;
        text-transform: uppercase;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      .w13-ctaregister-10__items__time__count {
        display: flex;
        align-items: center; }
        .w13-ctaregister-10__items__time__count__dot {
          font-size: 4em;
          margin: 0 .5em 0 .5em; }
          @media only screen and (max-width: 37.5em) {
            .w13-ctaregister-10__items__time__count__dot {
              margin: 0 .2em 0 .2em; } }
        .w13-ctaregister-10__items__time__count__item {
          width: 25%;
          text-align: center;
          color: #183059;
          padding: 1em;
          border-radius: .5em; }
          .w13-ctaregister-10__items__time__count__item-d {
            background-color: #EF2F3C;
            color: white; }
          .w13-ctaregister-10__items__time__count__item-h {
            background-color: #F6F4F3; }
          .w13-ctaregister-10__items__time__count__item-m {
            background-color: #276FBF;
            color: white; }
          .w13-ctaregister-10__items__time__count__item-s {
            background-color: #F0A202; }
          .w13-ctaregister-10__items__time__count__item__date {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 1em; }
          .w13-ctaregister-10__items__time__count__item__number {
            display: inline-block;
            font-size: 5em; }
            @media only screen and (max-width: 68.75em) {
              .w13-ctaregister-10__items__time__count__item__number {
                font-size: 4.5em; } }
            @media only screen and (max-width: 62.5em) {
              .w13-ctaregister-10__items__time__count__item__number {
                font-size: 4em; } }
            @media only screen and (max-width: 37.5em) {
              .w13-ctaregister-10__items__time__count__item__number {
                font-size: 3.5em; } }

.w13-ctaregister-11 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: .3em; }
  .w13-ctaregister-11__group {
    max-width: 120em;
    margin: 0 auto; }
  .w13-ctaregister-11__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    color: #EF2F3C;
    line-height: 1.7em;
    padding: 1em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: .3em; }
  .w13-ctaregister-11__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w13-ctaregister-11__items__contact {
      width: 48%;
      text-align: center; }
      @media only screen and (max-width: 62.5em) {
        .w13-ctaregister-11__items__contact {
          width: 100%;
          margin-top: 1em; } }
      .w13-ctaregister-11__items__contact__form__input {
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border: .15em solid #eee;
        border-radius: .8em;
        background-color: white; }
        .w13-ctaregister-11__items__contact__form__input__text {
          outline: none;
          border: none;
          width: 97%;
          display: inline-block;
          font-size: 1.5em; }
        .w13-ctaregister-11__items__contact__form__input__icon {
          color: red; }
      .w13-ctaregister-11__items__contact__form__text {
        height: 3em;
        outline: none;
        width: 100%;
        margin-top: 1em;
        display: block;
        padding: 1.2em;
        border-radius: .5em;
        border: .15em solid #eee;
        font-size: 1.5em; }
      .w13-ctaregister-11__items__contact__form__des {
        color: red;
        font-weight: 300;
        font-size: 1em;
        margin-top: 1em;
        display: block; }
      .w13-ctaregister-11__items__contact__button {
        padding: 1em 2em;
        display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 1.6em;
        margin: 0 auto;
        background-size: 200% auto;
        border-radius: 2em;
        border: none;
        margin-top: 1em;
        animation: buttonMoveBg .5s infinite alternate-reverse; }
      .w13-ctaregister-11__items__contact__info {
        line-height: 1.6em;
        display: block;
        margin-top: 2em; }
    .w13-ctaregister-11__items__time {
      width: 50%; }
      @media only screen and (max-width: 62.5em) {
        .w13-ctaregister-11__items__time {
          width: 100%; } }
      .w13-ctaregister-11__items__time__text {
        font-size: 3em;
        font-weight: 700;
        text-align: center;
        color: #EF2F3C;
        margin-bottom: 2em;
        display: block;
        text-transform: uppercase;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        color: white;
        padding: .3em; }
      .w13-ctaregister-11__items__time__count {
        display: flex;
        align-items: center; }
        .w13-ctaregister-11__items__time__count__dot {
          font-size: 4em;
          margin: 0 .5em 0 .5em; }
          @media only screen and (max-width: 37.5em) {
            .w13-ctaregister-11__items__time__count__dot {
              margin: 0 .2em 0 .2em; } }
        .w13-ctaregister-11__items__time__count__item {
          width: 25%;
          text-align: center;
          color: #183059;
          padding: 1em;
          border-radius: .5em; }
          .w13-ctaregister-11__items__time__count__item-d {
            background-color: #EF2F3C;
            color: white; }
          .w13-ctaregister-11__items__time__count__item-h {
            background-color: #F6F4F3; }
          .w13-ctaregister-11__items__time__count__item-m {
            background-color: #276FBF;
            color: white; }
          .w13-ctaregister-11__items__time__count__item-s {
            background-color: #F0A202; }
          .w13-ctaregister-11__items__time__count__item__date {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 1em; }
          .w13-ctaregister-11__items__time__count__item__number {
            display: inline-block;
            font-size: 5em; }
            @media only screen and (max-width: 68.75em) {
              .w13-ctaregister-11__items__time__count__item__number {
                font-size: 4.5em; } }
            @media only screen and (max-width: 62.5em) {
              .w13-ctaregister-11__items__time__count__item__number {
                font-size: 4em; } }
            @media only screen and (max-width: 37.5em) {
              .w13-ctaregister-11__items__time__count__item__number {
                font-size: 3.5em; } }

.w13-ctaregister-12 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-size: cover;
  background-position: center;
  font-weight: 600; }
  .w13-ctaregister-12__group {
    max-width: 120em;
    margin: 0 auto; }
  .w13-ctaregister-12__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    color: white;
    line-height: 1.7em; }
  .w13-ctaregister-12__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w13-ctaregister-12__items__contact {
      width: 48%;
      text-align: center; }
      @media only screen and (max-width: 62.5em) {
        .w13-ctaregister-12__items__contact {
          width: 100%;
          margin-top: 1em; } }
      .w13-ctaregister-12__items__contact__button {
        padding: 1em 2em;
        display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 1.6em;
        margin: 0 auto;
        background-size: 200% auto;
        border-radius: 2em;
        border: none;
        margin-top: 1em;
        animation: buttonMoveBg .5s infinite alternate-reverse; }
      .w13-ctaregister-12__items__contact__area {
        text-align: left; }
        .w13-ctaregister-12__items__contact__area__title {
          text-align: center;
          font-weight: 700;
          font-size: 3.5em;
          text-transform: uppercase;
          background-size: cover;
          background-position: center;
          color: white; }
        .w13-ctaregister-12__items__contact__area__item {
          text-align: justify;
          line-height: 2em;
          margin-top: 1em;
          font-size: 2em;
          display: flex;
          align-items: center; }
          .w13-ctaregister-12__items__contact__area__item__icon {
            margin-right: .5em; }
        .w13-ctaregister-12__items__contact__area__price {
          font-size: 2em; }
          .w13-ctaregister-12__items__contact__area__price__main {
            font-size: 2.5em; }
          .w13-ctaregister-12__items__contact__area__price__sub {
            font-size: 2.5em;
            font-weight: 600;
            color: #EF2F3C; }
    .w13-ctaregister-12__items__time {
      width: 50%; }
      @media only screen and (max-width: 62.5em) {
        .w13-ctaregister-12__items__time {
          width: 100%; } }
      .w13-ctaregister-12__items__time__text {
        font-size: 3em;
        font-weight: 700;
        text-align: center;
        color: #EF2F3C;
        margin-bottom: 2em;
        display: block;
        text-transform: uppercase;
        padding: 1em;
        background-color: white;
        border-radius: 2em; }
      .w13-ctaregister-12__items__time__count {
        display: flex;
        align-items: center; }
        .w13-ctaregister-12__items__time__count__dot {
          font-size: 4em;
          margin: 0 .5em 0 .5em; }
          @media only screen and (max-width: 37.5em) {
            .w13-ctaregister-12__items__time__count__dot {
              margin: 0 .2em 0 .2em; } }
        .w13-ctaregister-12__items__time__count__item {
          width: 25%;
          text-align: center;
          color: #183059;
          padding: 1em;
          border-radius: .5em; }
          .w13-ctaregister-12__items__time__count__item-d {
            background-color: #EF2F3C;
            color: white; }
          .w13-ctaregister-12__items__time__count__item-h {
            background-color: #F6F4F3; }
          .w13-ctaregister-12__items__time__count__item-m {
            background-color: #276FBF;
            color: white; }
          .w13-ctaregister-12__items__time__count__item-s {
            background-color: #F0A202; }
          .w13-ctaregister-12__items__time__count__item__date {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 1em; }
          .w13-ctaregister-12__items__time__count__item__number {
            display: inline-block;
            font-size: 5em; }
            @media only screen and (max-width: 68.75em) {
              .w13-ctaregister-12__items__time__count__item__number {
                font-size: 4.5em; } }
            @media only screen and (max-width: 62.5em) {
              .w13-ctaregister-12__items__time__count__item__number {
                font-size: 4em; } }
            @media only screen and (max-width: 37.5em) {
              .w13-ctaregister-12__items__time__count__item__number {
                font-size: 3.5em; } }

.w13-ctaregister-13 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-size: cover;
  background-position: center;
  font-weight: 600; }
  .w13-ctaregister-13__group {
    max-width: 120em;
    margin: 0 auto;
    color: white; }
  .w13-ctaregister-13__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    border-radius: 2em;
    padding: .5em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    line-height: 1.7em; }
  .w13-ctaregister-13__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w13-ctaregister-13__items__contact {
      width: 48%;
      text-align: center; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-13__items__contact {
          width: 100%;
          margin-top: 1em; } }
      .w13-ctaregister-13__items__contact__button {
        padding: 1em 2em;
        display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 1.6em;
        margin: 0 auto;
        background-size: 200% auto;
        border-radius: 2em;
        border: none;
        margin-top: 1em;
        animation: buttonMoveBg .5s infinite alternate-reverse; }
      .w13-ctaregister-13__items__contact__area {
        text-align: left; }
        .w13-ctaregister-13__items__contact__area__title {
          text-align: center;
          font-weight: 700;
          font-size: 3.5em;
          text-transform: uppercase;
          background-size: cover;
          background-position: center;
          color: white; }
        .w13-ctaregister-13__items__contact__area__item {
          text-align: justify;
          line-height: 2em;
          margin-top: 1em;
          font-size: 2em;
          display: flex;
          align-items: center; }
          .w13-ctaregister-13__items__contact__area__item__icon {
            margin-right: .5em; }
        .w13-ctaregister-13__items__contact__area__price {
          font-size: 2em; }
          .w13-ctaregister-13__items__contact__area__price__main {
            font-size: 2.5em; }
          .w13-ctaregister-13__items__contact__area__price__sub {
            font-size: 2.5em;
            font-weight: 600;
            color: #EF2F3C; }
    .w13-ctaregister-13__items__time {
      width: 50%; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-13__items__time {
          width: 100%; } }
      .w13-ctaregister-13__items__time__text {
        font-size: 3em;
        font-weight: 700;
        text-align: center;
        color: #EF2F3C;
        padding: 1em;
        margin-bottom: 2em;
        display: block;
        text-transform: uppercase;
        background-color: white;
        border-radius: 3em; }
      .w13-ctaregister-13__items__time__count {
        display: flex;
        align-items: center; }
        .w13-ctaregister-13__items__time__count__dot {
          font-size: 4em;
          margin-top: .5em; }
        .w13-ctaregister-13__items__time__count__item {
          width: 25%;
          text-align: center; }
          .w13-ctaregister-13__items__time__count__item__date {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 2em; }
          .w13-ctaregister-13__items__time__count__item__number {
            margin-top: .3em;
            background-color: red;
            display: inline-block;
            font-size: 4em;
            color: white;
            padding: .3em;
            border-radius: .1em; }

.w13-ctaregister-14 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .w13-ctaregister-14__group {
    max-width: 120em;
    margin: 0 auto; }
  .w13-ctaregister-14__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #183059;
    background-repeat: no-repeat;
    padding: .5em;
    line-height: 1.7em; }
  .w13-ctaregister-14__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w13-ctaregister-14__items__contact {
      width: 48%;
      text-align: center; }
      @media only screen and (max-width: 62.5em) {
        .w13-ctaregister-14__items__contact {
          width: 100%;
          margin-top: 1em; } }
      .w13-ctaregister-14__items__contact__image {
        position: relative; }
        @media only screen and (max-width: 50em) {
          .w13-ctaregister-14__items__contact__image {
            flex-direction: column; } }
        .w13-ctaregister-14__items__contact__image .owl-thumb-item {
          background-color: transparent !important;
          border: none; }
        .w13-ctaregister-14__items__contact__image__owl-imgbox__img {
          width: 100%; }
        .w13-ctaregister-14__items__contact__image__owl-thumb {
          width: 100%;
          display: flex;
          background-color: transparent;
          height: 15em;
          margin-top: 1em; }
          .w13-ctaregister-14__items__contact__image__owl-thumb__imgbox {
            width: 50%; }
            .w13-ctaregister-14__items__contact__image__owl-thumb__imgbox__img {
              width: 100%; }
        .w13-ctaregister-14__items__contact__image__owl-col-1 {
          position: relative; }
        @media only screen and (max-width: 50em) {
          .w13-ctaregister-14__items__contact__image__owl-col {
            width: 100%; } }
        .w13-ctaregister-14__items__contact__image__button {
          border: .1em solid white;
          border-radius: 50%;
          padding: 0.5em 0.5em;
          text-align: center;
          color: #e2f4ff;
          display: inline-block;
          padding: 1em 1.1em;
          background-color: black;
          font-size: 1.5em;
          position: absolute;
          outline: none;
          cursor: pointer;
          transition: all .2s;
          transform: translateY(-50%); }
          .w13-ctaregister-14__items__contact__image__button:hover {
            background-color: rgba(255, 255, 255, 0.685);
            color: black; }
          .w13-ctaregister-14__items__contact__image__button-next {
            position: absolute;
            top: 50%;
            right: 0;
            margin-right: 1em;
            z-index: 2; }
          .w13-ctaregister-14__items__contact__image__button__icon {
            font-size: 2em; }
          .w13-ctaregister-14__items__contact__image__button-prev {
            position: absolute;
            top: 50%;
            margin-left: 1em;
            left: 0;
            z-index: 2; }
        .w13-ctaregister-14__items__contact__image__imgbox {
          height: 40em;
          overflow: hidden;
          border: .1em solid #eee;
          transition: all .3s ease-in-out; }
          @media only screen and (max-width: 50em) {
            .w13-ctaregister-14__items__contact__image__imgbox {
              width: 100%; } }
          .w13-ctaregister-14__items__contact__image__imgbox:hover {
            transform: scale(1.3); }
      .w13-ctaregister-14__items__contact__button {
        padding: 1em 2em;
        display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 1.6em;
        margin: 0 auto;
        background-size: 200% auto;
        border-radius: 2em;
        border: none;
        margin-top: 1em;
        animation: buttonMoveBg .5s infinite alternate-reverse; }
      .w13-ctaregister-14__items__contact__info {
        line-height: 1.6em;
        display: block;
        margin-top: 2em; }
    .w13-ctaregister-14__items__time {
      width: 50%; }
      @media only screen and (max-width: 62.5em) {
        .w13-ctaregister-14__items__time {
          width: 100%; } }
      .w13-ctaregister-14__items__time__area {
        margin-top: 2em; }
      .w13-ctaregister-14__items__time__text {
        font-size: 3em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin-bottom: 2em;
        display: block;
        text-transform: uppercase;
        padding: .5em;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      .w13-ctaregister-14__items__time__count {
        display: flex;
        align-items: center; }
        .w13-ctaregister-14__items__time__count__dot {
          font-size: 4em;
          margin: 0 .5em 0 .5em; }
          @media only screen and (max-width: 37.5em) {
            .w13-ctaregister-14__items__time__count__dot {
              margin: 0 .2em 0 .2em; } }
        .w13-ctaregister-14__items__time__count__item {
          width: 25%;
          text-align: center;
          color: #183059;
          padding: 1em;
          border-radius: .5em; }
          .w13-ctaregister-14__items__time__count__item-d {
            background-color: #EF2F3C;
            color: white; }
          .w13-ctaregister-14__items__time__count__item-h {
            background-color: #F6F4F3; }
          .w13-ctaregister-14__items__time__count__item-m {
            background-color: #276FBF;
            color: white; }
          .w13-ctaregister-14__items__time__count__item-s {
            background-color: #F0A202; }
          .w13-ctaregister-14__items__time__count__item__date {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 1em; }
          .w13-ctaregister-14__items__time__count__item__number {
            display: inline-block;
            font-size: 5em; }
            @media only screen and (max-width: 68.75em) {
              .w13-ctaregister-14__items__time__count__item__number {
                font-size: 4.5em; } }
            @media only screen and (max-width: 62.5em) {
              .w13-ctaregister-14__items__time__count__item__number {
                font-size: 4em; } }
            @media only screen and (max-width: 37.5em) {
              .w13-ctaregister-14__items__time__count__item__number {
                font-size: 3.5em; } }
      .w13-ctaregister-14__items__time__area {
        text-align: left;
        background-color: white;
        padding: 1em;
        border-radius: 2em; }
        .w13-ctaregister-14__items__time__area__title {
          text-align: center;
          font-weight: 700;
          font-size: 3.5em;
          text-transform: uppercase;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          color: white;
          padding: .5em; }
        .w13-ctaregister-14__items__time__area__item {
          text-align: justify;
          line-height: 2em;
          margin-top: 1em;
          font-size: 2em;
          display: flex;
          align-items: center; }
          .w13-ctaregister-14__items__time__area__item__icon {
            margin-right: .5em; }
        .w13-ctaregister-14__items__time__area__price {
          font-size: 2em; }
          .w13-ctaregister-14__items__time__area__price__main {
            font-size: 2.5em; }
          .w13-ctaregister-14__items__time__area__price__sub {
            font-size: 2.5em;
            font-weight: 600;
            color: #EF2F3C; }

.w13-ctaregister-15 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .w13-ctaregister-15__group {
    max-width: 120em;
    margin: 0 auto; }
  .w13-ctaregister-15__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #183059;
    background-repeat: no-repeat;
    padding: .5em;
    line-height: 1.7em; }
  .w13-ctaregister-15__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row-reverse; }
    .w13-ctaregister-15__items__contact {
      width: 48%;
      text-align: center; }
      @media only screen and (max-width: 62.5em) {
        .w13-ctaregister-15__items__contact {
          width: 100%;
          margin-top: 1em; } }
      .w13-ctaregister-15__items__contact__image {
        position: relative; }
        @media only screen and (max-width: 50em) {
          .w13-ctaregister-15__items__contact__image {
            flex-direction: column; } }
        .w13-ctaregister-15__items__contact__image .owl-thumb-item {
          background-color: transparent !important;
          border: none; }
        .w13-ctaregister-15__items__contact__image__owl-imgbox__img {
          width: 100%; }
        .w13-ctaregister-15__items__contact__image__owl-thumb {
          width: 100%;
          display: flex;
          background-color: transparent;
          height: 15em;
          margin-top: 1em; }
          .w13-ctaregister-15__items__contact__image__owl-thumb__imgbox {
            width: 50%; }
            .w13-ctaregister-15__items__contact__image__owl-thumb__imgbox__img {
              width: 100%; }
        .w13-ctaregister-15__items__contact__image__owl-col-1 {
          position: relative; }
        @media only screen and (max-width: 50em) {
          .w13-ctaregister-15__items__contact__image__owl-col {
            width: 100%; } }
        .w13-ctaregister-15__items__contact__image__button {
          border: .1em solid white;
          border-radius: 50%;
          padding: 0.5em 0.5em;
          text-align: center;
          color: #e2f4ff;
          display: inline-block;
          padding: 1em 1.1em;
          background-color: black;
          font-size: 1.5em;
          position: absolute;
          outline: none;
          cursor: pointer;
          transition: all .2s;
          transform: translateY(-50%); }
          .w13-ctaregister-15__items__contact__image__button:hover {
            background-color: rgba(255, 255, 255, 0.685);
            color: black; }
          .w13-ctaregister-15__items__contact__image__button-next {
            position: absolute;
            top: 50%;
            right: 0;
            margin-right: 1em;
            z-index: 2; }
          .w13-ctaregister-15__items__contact__image__button__icon {
            font-size: 2em; }
          .w13-ctaregister-15__items__contact__image__button-prev {
            position: absolute;
            top: 50%;
            margin-left: 1em;
            left: 0;
            z-index: 2; }
        .w13-ctaregister-15__items__contact__image__imgbox {
          height: 40em;
          overflow: hidden;
          border: .1em solid #eee;
          transition: all .3s ease-in-out; }
          @media only screen and (max-width: 50em) {
            .w13-ctaregister-15__items__contact__image__imgbox {
              width: 100%; } }
          .w13-ctaregister-15__items__contact__image__imgbox:hover {
            transform: scale(1.3); }
      .w13-ctaregister-15__items__contact__button {
        padding: 1em 2em;
        display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 1.6em;
        margin: 0 auto;
        background-size: 200% auto;
        border-radius: 2em;
        border: none;
        margin-top: 1em;
        animation: buttonMoveBg .5s infinite alternate-reverse; }
      .w13-ctaregister-15__items__contact__info {
        line-height: 1.6em;
        display: block;
        margin-top: 2em; }
    .w13-ctaregister-15__items__time {
      width: 50%; }
      @media only screen and (max-width: 62.5em) {
        .w13-ctaregister-15__items__time {
          width: 100%; } }
      .w13-ctaregister-15__items__time__area {
        margin-top: 2em; }
      .w13-ctaregister-15__items__time__text {
        font-size: 3em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin-bottom: 2em;
        display: block;
        text-transform: uppercase;
        padding: .5em;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      .w13-ctaregister-15__items__time__count {
        display: flex;
        align-items: center; }
        .w13-ctaregister-15__items__time__count__dot {
          font-size: 4em;
          margin: 0 .5em 0 .5em; }
          @media only screen and (max-width: 37.5em) {
            .w13-ctaregister-15__items__time__count__dot {
              margin: 0 .2em 0 .2em; } }
        .w13-ctaregister-15__items__time__count__item {
          width: 25%;
          text-align: center;
          color: #183059;
          padding: 1em;
          border-radius: .5em; }
          .w13-ctaregister-15__items__time__count__item-d {
            background-color: #EF2F3C;
            color: white; }
          .w13-ctaregister-15__items__time__count__item-h {
            background-color: #F6F4F3; }
          .w13-ctaregister-15__items__time__count__item-m {
            background-color: #276FBF;
            color: white; }
          .w13-ctaregister-15__items__time__count__item-s {
            background-color: #F0A202; }
          .w13-ctaregister-15__items__time__count__item__date {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 1em; }
          .w13-ctaregister-15__items__time__count__item__number {
            display: inline-block;
            font-size: 5em; }
            @media only screen and (max-width: 68.75em) {
              .w13-ctaregister-15__items__time__count__item__number {
                font-size: 4.5em; } }
            @media only screen and (max-width: 62.5em) {
              .w13-ctaregister-15__items__time__count__item__number {
                font-size: 4em; } }
            @media only screen and (max-width: 37.5em) {
              .w13-ctaregister-15__items__time__count__item__number {
                font-size: 3.5em; } }
      .w13-ctaregister-15__items__time__area {
        text-align: left;
        background-color: white;
        padding: 1em;
        border-radius: 2em; }
        .w13-ctaregister-15__items__time__area__title {
          text-align: center;
          font-weight: 700;
          font-size: 3.5em;
          text-transform: uppercase;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          color: white;
          padding: .5em; }
        .w13-ctaregister-15__items__time__area__item {
          text-align: justify;
          line-height: 2em;
          margin-top: 1em;
          font-size: 2em;
          display: flex;
          align-items: center; }
          .w13-ctaregister-15__items__time__area__item__icon {
            margin-right: .5em; }
        .w13-ctaregister-15__items__time__area__price {
          font-size: 2em; }
          .w13-ctaregister-15__items__time__area__price__main {
            font-size: 2.5em; }
          .w13-ctaregister-15__items__time__area__price__sub {
            font-size: 2.5em;
            font-weight: 600;
            color: #EF2F3C; }

.w13-ctaregister-16 {
  font-weight: 500;
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent !important;
  padding: 0 1em !important;
  position: relative; }
  .w13-ctaregister-16__group {
    max-width: 120em;
    margin: 0 auto;
    overflow: hidden;
    backdrop-filter: blur(1.5em);
    -webkit-backdrop-filter: blur(1.5em);
    background-color: rgba(21, 21, 61, 0.9);
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    padding: 2em 1em;
    padding-bottom: 12em;
    position: relative;
    z-index: 2;
    display: block; }
    .w13-ctaregister-16__group::before {
      background-color: rgba(255, 255, 255, 0.05);
      content: '';
      top: 0;
      left: -50%;
      width: 100%;
      height: 100%;
      z-index: -1;
      position: absolute;
      transform: skewX(-15deg); }
    @media only screen and (max-width: 50em) {
      .w13-ctaregister-16__group {
        padding-bottom: 3em; } }
  .w13-ctaregister-16__heading {
    font-weight: 800;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: .3em;
    color: white;
    line-height: 1.7em; }
    @media only screen and (max-width: 37.5em) {
      .w13-ctaregister-16__heading {
        font-size: 2em;
        letter-spacing: .1em; } }
  .w13-ctaregister-16__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w13-ctaregister-16__items__contact {
      width: 48%;
      margin-top: 5em; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-16__items__contact {
          width: 100%;
          margin-top: 12em; } }
      @media only screen and (max-width: 37.5em) {
        .w13-ctaregister-16__items__contact {
          margin-top: 21em; } }
      .w13-ctaregister-16__items__contact__form__input {
        display: flex;
        border-radius: .8em;
        position: relative;
        align-items: flex-end; }
        .w13-ctaregister-16__items__contact__form__input:not(:nth-child(3)) {
          margin-bottom: 5em; }
        .w13-ctaregister-16__items__contact__form__input__label {
          color: white;
          text-align: left;
          bottom: .5em;
          left: 0;
          font-size: 1.6em;
          padding: 0 1em;
          transition: all .2s ease;
          line-height: 1.8em;
          position: absolute; }
        .w13-ctaregister-16__items__contact__form__input__text {
          outline: none;
          border: none;
          width: 100%;
          height: 100%;
          display: inline-block;
          font-size: 1.6em;
          background-color: transparent;
          color: black;
          line-height: 1.8em;
          z-index: 1;
          bottom: 0;
          left: 0;
          padding: .5em; }
        .w13-ctaregister-16__items__contact__form__input__icon {
          color: red; }
        .w13-ctaregister-16__items__contact__form__input__line {
          background-color: white;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: .2em;
          border-radius: .2em;
          transition: all .2s ease; }
        .w13-ctaregister-16__items__contact__form__input__text:focus ~ .w13-ctaregister-16__items__contact__form__input__label {
          bottom: 2.2em;
          left: -1em; }
        .w13-ctaregister-16__items__contact__form__input__text:valid ~ .w13-ctaregister-16__items__contact__form__input__label {
          bottom: 2.2em;
          left: -1em; }
        .w13-ctaregister-16__items__contact__form__input__text:focus ~ .w13-ctaregister-16__items__contact__form__input__line,
        .w13-ctaregister-16__items__contact__form__input__text:valid ~ .w13-ctaregister-16__items__contact__form__input__line {
          height: 100%; }
      .w13-ctaregister-16__items__contact__form__des {
        color: white;
        font-weight: 300;
        font-size: 1em;
        margin-top: 2em;
        display: block;
        text-align: center; }
      .w13-ctaregister-16__items__contact__info {
        line-height: 1.6em;
        display: block;
        margin-top: 2em; }
      .w13-ctaregister-16__items__contact__btn {
        position: relative;
        width: 15.5em;
        height: 5em;
        margin: 0 auto;
        margin-top: 7em; }
        .w13-ctaregister-16__items__contact__btn__button {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(255, 255, 255, 0.05);
          box-shadow: 0 1.5em 3.5em rgba(0, 0, 0, 0.2);
          border-top: 0.1em solid rgba(255, 255, 255, 0.1);
          border-bottom: 0.1em solid rgba(255, 255, 255, 0.1);
          border-radius: 3em;
          color: white;
          z-index: 1;
          font-weight: 600;
          font-size: 1.4em;
          letter-spacing: 1px;
          overflow: hidden;
          transition: 0.5s;
          cursor: pointer;
          backdrop-filter: blur(1.5em);
          -webkit-backdrop-filter: blur(1.5em); }
          .w13-ctaregister-16__items__contact__btn__button::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            background: linear-gradient(to left, rgba(255, 255, 255, 0.15), transparent);
            transform: skewX(45deg) translateX(0);
            transition: 0.5s; }
          .w13-ctaregister-16__items__contact__btn__button:hover {
            letter-spacing: .3em; }
          .w13-ctaregister-16__items__contact__btn__button:hover::before {
            transform: skewX(45deg) translateX(200%); }
        .w13-ctaregister-16__items__contact__btn::before {
          content: '';
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: -.5em;
          width: 3em;
          height: 1em;
          background-color: #f00;
          border-radius: 1em;
          transition: .5s; }
        .w13-ctaregister-16__items__contact__btn:hover::before {
          bottom: 0;
          height: 80%;
          width: 80%;
          border-radius: 3em; }
        .w13-ctaregister-16__items__contact__btn::after {
          content: '';
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: -.5em;
          width: 3em;
          height: 1em;
          background-color: #f00;
          border-radius: 1em;
          transition: .5s; }
        .w13-ctaregister-16__items__contact__btn:hover::after {
          top: 0;
          height: 80%;
          width: 80%;
          border-radius: 3em; }
        .w13-ctaregister-16__items__contact__btn:hover .w13-ctaregister-16__items__contact__btn__button {
          color: white; }
        .w13-ctaregister-16__items__contact__btn::before, .w13-ctaregister-16__items__contact__btn::after {
          background: #2bd2ff;
          box-shadow: 0 0 .5em #2bd2ff,
 0 0 1.5em #2bd2ff,
 0 0 3em #2bd2ff,
 0 0 6em #2bd2ff; }
    .w13-ctaregister-16__items__item {
      position: relative;
      width: 52%; }
      @media only screen and (max-width: 50em) {
        .w13-ctaregister-16__items__item {
          width: 100%; } }
      .w13-ctaregister-16__items__item__imgbox {
        box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.05);
        border: 0.1em solid white;
        border-radius: 50%;
        width: 60%;
        margin: 0 auto;
        position: relative; }
        @media only screen and (max-width: 37.5em) {
          .w13-ctaregister-16__items__item__imgbox {
            width: 100%; } }
        .w13-ctaregister-16__items__item__imgbox__img {
          height: 100%; }
      .w13-ctaregister-16__items__item__mess {
        position: absolute;
        top: 78%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        background-color: rgba(255, 255, 255, 0.1);
        background-color: #202040ef;
        text-align: center;
        padding: .5em;
        backdrop-filter: blur(1.5em);
        -webkit-backdrop-filter: blur(1.5em);
        border-radius: .5em;
        width: 32em;
        border-radius: 50%;
        height: 32em;
        box-shadow: 0 1.5em 3.5em rgba(0, 0, 0, 0.1);
        border: 0.1em solid rgba(255, 255, 255, 0.1);
        border-top: 0.1em solid rgba(255, 255, 255, 0.5);
        border-left: 0.1em solid rgba(255, 255, 255, 0.5);
        overflow: hidden; }
        @media only screen and (max-width: 37.5em) {
          .w13-ctaregister-16__items__item__mess {
            top: 100%; } }
        .w13-ctaregister-16__items__item__mess::before {
          background-color: rgba(255, 255, 255, 0.05);
          content: '';
          top: 0;
          left: -50%;
          width: 100%;
          height: 100%;
          z-index: -1;
          position: absolute;
          transform: skewX(-15deg); }
        .w13-ctaregister-16__items__item__mess__title {
          font-size: 3.5em;
          font-weight: 800;
          color: white;
          line-height: 1.6em;
          letter-spacing: 2px;
          display: inline-block;
          padding: .5em;
          border-radius: .5em;
          text-align: center; }
        .w13-ctaregister-16__items__item__mess__content {
          backdrop-filter: blur(1.5em);
          -webkit-backdrop-filter: blur(1.5em);
          display: inline-block; }
          .w13-ctaregister-16__items__item__mess__content__text {
            padding: .3em;
            font-size: 1.4em;
            margin-bottom: 1em;
            background-color: rgba(255, 255, 255, 0.1);
            color: white;
            border-radius: 2em; }

.w13-formup {
  padding: 1em 3em;
  width: 100%; }
  .w13-formup__title {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    float: right; }
    .w13-formup__title__text {
      padding: .5em;
      font-size: 2em;
      text-transform: uppercase;
      font-weight: 600;
      text-align: center;
      color: white;
      display: inline-block;
      margin-left: 50%;
      transform: translateX(-50%); }
      @media only screen and (max-width: 37.5em) {
        .w13-formup__title__text {
          transform: translateX(0);
          margin-left: 0; } }
    .w13-formup__title__iconbox {
      cursor: pointer;
      padding: 1em;
      font-size: 1.5em;
      display: flex;
      align-items: center;
      color: white;
      background-color: #202040;
      outline: none;
      border: none;
      border-radius: .3em;
      margin-bottom: .3em; }
      .w13-formup__title__iconbox:not(:last-child) {
        margin-right: .3em; }
      .w13-formup__title__iconbox__icon {
        margin-right: .5em; }
      .w13-formup__title__iconbox__text {
        font-weight: 600; }
      .w13-formup__title__iconbox:hover {
        background-color: #EF2F3C; }
  .w13-formup__frame {
    width: 100%;
    height: 100vh;
    border: none;
    border: .1em solid purple; }

.w13-cusface {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white; }

.w13-cusface-1 {
  position: fixed;
  z-index: 30;
  right: 3em;
  font-size: 1em;
  background-color: white;
  top: 3em;
  padding: 1em;
  display: flex;
  box-shadow: 0 1em 2em rgba(0, 0, 0, 0.2); }
  .w13-cusface-1__imgbox {
    width: 5em;
    height: 5em;
    margin-right: 1em; }
    .w13-cusface-1__imgbox__img {
      height: 100%;
      width: 100%;
      border-radius: 50%; }
  .w13-cusface-1__items__name {
    font-weight: 600; }
  .w13-cusface-1__items__des {
    font-weight: 300;
    margin: .5em 0; }
  .w13-cusface-1__items__time__icon {
    margin-right: .5em; }

.w13-cusface-2 {
  position: fixed;
  z-index: 30;
  font-size: 1em;
  background-color: white;
  right: 3em;
  top: 13em;
  padding: 1em;
  display: flex;
  border-radius: 5em;
  box-shadow: .5em .5em 1em .5em #eee; }
  .w13-cusface-2__imgbox {
    width: 5em;
    height: 5em;
    margin-right: 1em; }
    .w13-cusface-2__imgbox__img {
      height: 100%;
      width: 100%;
      border-radius: 50%; }
  .w13-cusface-2__items__name {
    font-weight: 600; }
  .w13-cusface-2__items__des {
    font-weight: 300;
    margin: .5em 0; }
  .w13-cusface-2__items__time__icon {
    margin-right: .5em; }

.w13-cusface-3 {
  position: fixed;
  z-index: 30;
  right: 3em;
  font-size: 1em;
  background-color: white;
  top: 23em;
  padding: 1em;
  display: flex;
  border-radius: .5em;
  box-shadow: .5em .5em 1em .5em #eee; }
  .w13-cusface-3__imgbox {
    width: 5em;
    height: 5em;
    margin-right: 1em; }
    .w13-cusface-3__imgbox__img {
      height: 100%;
      width: 100%;
      border-radius: .5em; }
  .w13-cusface-3__items__name {
    font-weight: 600; }
  .w13-cusface-3__items__des {
    font-weight: 300;
    margin: .5em 0; }
  .w13-cusface-3__items__time__icon {
    margin-right: .5em; }

.w13-cusface-4 {
  position: fixed;
  z-index: 30;
  right: 3em;
  top: 33em;
  padding: 1em;
  display: flex;
  border-radius: .5em;
  box-shadow: .5em .5em 1em .5em #eee;
  background-position: center;
  background-size: cover;
  font-size: 1em;
  color: white;
  background-color: white; }
  .w13-cusface-4__imgbox {
    width: 5em;
    height: 5em;
    margin-right: 1em; }
    .w13-cusface-4__imgbox__img {
      height: 100%;
      width: 100%;
      border-radius: .5em; }
  .w13-cusface-4__items__name {
    font-weight: 600; }
  .w13-cusface-4__items__des {
    font-weight: 300;
    margin: .5em 0; }
  .w13-cusface-4__items__time__icon {
    margin-right: .5em; }

.w14-banner {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  display: block;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w14-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: block; }
  .w14-banner__heading {
    width: 50%;
    color: white;
    font-size: 6em;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    margin: 2em auto 0 auto; }
    @media only screen and (max-width: 37.5em) {
      .w14-banner__heading {
        font-size: 3em;
        width: 100%; } }
  .w14-banner__search {
    margin: 4em auto 0 auto;
    text-align: center;
    position: relative; }
    .w14-banner__search__checkbox {
      display: none; }
    .w14-banner__search__checkbox:checked ~ .w14-banner__search__ad {
      top: 3em;
      visibility: visible;
      opacity: 1; }
    .w14-banner__search__heading {
      background-color: black;
      padding: 1.5em 3em;
      display: inline-flex;
      align-items: center;
      border-radius: .3em; }
      .w14-banner__search__heading__title {
        text-transform: uppercase;
        font-weight: 800;
        font-size: 1.8em;
        color: white;
        cursor: pointer; }
      .w14-banner__search__heading__line {
        height: 2em;
        margin: 0 1em 0 1em;
        width: .05em;
        background-color: white; }
    .w14-banner__search__stand {
      border-radius: .5em;
      background-color: white;
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-align: left; }
      @media only screen and (max-width: 37.5em) {
        .w14-banner__search__stand {
          flex-wrap: wrap;
          justify-content: center; } }
      .w14-banner__search__stand__form {
        width: 20%;
        margin-bottom: 1em;
        margin-top: 1em;
        border: .1em solid #eee;
        border-radius: .3em;
        display: flex;
        align-items: center;
        margin-right: 1em;
        position: relative; }
        .w14-banner__search__stand__form:first-child {
          margin-left: 2em; }
          @media only screen and (max-width: 37.5em) {
            .w14-banner__search__stand__form:first-child {
              margin-left: 0; } }
        @media only screen and (max-width: 50em) {
          .w14-banner__search__stand__form {
            width: 90%;
            margin-top: 1em;
            margin-left: 0; } }
        @media only screen and (max-width: 37.5em) {
          .w14-banner__search__stand__form {
            width: 90%;
            margin-right: 0; } }
        .w14-banner__search__stand__form:hover {
          border: 0.1em solid var(--hover-color-w); }
        .w14-banner__search__stand__form__icon {
          color: var(--main-color-w);
          font-size: 1.3em;
          margin-right: 0em;
          margin-left: 1em; }
          .w14-banner__search__stand__form__icon-right {
            margin-left: auto;
            float: right;
            color: var(--main-color-w);
            font-size: 1.3em;
            margin-right: .5em; }
        .w14-banner__search__stand__form__input {
          border: none;
          outline: none;
          width: 100%;
          margin: .7em;
          font-size: 1.4em; }
        .w14-banner__search__stand__form__items {
          margin: 1em;
          list-style: none;
          width: 100%;
          background-color: white; }
          .w14-banner__search__stand__form__items__item {
            width: 100%; }
            .w14-banner__search__stand__form__items__item__checkbox-sl {
              display: none; }
            .w14-banner__search__stand__form__items__item__text {
              font-size: 1.2em;
              margin-right: .5em;
              width: 100%;
              white-space: nowrap;
              display: block;
              cursor: pointer; }
          .w14-banner__search__stand__form__items__item__checkbox-sl:checked ~ .w14-banner__search__stand__form__items-1 {
            display: block;
            z-index: 2; }
          .w14-banner__search__stand__form__items-1 {
            list-style: none;
            position: absolute;
            display: none;
            width: 100%;
            left: 0;
            top: 4em;
            background-color: transparent;
            overflow: hidden;
            background-color: white;
            border: .1em solid #eee;
            border-radius: .5em; }
            .w14-banner__search__stand__form__items-1__item {
              cursor: pointer;
              padding: 1em;
              width: 100%; }
              .w14-banner__search__stand__form__items-1__item:hover {
                background-color: #eee; }
              .w14-banner__search__stand__form__items-1__item__text {
                font-size: 1.2em;
                margin-right: .5em;
                white-space: nowrap; }
                .w14-banner__search__stand__form__items-1__item__text-active {
                  font-weight: 700; }
      .w14-banner__search__stand__button {
        background-color: var(--main-color-w);
        padding: 3em;
        margin-left: 1em;
        transition: all .2s; }
        @media only screen and (max-width: 37.5em) {
          .w14-banner__search__stand__button {
            width: 100%;
            text-align: center;
            margin-left: 0; } }
        .w14-banner__search__stand__button__icon {
          font-size: 4em;
          color: white; }
        .w14-banner__search__stand__button:hover {
          background-color: var(--hover-color-w); }
    .w14-banner__search__more {
      cursor: pointer;
      color: white;
      position: relative;
      margin-top: 2em;
      margin-left: auto;
      display: inline-block;
      float: right;
      margin-right: 2em;
      font-size: 1.6em;
      transition: all .2s; }
      .w14-banner__search__more:hover {
        color: var(--hover-color-w); }
      @media only screen and (max-width: 37.5em) {
        .w14-banner__search__more {
          color: var(--main-color-w);
          padding: 1em;
          border-radius: .5em; } }
    .w14-banner__search__ad {
      background-color: white;
      position: relative;
      top: 4em;
      transition: all .2s;
      padding: 2em;
      width: 100%;
      clear: right;
      text-align: left;
      opacity: 0;
      top: -20em;
      visibility: hidden;
      border-radius: .7em;
      z-index: 1;
      box-shadow: 0.05em 0.05em 0.1em 0.05em #a3a3a3;
      height: max-content; }
      .w14-banner__search__ad__option {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .w14-banner__search__ad__option__item {
          width: 24%;
          margin-bottom: 2em; }
          @media only screen and (max-width: 37.5em) {
            .w14-banner__search__ad__option__item {
              width: 48%; } }
          .w14-banner__search__ad__option__item__form {
            width: 100%;
            margin-bottom: 1em;
            margin-top: 1em;
            border: .1em solid #eee;
            border-radius: .3em;
            display: flex;
            align-items: center;
            margin-right: 1em;
            position: relative; }
            .w14-banner__search__ad__option__item__form:first-child {
              margin-left: 2em; }
            @media only screen and (max-width: 50em) {
              .w14-banner__search__ad__option__item__form {
                width: 100%;
                margin-top: 1em; } }
            @media only screen and (max-width: 37.5em) {
              .w14-banner__search__ad__option__item__form {
                width: 100%;
                margin-right: 0; } }
            .w14-banner__search__ad__option__item__form:hover {
              border: 0.1em solid var(--hover-color-w); }
            .w14-banner__search__ad__option__item__form__icon {
              color: var(--main-color-w);
              font-size: 1.3em;
              margin-right: 0em;
              margin-left: 1em; }
              .w14-banner__search__ad__option__item__form__icon-right {
                margin-left: auto;
                float: right;
                color: var(--main-color-w);
                font-size: 1.3em;
                margin-right: .5em; }
            .w14-banner__search__ad__option__item__form__input {
              border: none;
              outline: none;
              width: 100%;
              margin: .7em; }
            .w14-banner__search__ad__option__item__form__items {
              margin: 1.5em;
              list-style: none;
              width: 100%;
              background-color: white; }
              .w14-banner__search__ad__option__item__form__items__item {
                width: 100%; }
                .w14-banner__search__ad__option__item__form__items__item__checkbox-sl {
                  display: none; }
                .w14-banner__search__ad__option__item__form__items__item__text {
                  font-size: 1.2em;
                  margin-right: .5em;
                  width: 100%;
                  white-space: nowrap;
                  display: block;
                  cursor: pointer; }
              .w14-banner__search__ad__option__item__form__items__item__checkbox-sl:checked ~ .w14-banner__search__ad__option__item__form__items-1 {
                display: block;
                z-index: 3; }
              .w14-banner__search__ad__option__item__form__items-1 {
                list-style: none;
                position: absolute;
                display: none;
                width: 100%;
                left: 0;
                top: 4em;
                background-color: transparent;
                overflow: hidden;
                background-color: white;
                border: .1em solid #eee;
                border-radius: .5em; }
                .w14-banner__search__ad__option__item__form__items-1__item {
                  cursor: pointer;
                  padding: 1em;
                  width: 100%; }
                  .w14-banner__search__ad__option__item__form__items-1__item:hover {
                    background-color: #eee; }
                  .w14-banner__search__ad__option__item__form__items-1__item__text {
                    font-size: 1.2em;
                    margin-right: .5em;
                    white-space: nowrap; }
                    .w14-banner__search__ad__option__item__form__items-1__item__text-active {
                      font-weight: 700; }
          .w14-banner__search__ad__option__item__text {
            font-weight: 600;
            font-size: 1.4em; }
          .w14-banner__search__ad__option__item__val {
            display: flex;
            flex-direction: column; }
          .w14-banner__search__ad__option__item__price-range {
            margin-top: 1em; }
            .w14-banner__search__ad__option__item__price-range .ui-widget-header {
              background: var(--main-color-w); }
            .w14-banner__search__ad__option__item__price-range .ui-slider-handle {
              cursor: w-resize !important;
              margin-top: -.1em;
              background-color: var(--main-color-w); }
            .w14-banner__search__ad__option__item__price-range .ui-state-active {
              background-color: white !important; }
            .w14-banner__search__ad__option__item__price-range .ui-state-default {
              background-color: var(--main-color-w) !important;
              border-radius: 50%;
              outline: none; }
            .w14-banner__search__ad__option__item__price-range .ui-widget.ui-widget-content {
              border: none !important;
              background-color: #eee; }
            .w14-banner__search__ad__option__item__price-range__filter {
              height: .3em !important;
              margin-top: 1.5em; }
            .w14-banner__search__ad__option__item__price-range__val {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              @media only screen and (max-width: 37.5em) {
                .w14-banner__search__ad__option__item__price-range__val {
                  flex-wrap: wrap;
                  justify-content: space-between; } }
              .w14-banner__search__ad__option__item__price-range__val__filter__field {
                background-color: white;
                font-size: 1.4em;
                font-weight: 600;
                width: 45%;
                padding: 1em;
                border-radius: .1em;
                outline: none;
                border: .1em solid #eee; }
          .w14-banner__search__ad__option__item__square-range {
            margin-top: 1em; }
            .w14-banner__search__ad__option__item__square-range .ui-widget-header {
              background: var(--main-color-w); }
            .w14-banner__search__ad__option__item__square-range .ui-slider-handle {
              cursor: w-resize !important;
              margin-top: -.1em;
              background-color: var(--main-color-w); }
            .w14-banner__search__ad__option__item__square-range .ui-state-active {
              background-color: white !important; }
            .w14-banner__search__ad__option__item__square-range .ui-state-default {
              background-color: var(--main-color-w) !important;
              border-radius: 50%;
              outline: none; }
            .w14-banner__search__ad__option__item__square-range .ui-widget.ui-widget-content {
              border: none !important;
              background-color: #eee; }
            .w14-banner__search__ad__option__item__square-range__filter {
              height: .3em !important;
              margin-top: 1.5em; }
            .w14-banner__search__ad__option__item__square-range__val {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              @media only screen and (max-width: 37.5em) {
                .w14-banner__search__ad__option__item__square-range__val {
                  flex-wrap: wrap;
                  justify-content: space-between; } }
              .w14-banner__search__ad__option__item__square-range__val__filter__field {
                background-color: white;
                font-size: 1.4em;
                font-weight: 600;
                width: 45%;
                padding: 1em;
                border-radius: .1em;
                outline: none;
                border: .1em solid #eee; }
      .w14-banner__search__ad__amen {
        display: block; }
        .w14-banner__search__ad__amen__title {
          display: block;
          font-weight: 600;
          font-size: 1.4em; }
        .w14-banner__search__ad__amen__items {
          margin-top: 1em;
          display: flex;
          flex-wrap: wrap; }
          .w14-banner__search__ad__amen__items__item {
            padding: 1em;
            width: 20%;
            display: flex;
            align-items: center;
            font-weight: 600;
            color: #777; }
            @media only screen and (max-width: 37.5em) {
              .w14-banner__search__ad__amen__items__item {
                width: 50%; } }
            .w14-banner__search__ad__amen__items__item__rd {
              height: 1.5em;
              width: 1.5em;
              cursor: pointer; }
            .w14-banner__search__ad__amen__items__item__text {
              margin-left: 1em;
              cursor: pointer; }

.w14-features-1 {
  width: 100%;
  padding: 3em 1em;
  background-color: #f1f1f7;
  color: var(--text-color-w); }
  .w14-features-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w14-features-1__row {
    display: flex;
    justify-content: space-between;
    margin-top: 2em; }
  .w14-features-1__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3em;
    display: inline-block; }
    .w14-features-1__heading__title::after {
      content: "";
      width: 2em;
      margin-top: .8em;
      height: .05em;
      background-color: var(--main-color-w);
      display: block; }
  .w14-features-1__heading__des {
    color: #777;
    font-size: 1.6em;
    margin-top: 1em; }
  .w14-features-1__first {
    width: 33%;
    position: relative;
    max-height: 60em; }
    .w14-features-1__first__imgbox {
      border-radius: .5em;
      overflow: hidden;
      width: 100%;
      height: 100%;
      transition: all .2s; }
      @media only screen and (max-width: 37.5em) {
        .w14-features-1__first__imgbox {
          border-radius: .2em; } }
      .w14-features-1__first__imgbox__img {
        width: 100%;
        height: 100%; }
      .w14-features-1__first__imgbox:hover {
        filter: brightness(1.1); }
    .w14-features-1__first__content {
      bottom: 0;
      border-radius: .5em;
      overflow: hidden;
      text-align: center;
      text-transform: capitalize;
      position: absolute;
      background: linear-gradient(0deg, #26262b, #3f4448 0, rgba(37, 39, 40, 0));
      color: white;
      width: 100%;
      padding-bottom: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w14-features-1__first__content {
          padding-bottom: 1em; } }
      .w14-features-1__first__content__main {
        font-weight: 600;
        font-size: 1.6em; }
      .w14-features-1__first__content__des {
        margin-top: 1em;
        font-weight: 600; }
  .w14-features-1__second {
    display: flex;
    width: 66%;
    flex-wrap: wrap;
    max-height: 60.5em;
    justify-content: space-between; }
    .w14-features-1__second__items {
      width: 49.3%;
      height: 49%;
      position: relative;
      border-radius: .5em;
      transition: all .2s;
      overflow: hidden; }
      @media only screen and (max-width: 37.5em) {
        .w14-features-1__second__items {
          border-radius: .2em; } }
      .w14-features-1__second__items__imgbox {
        height: 100%; }
        .w14-features-1__second__items__imgbox__img {
          height: 100%;
          width: 100%; }
        .w14-features-1__second__items__imgbox:hover {
          filter: brightness(1.1); }
      .w14-features-1__second__items__content {
        bottom: 0;
        text-align: center;
        text-transform: capitalize;
        position: absolute;
        background: linear-gradient(0deg, #26262b, #3f4448 0, rgba(37, 39, 40, 0));
        color: white;
        width: 100%;
        padding-bottom: 2em; }
        @media only screen and (max-width: 37.5em) {
          .w14-features-1__second__items__content {
            padding-bottom: 1em; } }
        .w14-features-1__second__items__content__main {
          font-weight: 600;
          font-size: 1.6em; }
          @media only screen and (max-width: 37.5em) {
            .w14-features-1__second__items__content__main {
              font-size: 1em; } }
        .w14-features-1__second__items__content__des {
          margin-top: 1em;
          font-weight: 600; }
          @media only screen and (max-width: 37.5em) {
            .w14-features-1__second__items__content__des {
              font-size: 0.8em; } }

.w14-features {
  width: 100%;
  background-color: white;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w14-features__group {
    max-width: 120em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto; }
  .w14-features__items {
    width: 49.5%;
    background-color: #6868eb;
    color: white;
    display: flex;
    padding: 4em;
    align-items: center;
    border-radius: .5em; }
    @media only screen and (max-width: 56.25em) {
      .w14-features__items {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-top: 1em;
        flex-wrap: wrap; } }
    .w14-features__items__icon {
      font-size: 10em;
      margin-right: .5em; }
      @media only screen and (max-width: 56.25em) {
        .w14-features__items__icon {
          margin: 0 auto; } }
    .w14-features__items__content {
      width: 60%; }
      @media only screen and (max-width: 56.25em) {
        .w14-features__items__content {
          width: 100%;
          margin-top: 1em; } }
      .w14-features__items__content__title {
        font-weight: 600;
        font-size: 2.5em;
        transition: all .2s; }
        .w14-features__items__content__title:hover {
          transition: all .2s;
          text-decoration: underline; }
      .w14-features__items__content__des {
        font-size: 1.4em;
        margin-top: 1em; }
      .w14-features__items__content__button {
        border: .2em solid #fff;
        border-radius: .2em;
        padding: 1em;
        margin-top: 4em;
        display: inline-flex;
        align-items: center;
        transition: all .2s; }
        .w14-features__items__content__button__text {
          text-transform: uppercase;
          font-weight: 600;
          font-size: 1.6em; }
        .w14-features__items__content__button__line {
          width: 0.05em;
          height: 2em;
          background-color: white;
          display: inline-block;
          margin-left: 1em;
          margin-right: 1em; }
        .w14-features__items__content__button__icon {
          font-weight: 1.3em; }
        .w14-features__items__content__button:hover {
          background-color: var(--hover-color-w);
          border-color: var(--hover-color-w); }

.w14-products-1 {
  width: 100%;
  padding: 3em 1em;
  background-color: #f1f1f7;
  color: var(--text-color-w); }
  .w14-products-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w14-products-1__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3em;
    display: inline-block;
    margin-top: 1em; }
    .w14-products-1__heading__title::after {
      content: "";
      width: 2em;
      margin-top: .8em;
      height: .05em;
      background-color: var(--main-color-w);
      display: block; }
  .w14-products-1__heading__des {
    color: #777;
    font-size: 1.6em;
    margin-top: 1em; }
  .w14-products-1__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 4em;
    position: relative; }
    .w14-products-1__items__button {
      border: .1em solid white;
      border-radius: 50%;
      text-align: center;
      color: white;
      display: inline-block;
      padding: 1em 1.1em;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      transition: all .2s;
      font-size: 1.3em; }
      .w14-products-1__items__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black; }
      .w14-products-1__items__button-next {
        position: absolute;
        bottom: 1em;
        right: 1em;
        margin-right: 1em;
        z-index: 2; }
      .w14-products-1__items__button__icon {
        font-size: 2em; }
      .w14-products-1__items__button-prev {
        position: absolute;
        bottom: 1em;
        right: 7em;
        margin-left: 1em;
        z-index: 2; }
    .w14-products-1__items__item {
      background-color: white;
      width: 100%;
      height: max-content;
      position: relative;
      border-radius: .5em;
      box-shadow: .3em .3em .1em .1em #eee; }
      .w14-products-1__items__item__thumb {
        position: absolute;
        top: 1em;
        right: 1em; }
        .w14-products-1__items__item__thumb .active {
          filter: brightness(0.5); }
        .w14-products-1__items__item__thumb__imgbox {
          border-radius: .5em;
          overflow: hidden;
          border: .5em solid #eee;
          margin-top: 1em;
          width: 15em; }
          @media only screen and (max-width: 37.5em) {
            .w14-products-1__items__item__thumb__imgbox {
              width: 5em;
              margin-top: .5em;
              border-radius: .1em;
              border: .2em solid #eee; } }
          .w14-products-1__items__item__thumb__imgbox__img {
            width: 100%; }
      .w14-products-1__items__item__image {
        position: relative; }
        .w14-products-1__items__item__image:hover .w14-products-1__items__item__image__view {
          opacity: 1; }
        .w14-products-1__items__item__image__view {
          position: absolute;
          top: 50%;
          left: 50%;
          opacity: 0;
          transform: translateX(-50%) translateY(-50%);
          transition: all .2s ease; }
          .w14-products-1__items__item__image__view__button {
            padding: 1em;
            border-radius: 50%;
            font-size: 1.4em;
            background-color: rgba(255, 255, 255, 0.87); }
            .w14-products-1__items__item__image__view__button:hover {
              background-color: white; }
        .w14-products-1__items__item__image__cate {
          position: absolute;
          top: -1em;
          background-color: #f7884c;
          color: white;
          padding: 1em;
          font-weight: 800;
          text-transform: uppercase;
          left: 3em; }
        .w14-products-1__items__item__image__imgbox {
          border-radius: .5em; }
          .w14-products-1__items__item__image__imgbox__img {
            width: 100%; }
        .w14-products-1__items__item__image__info {
          position: absolute;
          bottom: 1em;
          display: flex;
          width: 100%;
          align-items: center;
          color: white;
          padding: 0 1em; }
          .w14-products-1__items__item__image__info__imgbox {
            width: 5em;
            border-radius: 50%;
            height: 5em;
            overflow: hidden;
            border: .2em solid #fff; }
            .w14-products-1__items__item__image__info__imgbox__img {
              height: 100%;
              width: 100%; }
          .w14-products-1__items__item__image__info__name {
            margin-left: .5em;
            font-weight: 600; }
          .w14-products-1__items__item__image__info__type {
            background-color: #28a745;
            text-transform: uppercase;
            padding: .5em;
            font-weight: 600;
            margin-left: auto; }
      .w14-products-1__items__item__content {
        padding: 1em 2em;
        border-radius: .5em;
        position: absolute;
        background-color: white;
        display: inline-block;
        bottom: 2em;
        left: 2em; }
        @media only screen and (max-width: 37.5em) {
          .w14-products-1__items__item__content {
            position: relative;
            bottom: 0;
            left: 0; } }
        .w14-products-1__items__item__content__main {
          font-weight: 600;
          font-size: 1.6em;
          margin-top: 1em;
          display: block; }
        .w14-products-1__items__item__content__des {
          color: #777;
          margin-top: .5em;
          font-size: 1.3em; }
        .w14-products-1__items__item__content__amen {
          display: flex;
          margin-top: 2em;
          padding-bottom: 1.5em;
          border-bottom: .1em solid #eee;
          flex-wrap: wrap; }
          .w14-products-1__items__item__content__amen__info {
            display: flex;
            align-items: center;
            width: 30%; }
            .w14-products-1__items__item__content__amen__info:not(:last-child) {
              margin-right: .5em; }
            .w14-products-1__items__item__content__amen__info__icon {
              color: var(--main-color-w);
              font-size: 1.6em; }
            .w14-products-1__items__item__content__amen__info__text {
              font-size: 1.4em;
              font-weight: 600;
              margin-left: .2em; }
        .w14-products-1__items__item__content__sale {
          padding: 2em 0;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .w14-products-1__items__item__content__sale__price {
            display: flex;
            color: var(--main-color-w);
            font-weight: 600;
            align-items: center; }
            .w14-products-1__items__item__content__sale__price__main {
              font-size: 1.6em; }
            .w14-products-1__items__item__content__sale__price__sub {
              font-size: 1.4em;
              margin-left: 1em;
              opacity: .5;
              text-decoration: line-through; }
          .w14-products-1__items__item__content__sale__icon {
            padding: 1em;
            font-size: 1.3em;
            border: .1em solid #eee;
            border-radius: .2em;
            transition: all .2s;
            cursor: pointer; }
            .w14-products-1__items__item__content__sale__icon:hover {
              background-color: var(--hover-color-w);
              color: white; }

.w14-products {
  width: 100%;
  padding: 3em 1em;
  background-color: #f1f1f7;
  color: var(--text-color-w); }
  .w14-products__group {
    max-width: 120em;
    margin: 0 auto; }
  .w14-products__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3em;
    display: inline-block; }
    .w14-products__heading__title::after {
      content: "";
      width: 2em;
      margin-top: .8em;
      height: .05em;
      background-color: var(--main-color-w);
      display: block; }
  .w14-products__heading__des {
    color: #777;
    font-size: 1.6em;
    margin-top: 1em;
    line-height: 1.8em; }
  .w14-products__heading__home {
    display: flex;
    align-items: center;
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 1em;
    color: var(--main-color-w);
    text-transform: capitalize; }
    .w14-products__heading__home__text {
      margin-left: 1em; }
  .w14-products__heading__button {
    color: white;
    text-transform: uppercase;
    background-color: var(--main-color-w);
    padding: .5em 2em;
    border-radius: .3em;
    margin-top: 1em;
    font-size: 1.5em;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    cursor: pointer; }
    .w14-products__heading__button__line {
      margin: 0 1em;
      display: inline-block;
      height: 3em;
      background-color: white;
      width: .05em; }
  .w14-products__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3em;
    gap: 2%; }
    .w14-products__items__item {
      background-color: white;
      width: 32%;
      height: max-content;
      margin-top: 1em;
      border-radius: .5em;
      box-shadow: .3em .3em .1em .1em #eee; }
      @media only screen and (max-width: 50em) {
        .w14-products__items__item {
          width: 90%;
          text-align: center;
          margin-left: 0;
          margin: 0 auto; } }
      .w14-products__items__item__image {
        position: relative; }
        .w14-products__items__item__image:hover .w14-products__items__item__image__view {
          opacity: 1; }
        .w14-products__items__item__image__view {
          position: absolute;
          top: 50%;
          left: 50%;
          opacity: 0;
          transform: translateX(-50%) translateY(-50%);
          transition: all .2s ease; }
          .w14-products__items__item__image__view__button {
            cursor: pointer;
            padding: 1em;
            border-radius: 50%;
            font-size: 1.4em;
            background-color: rgba(255, 255, 255, 0.87); }
            .w14-products__items__item__image__view__button:hover {
              background-color: white; }
        .w14-products__items__item__image__cate {
          position: absolute;
          top: -1em;
          background-color: #f7884c;
          color: white;
          padding: 1em;
          font-weight: 800;
          text-transform: uppercase;
          left: 3em; }
        .w14-products__items__item__image__imgbox {
          border-radius: .5em; }
          .w14-products__items__item__image__imgbox__img {
            width: 100%; }
        .w14-products__items__item__image__info {
          position: absolute;
          bottom: 1em;
          display: flex;
          width: 100%;
          align-items: center;
          color: white;
          padding: 0 1em; }
          .w14-products__items__item__image__info__imgbox {
            width: 5em;
            border-radius: 50%;
            height: 5em;
            min-width: 5em;
            overflow: hidden;
            border: .2em solid #fff; }
            .w14-products__items__item__image__info__imgbox__img {
              height: 100%;
              width: 100%; }
          .w14-products__items__item__image__info__name {
            margin-left: .5em;
            font-weight: 600; }
          .w14-products__items__item__image__info__type {
            background-color: #28a745;
            text-transform: uppercase;
            padding: .5em;
            font-weight: 600;
            margin-left: auto; }
      .w14-products__items__item__content {
        padding: 0 1em; }
        .w14-products__items__item__content__main {
          font-weight: 600;
          font-size: 1.6em;
          margin-top: 1em;
          display: block;
          line-height: 1.8em; }
        .w14-products__items__item__content__des {
          color: #777;
          margin-top: .5em;
          font-size: 1.3em;
          line-height: 1.8em; }
        .w14-products__items__item__content__amen {
          display: flex;
          margin-top: 2em;
          padding-bottom: 1.5em;
          border-bottom: .1em solid #eee;
          flex-wrap: wrap; }
          .w14-products__items__item__content__amen__info {
            display: flex;
            align-items: center;
            width: 30%; }
            @media only screen and (max-width: 37.5em) {
              .w14-products__items__item__content__amen__info {
                width: 45%;
                margin-top: 1em; } }
            .w14-products__items__item__content__amen__info:not(:last-child) {
              margin-right: .5em; }
            .w14-products__items__item__content__amen__info__icon {
              color: var(--main-color-w);
              font-size: 1.6em; }
            .w14-products__items__item__content__amen__info__text {
              font-size: 1.4em;
              font-weight: 600;
              margin-left: .2em; }
        .w14-products__items__item__content__sale {
          padding: 2em 0;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .w14-products__items__item__content__sale__price {
            display: flex;
            color: var(--main-color-w);
            font-weight: 600;
            align-items: center; }
            .w14-products__items__item__content__sale__price__main {
              font-size: 1.6em; }
            .w14-products__items__item__content__sale__price__sub {
              font-size: 1.4em;
              margin-left: 1em;
              opacity: .5;
              text-decoration: line-through; }
          .w14-products__items__item__content__sale__icon {
            padding: 1em;
            font-size: 1.3em;
            border: .1em solid #eee;
            border-radius: .2em;
            transition: all .2s;
            cursor: pointer; }
            .w14-products__items__item__content__sale__icon:hover {
              background-color: var(--hover-color-w);
              color: white; }

.w14-services {
  width: 100%;
  background-color: #f1f1f7;
  padding: 3em 1em;
  display: block;
  color: var(--text-color-w); }
  .w14-services__group {
    max-width: 120em;
    margin: 0 auto; }
  .w14-services__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3em;
    display: inline-block; }
    .w14-services__heading__title::after {
      content: "";
      width: 2em;
      margin-top: .8em;
      height: .05em;
      background-color: var(--main-color-w);
      display: block; }
  .w14-services__heading__des {
    color: #777;
    font-size: 1.6em;
    margin-top: 1em; }
  .w14-services__items {
    margin-top: 3em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .w14-services__items__item {
      width: 31%;
      text-align: center; }
      @media only screen and (max-width: 37.5em) {
        .w14-services__items__item {
          width: 100%;
          margin-top: 2em; } }
      .w14-services__items__item__icon {
        font-size: 5em !important;
        color: white;
        padding: 1em;
        background-color: var(--main-color-w);
        border-radius: 50%;
        margin-bottom: -8em;
        transition: all .2s ease; }
        .w14-services__items__item__icon:hover {
          transform: scale(1.3); }
      .w14-services__items__item__content {
        background-color: white;
        padding: 7em 4em 4em 4em;
        border-radius: .5em; }
        @media only screen and (max-width: 50em) {
          .w14-services__items__item__content {
            padding: 7em 1em 1em 1em; } }
        .w14-services__items__item__content__main {
          font-weight: 600;
          font-size: 2em;
          margin-top: 1em; }
        .w14-services__items__item__content__line {
          border-bottom: 0.2em solid var(--main-color-w);
          width: 20%;
          margin: 2em auto; }
        .w14-services__items__item__content__des {
          color: #777;
          line-height: 1.6em; }

.w14-testimonials {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w14-testimonials__group {
    max-width: 120em;
    margin: 0 auto; }
  .w14-testimonials__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3em;
    display: inline-block; }
    .w14-testimonials__heading__title::after {
      content: "";
      width: 2em;
      margin-top: .8em;
      height: .05em;
      background-color: var(--main-color-w);
      display: block; }
  .w14-testimonials__heading__des {
    color: #777;
    font-size: 1.6em;
    margin-top: 1em; }
  .w14-testimonials__heading__home {
    display: flex;
    align-items: center;
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 1em;
    color: var(--main-color-w);
    text-transform: capitalize; }
    .w14-testimonials__heading__home__text {
      margin-left: 1em; }
  .w14-testimonials__heading__button {
    color: white;
    text-transform: uppercase;
    background-color: var(--main-color-w);
    padding: .5em 2em;
    border-radius: .3em;
    margin-top: 1em;
    font-size: 1.5em;
    font-weight: 800;
    display: inline-flex;
    align-items: center; }
    .w14-testimonials__heading__button__line {
      margin: 0 1em;
      display: inline-block;
      height: 3em;
      background-color: white;
      width: .05em; }
  .w14-testimonials__items {
    margin-top: .5em;
    position: relative;
    display: flex;
    justify-content: space-between; }
    .w14-testimonials__items__button {
      border: .1em solid #eee;
      border-radius: 50%;
      text-align: center;
      color: #a7a7a7;
      display: inline-block;
      padding: 1em 1.1em;
      background-color: transparent;
      outline: none;
      font-size: 1.5em;
      cursor: pointer;
      transition: all .2s; }
      .w14-testimonials__items__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black; }
      .w14-testimonials__items__button-next {
        position: absolute;
        right: 1em;
        top: 40%;
        margin-right: 1em;
        z-index: 2; }
      .w14-testimonials__items__button__icon {
        font-size: 1em; }
      .w14-testimonials__items__button-prev {
        position: absolute;
        top: 40%;
        left: 1em;
        z-index: 2; }
    .w14-testimonials__items__item {
      padding: 2em 4em;
      margin: 1em 1em 1em 1em;
      box-shadow: 0.1em 0.1em 1.5em 0.1em #f1f1f1;
      width: 95%;
      background-color: white; }
      .w14-testimonials__items__item__star__icon {
        color: #ffc107; }
      .w14-testimonials__items__item__text {
        font-size: 1.3em;
        margin-top: 1em;
        line-height: 1.6em; }
      .w14-testimonials__items__item__image {
        margin-top: 2em;
        display: flex;
        align-items: center; }
        .w14-testimonials__items__item__image__imgbox {
          width: 5em;
          height: 5em;
          min-width: 5em;
          border-radius: 50%;
          overflow: hidden; }
          @media only screen and (max-width: 50em) {
            .w14-testimonials__items__item__image__imgbox {
              font-size: 1em !important; } }
          .w14-testimonials__items__item__image__imgbox__img {
            width: 100%;
            height: 100%; }
        .w14-testimonials__items__item__image__user {
          margin-left: 2em; }
          .w14-testimonials__items__item__image__user__name {
            font-weight: 600;
            font-size: 1.3em;
            text-transform: uppercase; }
          .w14-testimonials__items__item__image__user__job {
            margin-top: .5em;
            color: darkgray; }

.w14-blogdetail {
  width: 100%;
  color: var(--text-color-w);
  padding: 2em 1em; }
  .w14-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w14-blogdetail__group {
        flex-direction: column; } }
  .w14-blogdetail__first {
    width: 67%; }
    @media only screen and (max-width: 43.75em) {
      .w14-blogdetail__first {
        width: 100%; } }
    .w14-blogdetail__first__heading__cate {
      display: inline-block;
      color: var(--main-color-w);
      text-transform: uppercase;
      font-size: 1.4em;
      font-weight: 800;
      border-radius: .3em; }
    .w14-blogdetail__first__heading__title {
      font-weight: 600;
      font-size: 3em;
      margin-top: 1em;
      text-transform: capitalize; }
    .w14-blogdetail__first__heading__postinfo {
      margin-top: 2em;
      align-items: center;
      display: flex; }
      .w14-blogdetail__first__heading__postinfo__user {
        align-items: center;
        display: flex;
        color: var(--text-color-w);
        font-size: 1.3em;
        margin-left: 1em; }
        .w14-blogdetail__first__heading__postinfo__user__img {
          border-radius: 50%;
          width: 3em;
          height: 3em; }
        .w14-blogdetail__first__heading__postinfo__user__text {
          margin-left: 1rem; }
        .w14-blogdetail__first__heading__postinfo__user__icon {
          color: var(--main-color-w); }
        .w14-blogdetail__first__heading__postinfo__user__des {
          margin-left: .5em; }
    .w14-blogdetail__first__imgbox {
      margin-top: 2em;
      border-radius: .7em; }
      .w14-blogdetail__first__imgbox__img {
        border-radius: .7em;
        width: 100%; }
    .w14-blogdetail__first__text {
      color: black;
      margin-top: 2em;
      display: block;
      text-align: justify;
      color: black;
      margin-top: 1em;
      font-size: 1.6em;
      line-height: 1.8em; }
      .w14-blogdetail__first__text h2, .w14-blogdetail__first__text h3, .w14-blogdetail__first__text iframe, .w14-blogdetail__first__text h4, .w14-blogdetail__first__text h5, .w14-blogdetail__first__text img, .w14-blogdetail__first__text p {
        margin: .5em 0; }
      .w14-blogdetail__first__text ul, .w14-blogdetail__first__text ol {
        list-style: none; }
    .w14-blogdetail__first__share {
      margin-top: 2em;
      padding: 2em 0 2em 0;
      display: flex;
      border-top: .1em solid #eee;
      border-bottom: .1em solid #eee;
      justify-content: space-between;
      align-items: center; }
      .w14-blogdetail__first__share__link {
        font-size: 1.4em; }
        .w14-blogdetail__first__share__link__text {
          font-weight: 600;
          margin-right: 1em;
          padding: 1em; }
        .w14-blogdetail__first__share__link__icon {
          padding: 1em;
          background-color: #f7f7f7;
          border-radius: 50%;
          cursor: pointer;
          transition: all .2s; }
          .w14-blogdetail__first__share__link__icon:hover {
            background-color: var(--hover-color-w);
            color: white; }
      .w14-blogdetail__first__share__tag__text {
        font-size: 1.2em;
        font-weight: 300;
        border: .1em solid #eee;
        padding: 1em;
        margin-left: .5em; }
        .w14-blogdetail__first__share__tag__text-tag {
          font-weight: bold;
          display: inline-block; }
        .w14-blogdetail__first__share__tag__text:hover {
          background-color: var(--main-color-w);
          color: white; }
    .w14-blogdetail__first__page {
      display: flex;
      justify-content: space-between;
      margin-top: 2em;
      padding-bottom: 2em;
      border-bottom: .1em solid #eee; }
      .w14-blogdetail__first__page__site {
        background-color: #f6f6f9;
        align-items: center;
        display: flex;
        width: 50%; }
        .w14-blogdetail__first__page__site__imgbox {
          min-width: 40%;
          width: 40%;
          height: 100%; }
          .w14-blogdetail__first__page__site__imgbox__img {
            width: 100%; }
        .w14-blogdetail__first__page__site__info {
          margin-left: 2em;
          padding: 2em; }
          .w14-blogdetail__first__page__site__info__icon {
            text-align: center;
            font-size: 1.6em;
            transition: all .2s;
            cursor: pointer; }
          .w14-blogdetail__first__page__site__info__text {
            font-size: 1.4em;
            font-weight: 600;
            margin-top: 1em;
            display: block; }
          .w14-blogdetail__first__page__site__info__pre {
            color: var(--main-color-w); }
            .w14-blogdetail__first__page__site__info__pre__post {
              font-weight: 600;
              text-transform: uppercase; }
    .w14-blogdetail__first__review {
      padding: 2em; }
      .w14-blogdetail__first__review__first {
        width: 100%; }
        .w14-blogdetail__first__review__first-col {
          display: flex;
          margin-top: 4em; }
        .w14-blogdetail__first__review__first__imgbox {
          width: 7em;
          min-width: 7em;
          height: 7em; }
          .w14-blogdetail__first__review__first__imgbox__img {
            width: 100%; }
        .w14-blogdetail__first__review__first__comment {
          margin-left: 2em;
          border: .1em solid #eee;
          padding: 1em;
          border-radius: .5em; }
          .w14-blogdetail__first__review__first__comment__head {
            display: flex;
            justify-content: space-between; }
            .w14-blogdetail__first__review__first__comment__head__user__name {
              font-weight: 600;
              font-size: 1.4em; }
            .w14-blogdetail__first__review__first__comment__head__user__date {
              color: var(--text-color-w);
              margin-top: .5em;
              font-size: 1.4em; }
          .w14-blogdetail__first__review__first__comment__star__icon {
            color: #f93;
            font-size: 1.4em; }
          .w14-blogdetail__first__review__first__comment__text {
            color: var(--text-color-w);
            margin-top: 1em;
            text-align: justify;
            line-height: 1.8em;
            font-size: 1.4em; }
      .w14-blogdetail__first__review__second {
        width: 100%;
        margin-top: 2em;
        border: .1em solid #eee;
        padding: 2em;
        border-radius: .7em; }
        .w14-blogdetail__first__review__second sup {
          color: #ef3636;
          font-size: 1.3em; }
        .w14-blogdetail__first__review__second__title {
          font-weight: 300;
          font-size: 1.4em; }
        .w14-blogdetail__first__review__second__textrate {
          margin-top: 2em;
          font-size: 1.4em; }
        .w14-blogdetail__first__review__second__textreview {
          margin-top: 1em;
          font-size: 1.4em; }
        .w14-blogdetail__first__review__second__textarea {
          width: 100%;
          height: 10em;
          margin-top: .5em;
          font-size: 1.4em;
          padding: 1em; }
        .w14-blogdetail__first__review__second__star {
          display: flex;
          align-items: center; }
          .w14-blogdetail__first__review__second__star__items {
            margin-left: 1em; }
            .w14-blogdetail__first__review__second__star__items__icon {
              color: darkgray; }
        .w14-blogdetail__first__review__second__textform {
          display: flex;
          justify-content: space-between;
          padding: 1em 0;
          width: 100%; }
          .w14-blogdetail__first__review__second__textform__name {
            width: 48%;
            display: block; }
            .w14-blogdetail__first__review__second__textform__name__info {
              font-weight: 300; }
            .w14-blogdetail__first__review__second__textform__name__input {
              margin-top: .5em;
              display: inline-block;
              width: 100%;
              padding: .5em; }
        .w14-blogdetail__first__review__second__button {
          color: white;
          background-color: var(--main-color-w);
          border: none;
          border-radius: .2em;
          padding: 1em 2em;
          width: 48%;
          margin-left: auto;
          display: inline-block;
          outline: none;
          cursor: pointer;
          text-transform: capitalize;
          font-weight: 700;
          font-size: 1.2em;
          margin-top: 1em; }
          .w14-blogdetail__first__review__second__button:hover {
            filter: brightness(0.8); }
  .w14-blogdetail__second {
    width: 30%;
    margin-top: 4em; }
    @media only screen and (max-width: 43.75em) {
      .w14-blogdetail__second {
        width: 100%; } }
    .w14-blogdetail__second__search {
      display: flex;
      align-items: center;
      border: .1em solid #eee;
      border-radius: .5em;
      overflow: hidden; }
      .w14-blogdetail__second__search__input {
        border: none;
        outline: none;
        margin-left: 1em;
        width: 100%; }
      .w14-blogdetail__second__search__icon {
        font-size: 1.7em;
        padding: 1em;
        background-color: var(--main-color-w);
        color: white;
        display: inline-block;
        margin-left: auto;
        outline: none;
        border: none; }
    .w14-blogdetail__second__latest {
      border-radius: .5em;
      overflow: hidden;
      margin-top: 2em;
      border: .1em solid #eee;
      border-radius: .7em; }
      .w14-blogdetail__second__latest__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        background-color: #f6f6f9;
        text-transform: capitalize; }
        .w14-blogdetail__second__latest__heading__icon {
          color: var(--main-color-w); }
      .w14-blogdetail__second__latest__content {
        display: flex;
        align-items: center;
        padding: 1.5em 2em; }
        .w14-blogdetail__second__latest__content__imgbox {
          min-width: 10em;
          width: 10em;
          height: 8em;
          overflow: hidden; }
          .w14-blogdetail__second__latest__content__imgbox__img {
            border-radius: .2em;
            width: 100%; }
        .w14-blogdetail__second__latest__content__info {
          margin-left: 1em;
          transition: all .2s;
          cursor: pointer; }
          .w14-blogdetail__second__latest__content__info__date {
            margin-top: .5em;
            color: #626262;
            text-transform: capitalize; }
          .w14-blogdetail__second__latest__content__info__text {
            font-size: 1.5em;
            font-weight: 500;
            display: block; }
          .w14-blogdetail__second__latest__content__info:hover {
            color: var(--hover-color-w); }
    .w14-blogdetail__second__blog {
      margin-top: 2em;
      border: .1em solid #eee;
      border-radius: .7em; }
      .w14-blogdetail__second__blog__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        background-color: #f6f6f9;
        text-transform: capitalize; }
        .w14-blogdetail__second__blog__heading__icon {
          color: var(--main-color-w); }
      .w14-blogdetail__second__blog__content {
        padding: 1.5em 2em; }
        .w14-blogdetail__second__blog__content__info {
          cursor: pointer; }
          .w14-blogdetail__second__blog__content__info__icon {
            font-size: 1.6em; }
          .w14-blogdetail__second__blog__content__info__text {
            font-size: 1.3em;
            margin-left: 1em;
            display: block; }
          .w14-blogdetail__second__blog__content__info:hover {
            color: var(--hover-color-w); }
    .w14-blogdetail__second__tag {
      margin-top: 2em;
      border: .1em solid #eee; }
      .w14-blogdetail__second__tag__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        background-color: #f6f6f9;
        text-transform: capitalize; }
      .w14-blogdetail__second__tag__content {
        padding: 1em 2em;
        display: flex;
        flex-wrap: wrap; }
        .w14-blogdetail__second__tag__content__button {
          background-color: transparent;
          outline: none;
          padding: 1em;
          border: .1em solid #eee;
          text-transform: capitalize;
          color: #626262;
          margin-left: 1em;
          margin-top: 1em;
          display: inline-block;
          cursor: pointer;
          transition: all .2s; }
          .w14-blogdetail__second__tag__content__button:hover {
            color: white;
            background: var(--hover-color-w); }
    .w14-blogdetail__second__social {
      margin-top: 2em;
      border: .1em solid #eee; }
      .w14-blogdetail__second__social__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        background-color: #f6f6f9;
        text-transform: capitalize; }
      .w14-blogdetail__second__social__content {
        padding: 1em 2em;
        display: flex;
        flex-wrap: wrap; }
        .w14-blogdetail__second__social__content__icon {
          background-color: transparent;
          outline: none;
          padding: 1em;
          border: .1em solid #eee;
          text-transform: capitalize;
          color: #626262;
          margin-left: 1em;
          margin-top: 1em;
          display: inline-block;
          font-size: 1.6em;
          cursor: pointer;
          transition: all .2s; }
          .w14-blogdetail__second__social__content__icon:hover {
            color: white;
            background: var(--hover-color-w); }

.w14-bloglist {
  width: 100%;
  color: var(--text-color-w);
  padding: 3em 1em; }
  .w14-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 43.75em) {
      .w14-bloglist__group {
        flex-direction: column; } }
  .w14-bloglist__first {
    width: 67%; }
    @media only screen and (max-width: 43.75em) {
      .w14-bloglist__first {
        width: 100%; } }
    .w14-bloglist__first__items {
      margin-top: 4em; }
      @media only screen and (min-width: 43.75em) {
        .w14-bloglist__first__items__2 {
          width: 47.5%;
          display: inline-block;
          margin-right: 2%; } }
      .w14-bloglist__first__items__image {
        position: relative; }
        .w14-bloglist__first__items__image__imgbox {
          width: 100%; }
          .w14-bloglist__first__items__image__imgbox__img {
            width: 100%; }
        .w14-bloglist__first__items__image__user {
          position: absolute;
          bottom: -3em;
          background-color: white;
          display: flex;
          align-items: center;
          padding: 1.5em;
          left: 5em;
          border-radius: 4em;
          box-shadow: .1em .1em 1em .05em #eee; }
          .w14-bloglist__first__items__image__user__imgbox {
            width: 5em;
            height: 5em;
            min-width: 5em;
            border-radius: 50%;
            overflow: hidden; }
            .w14-bloglist__first__items__image__user__imgbox__img {
              width: 100%;
              height: 100%; }
          .w14-bloglist__first__items__image__user__text {
            margin-left: 1em;
            font-size: 1.4em;
            font-weight: 600; }
      .w14-bloglist__first__items__content {
        margin-top: 6em; }
        .w14-bloglist__first__items__content__post {
          display: flex;
          justify-content: space-between;
          text-transform: uppercase; }
          .w14-bloglist__first__items__content__post__cate {
            color: var(--main-color-w);
            font-weight: 700; }
          .w14-bloglist__first__items__content__post__text {
            color: #626262;
            margin-left: 1em; }
        .w14-bloglist__first__items__content__main {
          margin-top: .2em;
          font-size: 2.5em;
          font-weight: 600;
          text-transform: capitalize;
          cursor: pointer;
          display: block; }
          .w14-bloglist__first__items__content__main:hover {
            color: var(--hover-color-w); }
        .w14-bloglist__first__items__content__sub {
          margin-top: 1em;
          color: #626262;
          font-size: 1.4em; }
        .w14-bloglist__first__items__content__button {
          font-weight: 600;
          background-color: transparent;
          text-transform: capitalize;
          border: none;
          font-size: 1.6em;
          margin-top: 2em;
          padding-bottom: .5em;
          display: block;
          cursor: pointer;
          border-bottom: .15em solid black; }
          .w14-bloglist__first__items__content__button:hover {
            color: var(--hover-color-w); }
    .w14-bloglist__first__paging {
      text-align: center;
      margin-top: 2em;
      display: flex;
      align-items: center;
      justify-content: center; }
      .w14-bloglist__first__paging__items {
        padding: 1em;
        width: 3.3em;
        display: inline-block;
        border-radius: 50%;
        font-weight: 600;
        margin-left: 1em;
        border: .1em solid #eee;
        cursor: pointer; }
      .w14-bloglist__first__paging__active {
        background-color: black;
        color: white; }
      .w14-bloglist__first__paging__pre {
        cursor: pointer;
        margin-left: 1em;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1.3em;
        border: .1em solid #eee;
        width: 3.4em;
        padding: 1em;
        border-radius: 50%; }
  .w14-bloglist__second {
    width: 30%;
    margin-top: 4em; }
    @media only screen and (max-width: 43.75em) {
      .w14-bloglist__second {
        width: 100%; } }
    .w14-bloglist__second__search {
      display: flex;
      align-items: center;
      border: .1em solid #eee;
      border-radius: .5em;
      overflow: hidden; }
      .w14-bloglist__second__search__input {
        border: none;
        outline: none;
        margin-left: 1em;
        width: 100%; }
      .w14-bloglist__second__search__icon {
        font-size: 2em;
        padding: 1em;
        background-color: var(--main-color-w);
        color: white;
        display: inline-block;
        margin-left: auto; }
    .w14-bloglist__second__latest {
      border-radius: .5em;
      overflow: hidden;
      margin-top: 2em;
      border: .1em solid #eee;
      border-radius: .7em; }
      .w14-bloglist__second__latest__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        background-color: #f6f6f9;
        text-transform: capitalize; }
        .w14-bloglist__second__latest__heading__icon {
          color: var(--main-color-w); }
      .w14-bloglist__second__latest__content {
        display: flex;
        align-items: center;
        padding: 1.5em 2em; }
        .w14-bloglist__second__latest__content__imgbox {
          min-width: 5em;
          width: 5em;
          height: 5em;
          overflow: hidden;
          border-radius: .2em; }
          .w14-bloglist__second__latest__content__imgbox__img {
            width: 100%; }
        .w14-bloglist__second__latest__content__info {
          margin-left: 1em;
          transition: all .2s;
          cursor: pointer; }
          .w14-bloglist__second__latest__content__info__date {
            margin-top: .5em;
            color: #626262;
            text-transform: capitalize; }
          .w14-bloglist__second__latest__content__info__text {
            font-size: 1.5em;
            font-weight: 500;
            display: block; }
          .w14-bloglist__second__latest__content__info:hover {
            color: var(--hover-color-w); }
    .w14-bloglist__second__blog {
      margin-top: 2em;
      border: .1em solid #eee;
      border-radius: .7em; }
      .w14-bloglist__second__blog__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        background-color: #f6f6f9;
        text-transform: capitalize; }
        .w14-bloglist__second__blog__heading__icon {
          color: var(--main-color-w); }
      .w14-bloglist__second__blog__content {
        padding: 1.5em 2em; }
        .w14-bloglist__second__blog__content__info {
          display: flex;
          align-items: center;
          cursor: pointer; }
          .w14-bloglist__second__blog__content__info__icon {
            font-size: 1.6em; }
          .w14-bloglist__second__blog__content__info__text {
            font-size: 1.3em;
            margin-left: 1em;
            display: block; }
          .w14-bloglist__second__blog__content__info:hover {
            color: var(--hover-color-w); }
    .w14-bloglist__second__tag {
      margin-top: 2em;
      border: .1em solid #eee; }
      .w14-bloglist__second__tag__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        background-color: #f6f6f9;
        text-transform: capitalize; }
      .w14-bloglist__second__tag__content {
        padding: 1em 2em;
        display: flex;
        flex-wrap: wrap; }
        .w14-bloglist__second__tag__content__button {
          background-color: transparent;
          outline: none;
          padding: 1em;
          border: .1em solid #eee;
          text-transform: capitalize;
          color: #626262;
          margin-left: 1em;
          margin-top: 1em;
          display: inline-block;
          cursor: pointer;
          transition: all .2s; }
          .w14-bloglist__second__tag__content__button:hover {
            color: white;
            background: var(--hover-color-w); }
    .w14-bloglist__second__social {
      margin-top: 2em;
      border: .1em solid #eee; }
      .w14-bloglist__second__social__heading {
        font-weight: 600;
        font-size: 1.8em;
        padding: 1em;
        background-color: #f6f6f9;
        text-transform: capitalize; }
      .w14-bloglist__second__social__content {
        padding: 1em 2em;
        display: flex;
        flex-wrap: wrap; }
        .w14-bloglist__second__social__content__icon {
          background-color: transparent;
          outline: none;
          padding: 1em;
          border: .1em solid #eee;
          text-transform: capitalize;
          color: #626262;
          margin-left: 1em;
          margin-top: 1em;
          display: inline-block;
          font-size: 1.6em;
          cursor: pointer;
          transition: all .2s; }
          .w14-bloglist__second__social__content__icon:hover {
            color: white;
            background: var(--hover-color-w); }

.w14-productdetail {
  position: relative;
  width: 100%;
  padding: 2em 1em;
  color: var(--text-color-w); }
  .w14-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative; }
  .w14-productdetail__gll {
    position: relative;
    margin: 0 auto; }
    .w14-productdetail__gll__img-slider {
      background-position: center;
      background-size: cover;
      height: 60em; }
      .w14-productdetail__gll__img-slider__img {
        width: 100%; }
    .w14-productdetail__gll__img {
      display: none !important; }
    .w14-productdetail__gll__360 {
      display: none; }
    .w14-productdetail__gll__location {
      display: none; }
    .w14-productdetail__gll__item {
      position: absolute;
      top: 2em;
      display: block;
      z-index: 2;
      right: 5%; }
      .w14-productdetail__gll__item__icon {
        padding: 1em;
        background-color: rgba(0, 0, 0, 0.719);
        color: white;
        border-radius: .3em;
        font-size: 1.4em;
        cursor: pointer;
        margin-left: .5em; }
        .w14-productdetail__gll__item__icon-active {
          background-color: #ff5a5f; }
    .w14-productdetail__gll .owl-thumb-item {
      background-color: transparent !important;
      border: .2em solid white;
      margin-left: .5em; }
    .w14-productdetail__gll__owl-imgbox__img {
      width: 100%; }
    .w14-productdetail__gll__owl-thumb {
      width: 50%;
      display: flex;
      bottom: 1em;
      background-color: transparent;
      position: absolute;
      z-index: 1; }
      .w14-productdetail__gll__owl-thumb__imgbox {
        width: 20em; }
        .w14-productdetail__gll__owl-thumb__imgbox__img {
          width: 100%; }
    .w14-productdetail__gll__owl-col {
      width: 30%; }
    .w14-productdetail__gll__button {
      border: .1em solid white;
      border-radius: 50%;
      padding: 0.5em 0.5em;
      text-align: center;
      color: white;
      display: inline-block;
      padding: 1em 1.1em;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      transition: all .2s; }
      .w14-productdetail__gll__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black; }
      .w14-productdetail__gll__button-next {
        position: absolute;
        top: 40%;
        right: 0;
        margin-right: 1em;
        z-index: 2; }
      .w14-productdetail__gll__button__icon {
        font-size: 2em; }
      .w14-productdetail__gll__button-prev {
        position: absolute;
        top: 40%;
        margin-left: 1em;
        z-index: 2; }
  .w14-productdetail__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1em;
    flex-wrap: wrap;
    margin-bottom: 1em; }
    .w14-productdetail__title__info__name {
      display: flex;
      align-items: center;
      font-size: 600;
      font-size: 1.4em;
      font-weight: 600; }
      .w14-productdetail__title__info__name__type {
        background-color: #ff5a5f;
        color: white;
        padding: .7em;
        border-radius: .2em;
        font-size: .7em;
        margin-left: 1em;
        text-transform: uppercase;
        font-weight: 700; }
        .w14-productdetail__title__info__name__type:last-child {
          background-color: #42bc61; }
    .w14-productdetail__title__info__location {
      font-weight: 300;
      font-size: 1.2em;
      margin-top: 1em;
      display: block; }
      .w14-productdetail__title__info__location__icon {
        color: var(--main-color-w); }
      .w14-productdetail__title__info__location__text {
        color: #777; }
    .w14-productdetail__title__info__price {
      display: flex;
      align-items: center;
      color: var(--main-color-w);
      margin-top: 1em;
      margin-left: auto; }
      .w14-productdetail__title__info__price__main {
        font-weight: 600;
        font-size: 2.2em; }
      .w14-productdetail__title__info__price__sub {
        color: var(--main-color-w);
        margin-left: 1em;
        transition: all .2s;
        cursor: pointer;
        text-decoration: line-through; }
  .w14-productdetail__content {
    max-width: 120em;
    padding: 2em 0;
    margin: 0 auto; }
    @media only screen and (max-width: 56.25em) {
      .w14-productdetail__content {
        padding: 2em; } }
    .w14-productdetail__content__body {
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 43.75em) {
        .w14-productdetail__content__body {
          flex-direction: column; } }
      .w14-productdetail__content__body__first {
        width: 65%; }
        @media only screen and (max-width: 56.25em) {
          .w14-productdetail__content__body__first {
            width: 50%; } }
        @media only screen and (max-width: 43.75em) {
          .w14-productdetail__content__body__first {
            width: 100%; } }
        .w14-productdetail__content__body__first__row {
          border-bottom: .1em solid #eee;
          background-color: white;
          padding: 1em;
          padding-bottom: 2em;
          border-radius: .5em; }
        .w14-productdetail__content__body__first__heading {
          font-size: 1.8em;
          color: black;
          font-weight: 600; }
        .w14-productdetail__content__body__first__text {
          background-color: white;
          margin-top: 1em;
          text-align: justify;
          line-height: 1.8em;
          font-size: 1.5em;
          text-align: justify; }
          .w14-productdetail__content__body__first__text h2, .w14-productdetail__content__body__first__text h3, .w14-productdetail__content__body__first__text h4, .w14-productdetail__content__body__first__text h5, .w14-productdetail__content__body__first__text img, .w14-productdetail__content__body__first__text iframe, .w14-productdetail__content__body__first__text p {
            margin: .7em 0; }
          .w14-productdetail__content__body__first__text ul, .w14-productdetail__content__body__first__text ol {
            list-style: none; }
        .w14-productdetail__content__body__first__amen {
          margin-top: 1em; }
          .w14-productdetail__content__body__first__amen__text {
            font-size: 1.8em;
            font-weight: 600;
            margin-bottom: .5em; }
          .w14-productdetail__content__body__first__amen__row {
            display: flex;
            flex-wrap: wrap; }
          .w14-productdetail__content__body__first__amen__info {
            margin-top: 1em;
            display: flex;
            flex-direction: column;
            width: 22%;
            margin-bottom: 2em; }
            .w14-productdetail__content__body__first__amen__info__icon {
              color: var(--main-color-w);
              margin-right: 1em;
              font-size: 1.8em;
              margin-top: .5em; }
            .w14-productdetail__content__body__first__amen__info__text {
              font-size: 1.3em;
              text-transform: uppercase;
              font-weight: 600; }
        .w14-productdetail__content__body__first__location__text {
          font-size: 1.4em;
          font-weight: 600; }
        .w14-productdetail__content__body__first__location iframe {
          margin-top: 1em;
          display: block;
          border-radius: 1em; }
        .w14-productdetail__content__body__first__tourbox__text {
          font-size: 1.6em;
          font-weight: 600;
          cursor: pointer;
          margin-top: 1em;
          display: block;
          padding: 1em; }
        .w14-productdetail__content__body__first__tourbox__tab {
          margin-top: 2em; }
          .w14-productdetail__content__body__first__tourbox__tab iframe {
            border-radius: 1em; }
      .w14-productdetail__content__body__second {
        width: 33%;
        margin-top: -20em;
        z-index: 1; }
        @media only screen and (max-width: 56.25em) {
          .w14-productdetail__content__body__second {
            width: 45%; } }
        @media only screen and (max-width: 43.75em) {
          .w14-productdetail__content__body__second {
            width: 100%; } }
        .w14-productdetail__content__body__second__items {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin-top: 4em; }
          .w14-productdetail__content__body__second__items__item {
            background-color: white;
            height: max-content;
            border-radius: .5em;
            box-shadow: .3em .3em 2em .01em #eee;
            margin-top: 1.5em; }
            .w14-productdetail__content__body__second__items__item__image {
              position: relative; }
              .w14-productdetail__content__body__second__items__item__image:hover .w14-productdetail__content__body__second__items__item__image__view {
                opacity: 1; }
              .w14-productdetail__content__body__second__items__item__image__view {
                position: absolute;
                top: 50%;
                left: 50%;
                opacity: 0;
                transform: translateX(-50%) translateY(-50%);
                transition: all .2s ease; }
                .w14-productdetail__content__body__second__items__item__image__view__button {
                  padding: 1em;
                  border-radius: 50%;
                  font-size: 1.4em;
                  background-color: rgba(255, 255, 255, 0.87); }
                  .w14-productdetail__content__body__second__items__item__image__view__button:hover {
                    background-color: white; }
              .w14-productdetail__content__body__second__items__item__image__cate {
                position: absolute;
                top: -1em;
                background-color: #f7884c;
                color: white;
                padding: 1em;
                font-weight: 800;
                text-transform: uppercase;
                left: 3em; }
              .w14-productdetail__content__body__second__items__item__image__imgbox {
                border-radius: .5em; }
              .w14-productdetail__content__body__second__items__item__image__info {
                position: absolute;
                bottom: 1em;
                display: flex;
                width: 100%;
                align-items: center;
                color: white;
                padding: 0 1em; }
                .w14-productdetail__content__body__second__items__item__image__info__imgbox {
                  width: 5em;
                  min-width: 5em;
                  border-radius: 50%;
                  height: 5em;
                  overflow: hidden;
                  border: .2em solid #fff; }
                  .w14-productdetail__content__body__second__items__item__image__info__imgbox__img {
                    height: 100%;
                    width: 100%; }
                .w14-productdetail__content__body__second__items__item__image__info__name {
                  margin-left: .5em;
                  font-weight: 600; }
                .w14-productdetail__content__body__second__items__item__image__info__type {
                  background-color: #28a745;
                  text-transform: uppercase;
                  padding: .5em;
                  font-weight: 600;
                  margin-left: auto; }
            .w14-productdetail__content__body__second__items__item__content {
              padding: 0 1em; }
              .w14-productdetail__content__body__second__items__item__content__main {
                font-weight: 600;
                font-size: 1.6em;
                margin-top: 1em;
                display: block; }
              .w14-productdetail__content__body__second__items__item__content__des {
                color: #777;
                margin-top: .5em;
                font-size: 1.3em; }
              .w14-productdetail__content__body__second__items__item__content__amen {
                display: flex;
                margin-top: 2em;
                padding-bottom: 1.5em;
                border-bottom: .1em solid #eee;
                flex-wrap: wrap; }
                .w14-productdetail__content__body__second__items__item__content__amen__info {
                  display: flex;
                  align-items: center;
                  width: 30%; }
                  @media only screen and (max-width: 37.5em) {
                    .w14-productdetail__content__body__second__items__item__content__amen__info {
                      width: 45%;
                      margin-top: 1em; } }
                  .w14-productdetail__content__body__second__items__item__content__amen__info:not(:last-child) {
                    margin-right: .5em; }
                  .w14-productdetail__content__body__second__items__item__content__amen__info__icon {
                    color: var(--main-color-w);
                    font-size: 1.6em; }
                  .w14-productdetail__content__body__second__items__item__content__amen__info__text {
                    font-size: 1.4em;
                    font-weight: 600;
                    margin-left: .2em; }
              .w14-productdetail__content__body__second__items__item__content__sale {
                padding: 2em 0;
                display: flex;
                justify-content: space-between;
                align-items: center; }
                .w14-productdetail__content__body__second__items__item__content__sale__price {
                  display: flex;
                  color: var(--main-color-w);
                  font-weight: 600;
                  align-items: center; }
                  .w14-productdetail__content__body__second__items__item__content__sale__price__main {
                    font-size: 1.6em; }
                  .w14-productdetail__content__body__second__items__item__content__sale__price__sub {
                    font-size: 1.4em;
                    margin-left: 1em;
                    opacity: .5;
                    text-decoration: line-through; }
                .w14-productdetail__content__body__second__items__item__content__sale__icon {
                  padding: 1em;
                  font-size: 1.3em;
                  border: .1em solid #eee;
                  border-radius: .2em;
                  transition: all .2s; }
                  .w14-productdetail__content__body__second__items__item__content__sale__icon:hover {
                    background-color: var(--hover-color-w);
                    color: white; }
        .w14-productdetail__content__body__second__contact {
          margin-right: 1em;
          padding: 2em;
          background-color: white;
          height: max-content;
          border-radius: .7em; }
          .w14-productdetail__content__body__second__contact__title {
            font-weight: 600;
            font-size: 1.6em; }
          .w14-productdetail__content__body__second__contact__user-row {
            margin-top: 2em;
            display: flex;
            align-items: center; }
          .w14-productdetail__content__body__second__contact__user__imgbox {
            max-width: 7em;
            max-height: 7em;
            width: 7em;
            height: 7em;
            border-radius: 50%;
            overflow: hidden; }
            .w14-productdetail__content__body__second__contact__user__imgbox__img {
              width: 100%;
              height: 100%; }
          .w14-productdetail__content__body__second__contact__user__info {
            margin-left: 2em; }
            .w14-productdetail__content__body__second__contact__user__info__name {
              font-weight: 600;
              font-size: 1.6em;
              margin-bottom: 1em; }
            .w14-productdetail__content__body__second__contact__user__info__phone {
              font-weight: 300;
              font-size: 1.4em; }
          .w14-productdetail__content__body__second__contact__user__text {
            padding: 1em;
            width: 100%;
            border: .1em solid #eee;
            outline: none;
            margin-top: 1em;
            border-radius: .5em; }
          .w14-productdetail__content__body__second__contact__user__button {
            padding: 1em;
            width: 100%;
            background-color: var(--main-color-w);
            display: block;
            color: white;
            text-align: center;
            font-weight: 600;
            font-size: 1.3em;
            margin-top: 3em;
            border-radius: .3em;
            cursor: pointer; }
            .w14-productdetail__content__body__second__contact__user__button:hover {
              filter: brightness(0.8); }
        .w14-productdetail__content__body__second__latest {
          margin-top: 2em;
          border: .1em solid #eee;
          padding: 1em;
          background-color: white;
          border-radius: .5em; }
          .w14-productdetail__content__body__second__latest__heading {
            font-weight: 600;
            font-size: 1.8em;
            padding: .5em; }
          .w14-productdetail__content__body__second__latest__content {
            display: flex;
            padding: 1em;
            margin-top: 1em;
            align-items: center;
            justify-content: center; }
            .w14-productdetail__content__body__second__latest__content__imgbox {
              width: 15em;
              min-width: 15em;
              overflow: hidden;
              border-radius: .5em; }
              .w14-productdetail__content__body__second__latest__content__imgbox__img {
                width: 100%;
                height: 100%; }
            .w14-productdetail__content__body__second__latest__content__info {
              margin-left: 1em;
              transition: all .2s;
              cursor: pointer; }
              .w14-productdetail__content__body__second__latest__content__info__date {
                margin-top: .5em;
                color: #626262; }
              .w14-productdetail__content__body__second__latest__content__info__text {
                font-size: 1.6em;
                font-weight: 500; }
              .w14-productdetail__content__body__second__latest__content__info__properties {
                justify-content: space-between;
                margin-top: 1em; }
                .w14-productdetail__content__body__second__latest__content__info__properties__text {
                  font-weight: 500;
                  font-size: 1em;
                  white-space: nowrap;
                  margin-top: 1em;
                  color: #777; }
                .w14-productdetail__content__body__second__latest__content__info__properties__price {
                  font-size: 1.6em;
                  font-weight: 600; }
                  .w14-productdetail__content__body__second__latest__content__info__properties__price__sub {
                    text-decoration: line-through;
                    margin-left: 1em; }
              .w14-productdetail__content__body__second__latest__content__info:hover {
                color: var(--hover-color-w); }

.w14-productlist {
  width: 100%;
  padding: 3em 1em;
  background-color: #f1f1f7;
  color: var(--text-color-w); }
  .w14-productlist__group {
    max-width: 120em;
    margin: 0 auto; }
  .w14-productlist__heading {
    text-align: center; }
    .w14-productlist__heading__title {
      text-transform: capitalize;
      font-weight: 600;
      font-size: 3em;
      display: inline-block; }
      .w14-productlist__heading__title::after {
        content: "";
        width: 2em;
        height: .05em;
        margin: .5em auto;
        background-color: var(--main-color-w);
        display: block; }
    .w14-productlist__heading__des {
      color: #777;
      font-size: 1.6em;
      margin-top: 1em; }
    .w14-productlist__heading__tab {
      border-top: .2em solid white;
      text-align: center;
      margin-top: 2em;
      border-radius: .2em; }
      .w14-productlist__heading__tab__name {
        padding: 1em;
        cursor: pointer;
        border-bottom-left-radius: .5em;
        border-bottom-right-radius: .5em;
        background-color: white;
        display: inline-block;
        font-size: 1.4em;
        position: relative;
        margin-left: -1em;
        font-weight: 600;
        margin-top: -.1em; }
        .w14-productlist__heading__tab__name-active {
          box-shadow: 0em .1em 1em .1em #eee;
          border: 0.1em solid var(--main-color-w);
          z-index: 2;
          display: inline-block;
          font-weight: 800; }
  .w14-productlist__items {
    display: flex;
    flex-wrap: wrap;
    gap: 1.33333%; }
    @media only screen and (max-width: 50em) {
      .w14-productlist__items {
        gap: 2%; } }
    .w14-productlist__items__item {
      background-color: white;
      width: 32%;
      height: max-content;
      margin-top: 4em;
      border-radius: .5em;
      box-shadow: .3em .3em .1em .1em #eee; }
      @media only screen and (max-width: 50em) {
        .w14-productlist__items__item {
          width: 98%;
          text-align: center;
          margin-left: 0;
          margin: 0 auto; } }
      .w14-productlist__items__item__image {
        position: relative; }
        .w14-productlist__items__item__image:hover .w14-productlist__items__item__image__view {
          opacity: 1; }
        .w14-productlist__items__item__image__view {
          position: absolute;
          top: 50%;
          left: 50%;
          opacity: 0;
          transform: translateX(-50%) translateY(-50%);
          transition: all .2s ease; }
          .w14-productlist__items__item__image__view__button {
            padding: 1em;
            border-radius: 50%;
            font-size: 1.4em;
            background-color: rgba(255, 255, 255, 0.87); }
            .w14-productlist__items__item__image__view__button:hover {
              background-color: white; }
        .w14-productlist__items__item__image__cate {
          position: absolute;
          top: -1em;
          background-color: #f7884c;
          color: white;
          padding: 1em;
          font-weight: 800;
          text-transform: uppercase;
          left: 3em; }
        .w14-productlist__items__item__image__imgbox {
          border-radius: .5em; }
          .w14-productlist__items__item__image__imgbox__img {
            width: 100%; }
        .w14-productlist__items__item__image__info {
          position: absolute;
          bottom: 1em;
          display: flex;
          width: 100%;
          align-items: center;
          color: white;
          padding: 0 1em; }
          .w14-productlist__items__item__image__info__imgbox {
            width: 5em;
            border-radius: 50%;
            height: 5em;
            min-width: 5em;
            overflow: hidden;
            border: .2em solid #fff; }
            .w14-productlist__items__item__image__info__imgbox__img {
              height: 100%;
              width: 100%; }
          .w14-productlist__items__item__image__info__name {
            margin-left: .5em;
            font-weight: 600; }
          .w14-productlist__items__item__image__info__type {
            background-color: #28a745;
            text-transform: uppercase;
            padding: .5em;
            font-weight: 600;
            margin-left: auto; }
      .w14-productlist__items__item__content {
        padding: 0 1em; }
        .w14-productlist__items__item__content__main {
          font-weight: 600;
          font-size: 1.6em;
          margin-top: 1em;
          display: block; }
        .w14-productlist__items__item__content__des {
          color: #777;
          margin-top: .5em;
          font-size: 1.3em; }
        .w14-productlist__items__item__content__amen {
          display: flex;
          margin-top: 2em;
          padding-bottom: 1.5em;
          border-bottom: .1em solid #eee;
          flex-wrap: wrap; }
          .w14-productlist__items__item__content__amen__info {
            display: flex;
            align-items: center;
            width: 30%; }
            @media only screen and (max-width: 37.5em) {
              .w14-productlist__items__item__content__amen__info {
                width: 45%;
                margin-top: 1em; } }
            .w14-productlist__items__item__content__amen__info:not(:last-child) {
              margin-right: .5em; }
            .w14-productlist__items__item__content__amen__info__icon {
              color: var(--main-color-w);
              font-size: 1.6em; }
            .w14-productlist__items__item__content__amen__info__text {
              font-size: 1.4em;
              font-weight: 600;
              margin-left: .2em; }
        .w14-productlist__items__item__content__sale {
          padding: 2em 0;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .w14-productlist__items__item__content__sale__price {
            display: flex;
            color: var(--main-color-w);
            font-weight: 600;
            align-items: center; }
            .w14-productlist__items__item__content__sale__price__main {
              font-size: 1.6em; }
            .w14-productlist__items__item__content__sale__price__sub {
              font-size: 1.4em;
              margin-left: 1em;
              opacity: .5;
              text-decoration: line-through; }
          .w14-productlist__items__item__content__sale__icon {
            padding: 1em;
            font-size: 1.3em;
            border: .1em solid #eee;
            border-radius: .2em;
            transition: all .2s; }
            .w14-productlist__items__item__content__sale__icon:hover {
              background-color: var(--hover-color-w);
              color: white; }

.w14-thankyou {
  width: 100%;
  color: var(--text-color-w); }
  .w14-thankyou__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center; }
  .w14-thankyou__imgbox {
    width: 30em;
    height: 30em;
    display: inline-block; }
    .w14-thankyou__imgbox__img {
      width: 100%; }
  .w14-thankyou__content {
    text-align: center; }
    .w14-thankyou__content__main {
      font-size: 3em;
      font-weight: 600;
      text-transform: capitalize; }
    .w14-thankyou__content__sub {
      margin-top: 1em;
      font-size: 1.6em; }
  .w14-thankyou__button {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding: 1em;
    margin-top: 2em;
    background-color: var(--main-color-w);
    color: white;
    font-weight: 600; }

.w15-banner {
  width: 100%;
  background-image: url(/img/w15/1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  color: var(--text-color-w); }
  .w15-banner__group {
    max-width: 120em;
    margin: 0 auto;
    padding-top: 10em;
    padding-bottom: 25em; }
  .w15-banner__heading {
    font-size: 2em;
    color: #777;
    text-transform: capitalize;
    margin-top: 2em; }
  .w15-banner__des {
    font-size: 4em;
    margin-top: .5em;
    text-transform: capitalize;
    margin-bottom: 1em; }
  .w15-banner__search {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 1em;
    justify-content: center;
    box-shadow: 0.3em 0.3em 1em 0.3em rgba(0, 0, 0, 0.1);
    border-radius: .3em; }
    @media only screen and (max-width: 50em) {
      .w15-banner__search {
        flex-wrap: wrap; } }
    @media only screen and (max-width: 37.5em) {
      .w15-banner__search {
        flex-direction: column; } }
    .w15-banner__search__form {
      width: 17%;
      border: .1em solid #eee;
      border-radius: .3em;
      display: flex;
      align-items: center;
      margin-right: 1em;
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w15-banner__search__form {
          width: 30%;
          margin-top: 1em; } }
      @media only screen and (max-width: 37.5em) {
        .w15-banner__search__form {
          width: 100%; } }
      .w15-banner__search__form:hover {
        border: 0.1em solid var(--main-color-w); }
      .w15-banner__search__form__icon {
        color: var(--main-color-w);
        font-size: 1.3em;
        margin-right: 1em;
        margin-left: 1em; }
        .w15-banner__search__form__icon-right {
          margin-left: auto;
          float: right;
          color: var(--main-color-w);
          font-size: 1.3em;
          margin-right: .5em; }
      .w15-banner__search__form__input {
        border: none;
        outline: none;
        width: 100%;
        margin: .7em;
        font-size: 1.4em; }
      .w15-banner__search__form__items {
        margin: 1em;
        list-style: none;
        width: 100%;
        background-color: white; }
        .w15-banner__search__form__items__item {
          width: 100%; }
          .w15-banner__search__form__items__item__checkbox-sl {
            display: none; }
          .w15-banner__search__form__items__item__text {
            font-size: 1.2em;
            margin-right: .5em;
            width: 100%;
            white-space: nowrap;
            display: block;
            cursor: pointer; }
        .w15-banner__search__form__items__item__checkbox-sl:checked ~ .w15-banner__search__form__items-1 {
          display: block;
          z-index: 1; }
        .w15-banner__search__form__items-1 {
          list-style: none;
          position: absolute;
          display: none;
          width: 100%;
          left: 0;
          top: 4em;
          background-color: transparent;
          overflow: hidden;
          background-color: white;
          border: .1em solid #eee;
          border-radius: .5em; }
          .w15-banner__search__form__items-1__item {
            cursor: pointer;
            padding: 1em;
            width: 100%; }
            .w15-banner__search__form__items-1__item:hover {
              background-color: #eee; }
            .w15-banner__search__form__items-1__item__text {
              font-size: 1.2em;
              margin-right: .5em;
              white-space: nowrap; }
              .w15-banner__search__form__items-1__item__text-active {
                font-weight: 700; }
    .w15-banner__search__button {
      padding: 1em 2em;
      background-color: var(--main-color-w);
      border-radius: .3em;
      position: relative;
      cursor: pointer;
      white-space: nowrap; }
      @media only screen and (max-width: 50em) {
        .w15-banner__search__button {
          margin-top: 1em; } }
      .w15-banner__search__button__text {
        color: white;
        font-weight: 600;
        font-size: 1.4em;
        text-transform: uppercase; }
      .w15-banner__search__button::before {
        position: absolute;
        content: "";
        height: 50%;
        width: 50%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        transition: all .2s; }
    .w15-banner__search__button:hover::before {
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.212); }

.w15-products-1 {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w15-products-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w15-products-1__heading {
    font-weight: 600;
    font-size: 4em;
    text-align: center; }
  .w15-products-1__items {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    gap: 1%; }
    .w15-products-1__items__child:hover .w15-products-1__items__child__card__action {
      bottom: 0; }
    .w15-products-1__items__child {
      width: 24%;
      margin-top: 1em;
      height: max-content;
      background-color: #F6F6F6;
      border-radius: 1em;
      overflow: hidden;
      position: relative;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w15-products-1__items__child {
          width: 49%;
          margin-top: 2em; } }
      @media only screen and (max-width: 31.25em) {
        .w15-products-1__items__child {
          width: 100%;
          margin-top: 2em; } }
      .w15-products-1__items__child__image {
        position: relative; }
        .w15-products-1__items__child__image__imgbox {
          overflow: hidden;
          width: 100%;
          transition: all .2s; }
          .w15-products-1__items__child__image__imgbox:hover {
            transform: scale(1.1); }
        .w15-products-1__items__child__image__icon {
          position: absolute;
          transform: translateY(-2em);
          padding: 1em;
          font-size: 1.3em;
          background-color: rgba(0, 0, 0, 0.808);
          color: white;
          border-radius: 50%;
          right: 1em;
          transition: all .2s;
          box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.178);
          cursor: pointer; }
          .w15-products-1__items__child__image__icon:hover {
            background-color: #F6F6F6;
            color: black; }
      .w15-products-1__items__child__card {
        padding: 1em;
        margin-top: 1em; }
        .w15-products-1__items__child__card__user {
          color: #777;
          font-size: 1.2em; }
        .w15-products-1__items__child__card__name {
          font-weight: 600;
          font-size: 1.9em;
          margin-top: .5em;
          display: block; }
        .w15-products-1__items__child__card__price {
          margin-top: 1.5em;
          display: flex;
          align-items: center;
          border-bottom: .1em solid #eee;
          padding-bottom: 1.5em; }
          .w15-products-1__items__child__card__price__main {
            font-size: 1.6em;
            font-weight: 600; }
          .w15-products-1__items__child__card__price__sub {
            font-size: 1.4em;
            text-decoration: line-through;
            margin-left: 1em;
            color: #777; }
        .w15-products-1__items__child__card__amen {
          display: flex;
          align-items: center;
          bottom: 0;
          padding: 1em;
          flex-wrap: wrap;
          width: 100%; }
          .w15-products-1__items__child__card__amen__content {
            display: inline-flex;
            align-items: center;
            margin-right: 1em;
            font-size: 1.3em;
            margin-top: 1em;
            justify-content: center; }
            .w15-products-1__items__child__card__amen__content__icon {
              margin-right: .5em;
              color: var(--main-color-w); }
            .w15-products-1__items__child__card__amen__content__text {
              font-size: .8em;
              white-space: nowrap; }
        .w15-products-1__items__child__card__action {
          position: absolute;
          display: flex;
          align-items: center;
          bottom: 0;
          padding: 1em;
          flex-wrap: wrap;
          width: 100%;
          background-color: #f5f5f5;
          bottom: -10em;
          transition: all .2s; }
          .w15-products-1__items__child__card__action__icon {
            padding: 1em;
            color: var(--main-color-w);
            background-color: var(--hover-color-w);
            margin-right: .7em;
            border-radius: .2em; }
          .w15-products-1__items__child__card__action__button {
            display: inline-block;
            cursor: pointer;
            padding: .5em 1em;
            background-color: var(--main-color-w);
            border: none;
            outline: none;
            font-weight: 600;
            color: white;
            border-radius: .2em;
            font-size: 1.5em; }

.w15-products-2 {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w15-products-2__group {
    max-width: 120em;
    margin: 0 auto; }
  .w15-products-2__heading {
    font-weight: 600;
    font-size: 4em;
    text-align: center; }
  .w15-products-2__tab {
    margin-top: 2em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .w15-products-2__tab__items {
      cursor: pointer;
      margin-top: 1em;
      background-color: #3e4c66;
      color: white;
      height: 8em;
      width: 8em;
      text-align: center;
      display: flex;
      align-items: center;
      border: .1em solid #eee;
      justify-content: center;
      border-radius: 50%;
      padding: .5em;
      font-size: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis; }
      .w15-products-2__tab__items:not(:first-child) {
        margin-left: 1em; }
      .w15-products-2__tab__items-active {
        background-color: var(--main-color-w); }
  .w15-products-2__items {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    gap: 1.3333333333%; }
    .w15-products-2__items__child:hover .w15-products-2__items__child__card__action {
      bottom: 0; }
    .w15-products-2__items__child {
      width: 24%;
      margin-top: 1em;
      height: max-content;
      background-color: #F6F6F6;
      border-radius: 1em;
      overflow: hidden;
      position: relative;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w15-products-2__items__child {
          width: 49%;
          margin-top: 2em; } }
      @media only screen and (max-width: 31.25em) {
        .w15-products-2__items__child {
          width: 100%;
          margin-top: 2em; } }
      .w15-products-2__items__child__image {
        position: relative; }
        .w15-products-2__items__child__image__imgbox {
          overflow: hidden;
          width: 100%;
          transition: all .2s; }
          .w15-products-2__items__child__image__imgbox:hover {
            transform: scale(1.1); }
        .w15-products-2__items__child__image__icon {
          position: absolute;
          transform: translateY(-2em);
          padding: 1em;
          font-size: 1.3em;
          background-color: rgba(0, 0, 0, 0.808);
          color: white;
          border-radius: 50%;
          right: 1em;
          transition: all .2s;
          box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.178);
          cursor: pointer; }
          .w15-products-2__items__child__image__icon:hover {
            background-color: #F6F6F6;
            color: var(--text-color-w); }
      .w15-products-2__items__child__card {
        padding: 1em;
        margin-top: 1em; }
        .w15-products-2__items__child__card__user {
          color: #777;
          font-size: 1.2em; }
        .w15-products-2__items__child__card__name {
          font-weight: 600;
          font-size: 1.9em;
          margin-top: .5em;
          display: block; }
        .w15-products-2__items__child__card__price {
          margin-top: 1.5em;
          display: flex;
          align-items: center;
          border-bottom: .1em solid #eee;
          padding-bottom: 1.5em; }
          .w15-products-2__items__child__card__price__main {
            font-size: 1.6em;
            font-weight: 600; }
          .w15-products-2__items__child__card__price__sub {
            font-size: 1.4em;
            text-decoration: line-through;
            margin-left: 1em;
            color: #777; }
        .w15-products-2__items__child__card__amen {
          display: flex;
          align-items: center;
          bottom: 0;
          padding: 1em;
          flex-wrap: wrap;
          width: 100%; }
          .w15-products-2__items__child__card__amen__content {
            display: inline-flex;
            align-items: center;
            margin-right: 1em;
            font-size: 1.3em;
            margin-top: 1em;
            justify-content: center; }
            .w15-products-2__items__child__card__amen__content__icon {
              margin-right: .5em;
              color: var(--main-color-w); }
            .w15-products-2__items__child__card__amen__content__text {
              font-size: .8em;
              white-space: nowrap; }
        .w15-products-2__items__child__card__action {
          position: absolute;
          display: flex;
          align-items: center;
          bottom: 0;
          padding: 1em;
          flex-wrap: wrap;
          width: 100%;
          background-color: #f5f5f5;
          bottom: -10em;
          transition: all .2s; }
          .w15-products-2__items__child__card__action__icon {
            padding: 1em;
            color: var(--main-color-w);
            background-color: var(--hover-color-w);
            margin-right: .7em;
            border-radius: .2em; }
          .w15-products-2__items__child__card__action__button {
            display: inline-block;
            cursor: pointer;
            padding: .5em 1em;
            background-color: var(--main-color-w);
            border: none;
            outline: none;
            font-weight: 600;
            color: white;
            border-radius: .2em;
            font-size: 1.5em; }

.w15-products-3 {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w15-products-3__group {
    max-width: 120em;
    margin: 0 auto; }
  .w15-products-3__heading {
    font-weight: 600;
    font-size: 4em;
    text-align: center; }
  .w15-products-3__tab {
    margin-top: 2em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .w15-products-3__tab__items {
      cursor: pointer;
      margin-top: 1em;
      background-color: #3e4c66;
      color: white;
      height: 8em;
      width: 8em;
      text-align: center;
      display: flex;
      align-items: center;
      border: .1em solid #eee;
      justify-content: center;
      border-radius: 50%;
      padding: .5em;
      font-size: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis; }
      .w15-products-3__tab__items:not(:first-child) {
        margin-left: 1em; }
      .w15-products-3__tab__items-active {
        background-color: var(--main-color-w); }
  .w15-products-3__items {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    gap: 2%; }
    .w15-products-3__items__child:hover .w15-products-3__items__child__card__action {
      bottom: 0; }
    .w15-products-3__items__child {
      width: 32%;
      margin-top: 1em;
      height: max-content;
      background-color: #F6F6F6;
      border-radius: 1em;
      overflow: hidden;
      position: relative;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w15-products-3__items__child {
          width: 49%;
          margin-top: 2em; } }
      @media only screen and (max-width: 31.25em) {
        .w15-products-3__items__child {
          width: 100%;
          margin-top: 2em; } }
      .w15-products-3__items__child__image {
        position: relative; }
        .w15-products-3__items__child__image__imgbox {
          overflow: hidden; }
          .w15-products-3__items__child__image__imgbox__img {
            width: 100%;
            transition: all .2s; }
            .w15-products-3__items__child__image__imgbox__img:hover {
              transform: scale(1.1); }
        .w15-products-3__items__child__image__icon {
          position: absolute;
          transform: translateY(-2em);
          padding: 1em;
          font-size: 1.3em;
          background-color: rgba(0, 0, 0, 0.808);
          color: white;
          border-radius: 50%;
          right: 1em;
          transition: all .2s;
          box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.178);
          cursor: pointer; }
          .w15-products-3__items__child__image__icon:hover {
            background-color: #F6F6F6;
            color: var(--hover-color-w); }
      .w15-products-3__items__child__card {
        padding: 1em;
        margin-top: 1em; }
        .w15-products-3__items__child__card__user {
          color: #777;
          font-size: 1.2em; }
        .w15-products-3__items__child__card__name {
          font-weight: 600;
          font-size: 1.9em;
          margin-top: .5em;
          display: block; }
        .w15-products-3__items__child__card__price {
          margin-top: 1.5em;
          display: flex;
          align-items: center;
          border-bottom: .1em solid #eee;
          padding-bottom: 1.5em; }
          .w15-products-3__items__child__card__price__main {
            font-size: 1.6em;
            font-weight: 600; }
          .w15-products-3__items__child__card__price__sub {
            font-size: 1.4em;
            text-decoration: line-through;
            margin-left: 1em;
            color: #777; }
        .w15-products-3__items__child__card__amen {
          display: flex;
          align-items: center;
          bottom: 0;
          padding: 1em;
          flex-wrap: wrap;
          width: 100%; }
          .w15-products-3__items__child__card__amen__content {
            display: inline-flex;
            align-items: center;
            margin-right: 1em;
            font-size: 1.3em;
            margin-top: 1em;
            justify-content: center; }
            .w15-products-3__items__child__card__amen__content__icon {
              margin-right: .5em;
              color: var(--main-color-w); }
            .w15-products-3__items__child__card__amen__content__text {
              font-size: .8em;
              white-space: nowrap; }
        .w15-products-3__items__child__card__action {
          position: absolute;
          display: flex;
          align-items: center;
          bottom: 0;
          padding: 1em;
          flex-wrap: wrap;
          width: 100%;
          background-color: #f5f5f5;
          bottom: -10em;
          transition: all .2s; }
          .w15-products-3__items__child__card__action__icon {
            padding: 1em;
            color: var(--main-color-w);
            background-color: var(--hover-color-w);
            margin-right: .7em;
            border-radius: .2em; }
          .w15-products-3__items__child__card__action__button {
            display: inline-block;
            cursor: pointer;
            padding: .5em 1em;
            background-color: var(--main-color-w);
            border: none;
            outline: none;
            font-weight: 600;
            color: white;
            border-radius: .2em;
            font-size: 1.5em; }

.w15-products {
  width: 100%;
  padding: 3em 1em;
  background-color: white;
  color: var(--text-color-w); }
  .w15-products__group {
    max-width: 120em;
    margin: 0 auto; }
  .w15-products__heading {
    font-weight: 600;
    font-size: 4em;
    text-align: center; }
  .w15-products__items {
    margin-top: 2em;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 50em) {
      .w15-products__items {
        flex-wrap: wrap; } }
    .w15-products__items__main {
      color: white;
      width: 50%;
      position: relative;
      overflow: hidden;
      border-radius: 1em;
      margin-right: 1em;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w15-products__items__main {
          width: 100%;
          margin-right: 0; } }
      .w15-products__items__main:hover .w15-products__items__main__button {
        opacity: 1;
        visibility: visible; }
      .w15-products__items__main__button {
        visibility: hidden;
        transition: all .2s;
        opacity: 0;
        display: inline-block;
        cursor: pointer;
        padding: 1em;
        background-color: rgba(253, 169, 79, 0.9);
        box-shadow: 0.1em 0.1em 0.5em 0.2em rgba(0, 0, 0, 0.178);
        border: none;
        outline: none;
        font-weight: 600;
        font-size: 1.5em;
        color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%); }
      .w15-products__items__main__imgbox {
        width: 100%;
        transition: all .2s; }
        .w15-products__items__main__imgbox:hover {
          transform: scale(1.1); }
        .w15-products__items__main__imgbox__img {
          width: 100%; }
      .w15-products__items__main__card {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 2em;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 100, 0)); }
        .w15-products__items__main__card__name {
          font-weight: 600;
          font-size: 3em;
          display: block; }
        .w15-products__items__main__card__price {
          display: flex;
          align-items: center;
          margin-top: 1em; }
          .w15-products__items__main__card__price__text {
            font-weight: 700;
            font-size: 2em; }
          .w15-products__items__main__card__price__amen {
            margin-left: 1em;
            font-size: 1.3em; }
            .w15-products__items__main__card__price__amen__text {
              margin-left: .5em; }
    .w15-products__items__child:hover .w15-products__items__child__card__action {
      bottom: 0; }
    .w15-products__items__child {
      width: 23.5%;
      height: max-content;
      background-color: #F6F6F6;
      border-radius: 1em;
      overflow: hidden;
      position: relative;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w15-products__items__child {
          width: 48%;
          margin-top: 2em; } }
      .w15-products__items__child:not(:last-child) {
        margin-right: 1em; }
      .w15-products__items__child__image {
        position: relative; }
        .w15-products__items__child__image__imgbox {
          overflow: hidden;
          height: 23em; }
          .w15-products__items__child__image__imgbox__img {
            width: 100%;
            transition: all .2s; }
            .w15-products__items__child__image__imgbox__img:hover {
              transform: scale(1.1); }
        .w15-products__items__child__image__icon {
          position: absolute;
          transform: translateY(-2em);
          padding: 1em;
          font-size: 1.3em;
          background-color: rgba(0, 0, 0, 0.808);
          color: white;
          border-radius: 50%;
          right: 1em;
          transition: all .2s;
          box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.178);
          cursor: pointer; }
          .w15-products__items__child__image__icon:hover {
            background-color: #F6F6F6;
            color: black; }
      .w15-products__items__child__card {
        padding: 1em;
        margin-top: 1em;
        height: 20em; }
        @media only screen and (max-width: 25em) {
          .w15-products__items__child__card {
            height: 24em; } }
        .w15-products__items__child__card__user {
          color: #777;
          font-size: 1.2em; }
        .w15-products__items__child__card__name {
          font-weight: 600;
          font-size: 1.9em;
          margin-top: .5em;
          display: block; }
        .w15-products__items__child__card__price {
          margin-top: 1.5em;
          display: flex;
          align-items: center;
          border-bottom: .1em solid #eee;
          padding-bottom: 1.5em; }
          .w15-products__items__child__card__price__main {
            font-size: 1.6em;
            font-weight: 600; }
          .w15-products__items__child__card__price__sub {
            font-size: 1.4em;
            text-decoration: line-through;
            margin-left: 1em;
            color: #777; }
        .w15-products__items__child__card__amen {
          display: flex;
          align-items: center;
          bottom: 0;
          padding: 1em;
          flex-wrap: wrap;
          width: 100%; }
          .w15-products__items__child__card__amen__content {
            display: inline-flex;
            align-items: center;
            margin-right: 1em;
            font-size: 1.3em;
            margin-top: 1em;
            justify-content: center; }
            .w15-products__items__child__card__amen__content__icon {
              margin-right: .5em;
              color: var(--main-color-w); }
            .w15-products__items__child__card__amen__content__text {
              font-size: .8em;
              white-space: nowrap; }
        .w15-products__items__child__card__action {
          position: absolute;
          display: flex;
          align-items: center;
          bottom: 0;
          padding: 1em;
          flex-wrap: wrap;
          width: 100%;
          background-color: #f5f5f5;
          bottom: -10em;
          transition: all .2s; }
          .w15-products__items__child__card__action__icon {
            padding: 1em;
            color: var(--main-color-w);
            background-color: var(--hover-color-w);
            margin-right: .7em;
            border-radius: .2em; }
          .w15-products__items__child__card__action__button {
            display: inline-block;
            cursor: pointer;
            padding: .5em 1em;
            background-color: var(--main-color-w);
            border: none;
            outline: none;
            font-weight: 600;
            font-size: 1.5em;
            color: white;
            border-radius: .2em; }

.w15-productdetail {
  position: relative;
  width: 100%;
  color: var(--text-color-w); }
  .w15-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative; }
  .w15-productdetail__gll {
    position: relative;
    margin: 0 auto; }
    .w15-productdetail__gll__img-slider {
      background-position: center;
      background-size: cover;
      height: 45em; }
      .w15-productdetail__gll__img-slider__img {
        width: 100%; }
    .w15-productdetail__gll__img {
      display: none !important; }
    .w15-productdetail__gll__360 {
      display: none; }
    .w15-productdetail__gll__location {
      display: none; }
    .w15-productdetail__gll__item {
      position: absolute;
      top: 2em;
      display: block;
      z-index: 2;
      right: 5%; }
      .w15-productdetail__gll__item__icon {
        padding: 1em;
        background-color: rgba(0, 0, 0, 0.719);
        color: white;
        border-radius: .3em;
        font-size: 1.4em;
        cursor: pointer;
        margin-left: .5em; }
        .w15-productdetail__gll__item__icon-active {
          background-color: var(--main-color-w); }
    .w15-productdetail__gll .owl-thumb-item {
      background-color: transparent !important;
      border: .2em solid white;
      margin-left: .5em; }
    .w15-productdetail__gll__owl-imgbox__img {
      width: 100%; }
    .w15-productdetail__gll__owl-thumb {
      width: 50%;
      display: flex;
      bottom: 1em;
      background-color: transparent;
      position: absolute;
      z-index: 1; }
      .w15-productdetail__gll__owl-thumb__imgbox {
        width: 15em; }
        .w15-productdetail__gll__owl-thumb__imgbox__img {
          width: 100%; }
    .w15-productdetail__gll__owl-col {
      width: 30%; }
    .w15-productdetail__gll__button {
      border: .1em solid white;
      border-radius: 50%;
      padding: 0.5em 0.5em;
      text-align: center;
      color: white;
      display: inline-block;
      padding: 1em 1.1em;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      transition: all .2s; }
      .w15-productdetail__gll__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black; }
      .w15-productdetail__gll__button-next {
        position: absolute;
        top: 40%;
        right: 0;
        margin-right: 1em;
        z-index: 2; }
      .w15-productdetail__gll__button__icon {
        font-size: 2em; }
      .w15-productdetail__gll__button-prev {
        position: absolute;
        top: 40%;
        margin-left: 1em;
        z-index: 2; }
  .w15-productdetail__title {
    align-items: center;
    padding: 0 1em;
    flex-wrap: wrap;
    margin-top: 2em; }
    .w15-productdetail__title__info__name {
      display: flex;
      align-items: center;
      font-size: 600;
      font-size: 1.4em; }
      .w15-productdetail__title__info__name__type {
        background-color: #FF6E63;
        color: white;
        padding: .7em;
        border-radius: .2em;
        font-size: .7em;
        margin-left: 1em;
        text-transform: uppercase;
        font-weight: 700; }
        .w15-productdetail__title__info__name__type:last-child {
          background-color: #42bc61; }
    .w15-productdetail__title__info__location {
      font-weight: 300;
      font-size: 1.2em;
      margin-top: 1em; }
      .w15-productdetail__title__info__location__icon {
        color: #FF6E63; }
      .w15-productdetail__title__info__location__text {
        color: #777; }
    .w15-productdetail__title__info__price {
      display: flex;
      align-items: center;
      color: #777;
      margin-top: 1em; }
      .w15-productdetail__title__info__price__main {
        font-weight: 600;
        font-size: 2.2em; }
      .w15-productdetail__title__info__price__sub {
        color: #777;
        margin-left: 1em;
        transition: all .2s;
        cursor: pointer;
        text-decoration: line-through; }
  .w15-productdetail__content {
    max-width: 120em;
    padding: 2em 0;
    margin: 0 auto; }
    @media only screen and (max-width: 56.25em) {
      .w15-productdetail__content {
        padding: 2em; } }
    .w15-productdetail__content__body {
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 43.75em) {
        .w15-productdetail__content__body {
          flex-direction: column; } }
      .w15-productdetail__content__body__first {
        width: 65%; }
        @media only screen and (max-width: 56.25em) {
          .w15-productdetail__content__body__first {
            width: 50%; } }
        @media only screen and (max-width: 43.75em) {
          .w15-productdetail__content__body__first {
            width: 100%; } }
        .w15-productdetail__content__body__first__row {
          border-bottom: .1em solid #eee;
          background-color: white;
          padding: 1em;
          padding-bottom: 2em;
          border-radius: .5em; }
        .w15-productdetail__content__body__first__heading {
          font-size: 1.8em;
          color: black;
          font-weight: 600; }
        .w15-productdetail__content__body__first__text {
          background-color: white;
          margin-top: 1em;
          text-align: justify;
          line-height: 1.9em;
          font-weight: 500;
          font-size: 1.4em; }
        .w15-productdetail__content__body__first__amen {
          margin-top: 1em; }
          .w15-productdetail__content__body__first__amen__text {
            font-size: 1.8em;
            font-weight: 600;
            margin-bottom: .5em; }
          .w15-productdetail__content__body__first__amen__row {
            display: flex;
            flex-wrap: wrap; }
          .w15-productdetail__content__body__first__amen__info {
            margin-top: 1em;
            display: flex;
            flex-direction: column;
            width: 22%;
            margin-bottom: 2em; }
            .w15-productdetail__content__body__first__amen__info__icon {
              color: #FF6E63;
              margin-right: 1em;
              font-size: 1.8em;
              margin-top: .5em; }
            .w15-productdetail__content__body__first__amen__info__text {
              font-size: 1.3em;
              text-transform: uppercase;
              font-weight: 600; }
        .w15-productdetail__content__body__first__location__text {
          font-size: 1.4em;
          font-weight: 600; }
        .w15-productdetail__content__body__first__location iframe {
          margin-top: 1em;
          display: block;
          border-radius: 1em; }
        .w15-productdetail__content__body__first__tourbox__text {
          font-size: 1.6em;
          font-weight: 600;
          cursor: pointer;
          margin-top: 1em;
          display: block; }
        .w15-productdetail__content__body__first__tourbox__tab {
          margin-top: 2em; }
          .w15-productdetail__content__body__first__tourbox__tab iframe {
            border-radius: 1em; }
      .w15-productdetail__content__body__second {
        width: 33%;
        z-index: 1; }
        @media only screen and (max-width: 56.25em) {
          .w15-productdetail__content__body__second {
            width: 45%; } }
        @media only screen and (max-width: 43.75em) {
          .w15-productdetail__content__body__second {
            width: 100%; } }
        .w15-productdetail__content__body__second__contact {
          margin-right: 1em;
          padding: 2em;
          background-color: white;
          height: max-content;
          border-radius: .7em;
          border: .1em solid #eee; }
          .w15-productdetail__content__body__second__contact__title {
            font-weight: 600;
            font-size: 1.6em;
            text-align: center; }
          .w15-productdetail__content__body__second__contact__user-row {
            margin-top: 2em;
            text-align: center; }
          .w15-productdetail__content__body__second__contact__user__imgbox {
            width: 7em;
            height: 7em;
            margin: 0 auto;
            border-radius: .5em;
            overflow: hidden; }
            .w15-productdetail__content__body__second__contact__user__imgbox__img {
              width: 100%; }
          .w15-productdetail__content__body__second__contact__user__info {
            margin-top: .5em; }
            .w15-productdetail__content__body__second__contact__user__info__name {
              font-weight: 600;
              font-size: 1.6em;
              margin-bottom: .5em; }
            .w15-productdetail__content__body__second__contact__user__info__phone {
              font-weight: 300;
              font-size: 1.3em; }
          .w15-productdetail__content__body__second__contact__user__text {
            padding: 1em;
            width: 100%;
            border: .1em solid #eee;
            outline: none;
            margin-top: 1em;
            border-radius: .5em; }
          .w15-productdetail__content__body__second__contact__user__button {
            padding: 1em;
            width: 100%;
            background-color: #FF6E63;
            display: block;
            color: white;
            text-align: center;
            font-weight: 600;
            font-size: 1.3em;
            margin-top: 3em;
            border-radius: .3em;
            cursor: pointer; }
            .w15-productdetail__content__body__second__contact__user__button:hover {
              filter: brightness(0.8); }
          .w15-productdetail__content__body__second__contact__info {
            border-top: .1em solid #eeeeee;
            margin-top: 2em;
            padding-top: 2em; }
            .w15-productdetail__content__body__second__contact__info__heading {
              font-weight: 600;
              font-size: 2em; }
            .w15-productdetail__content__body__second__contact__info__more {
              display: flex;
              margin-top: 3em; }
              .w15-productdetail__content__body__second__contact__info__more__icon {
                margin-right: .9em;
                color: var(--main-color-w);
                font-size: 1.7em;
                margin-top: .2em; }
              .w15-productdetail__content__body__second__contact__info__more__main__text {
                font-size: 1.7em;
                font-weight: 600; }
              .w15-productdetail__content__body__second__contact__info__more__main__sub {
                margin-top: .5em;
                color: #777;
                font-size: 1.4em; }

.w15-testimonials {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w);
  background-color: white; }
  .w15-testimonials__group {
    max-width: 120em;
    margin: 0 auto;
    color: var(--text-color-w); }
  .w15-testimonials__heading__main {
    font-weight: 700;
    font-size: 3em;
    text-align: center;
    line-height: 2em;
    display: block; }
  .w15-testimonials__heading__sub {
    font-size: 1.6em;
    text-align: center;
    line-height: 2em;
    display: block;
    position: relative; }
    .w15-testimonials__heading__sub::after {
      content: "......................";
      display: block;
      color: var(--text-color-w); }
  .w15-testimonials__content__items {
    display: flex;
    margin-top: 2em; }
    @media only screen and (max-width: 37.5em) {
      .w15-testimonials__content__items {
        flex-wrap: wrap;
        text-align: center; } }
    .w15-testimonials__content__items:not(:last-child) {
      border-bottom: .1em solid #eee; }
    .w15-testimonials__content__items__imgbox {
      width: 10em;
      height: 10em;
      min-width: 10em;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 2em;
      display: block; }
      @media only screen and (max-width: 37.5em) {
        .w15-testimonials__content__items__imgbox {
          margin: 0 auto 1em auto; } }
      .w15-testimonials__content__items__imgbox__img {
        width: 100%;
        height: 100%; }
    .w15-testimonials__content__items__item {
      width: 100%; }
      .w15-testimonials__content__items__item__title {
        font-weight: 600;
        font-size: 1.6em;
        text-transform: capitalize; }
      .w15-testimonials__content__items__item__info {
        margin-top: 1.5em;
        padding: 1em;
        font-size: 1.2em;
        line-height: 2em;
        background-color: #eee; }
      .w15-testimonials__content__items__item__text {
        background-color: white;
        margin-top: 1em;
        padding: 1em;
        font-size: 1.2em;
        text-align: justify;
        line-height: 2em; }

.w15-testimonials-1 {
  width: 100%;
  padding: 3em 1em;
  background-color: #f1f1f1;
  color: var(--text-color-w); }
  .w15-testimonials-1__group {
    max-width: 120em;
    margin: 0 auto;
    color: var(--text-color-w); }
  .w15-testimonials-1__heading__main {
    font-weight: 700;
    font-size: 3em;
    text-align: center;
    line-height: 2em;
    display: block; }
  .w15-testimonials-1__heading__sub {
    font-size: 1.6em;
    text-align: center;
    line-height: 2em;
    display: block;
    position: relative; }
    .w15-testimonials-1__heading__sub::after {
      content: "......................";
      display: block;
      color: var(--text-color-w); }
  .w15-testimonials-1__content {
    display: flex;
    margin-left: -1%;
    flex-wrap: wrap; }
    .w15-testimonials-1__content__items {
      margin-top: 2em;
      width: 24%;
      background-color: white;
      padding: 1em;
      margin-left: 1%;
      box-shadow: .5em .5em .5em #eee;
      height: max-content;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 43.75em) {
        .w15-testimonials-1__content__items {
          width: 49%; } }
      .w15-testimonials-1__content__items__imgbox {
        width: 100%;
        overflow: hidden;
        margin-right: 2em;
        display: block; }
        @media only screen and (max-width: 37.5em) {
          .w15-testimonials-1__content__items__imgbox {
            margin: 0 auto 1em auto; } }
        .w15-testimonials-1__content__items__imgbox__img {
          position: relative; }
      .w15-testimonials-1__content__items__item {
        display: block; }
        .w15-testimonials-1__content__items__item__title {
          font-weight: 600;
          font-size: 1.6em;
          text-transform: capitalize;
          text-align: center;
          margin-top: 1.1em; }
        .w15-testimonials-1__content__items__item__text {
          background-color: white;
          padding: 1em;
          font-size: 1.2em;
          text-align: justify;
          line-height: 2em; }

.w15-menu {
  position: absolute;
  width: 100%;
  display: block;
  overflow: visible;
  z-index: 4;
  background-color: transparent;
  color: var(--text-color-w);
  background-color: var(--main-color-w); }
  @media only screen and (max-width: 50em) {
    .w15-menu {
      height: 6.5em; } }
  .w15-menu__ab {
    position: relative;
    background-color: var(--main-color-w); }
  .w15-menu__scroll-menu {
    background-color: var(--main-color-w);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important; }
    .w15-menu__scroll-menu figure {
      border-radius: .4em;
      border: .1em solid #eee; }
  .w15-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative; }
    @media only screen and (max-width: 50em) {
      .w15-menu__group {
        padding: 1em;
        height: 6.5em; } }
  .w15-menu__logobox {
    height: 6em !important; }
  .w15-menu__nav__icon {
    display: none; }
    @media only screen and (max-width: 50em) {
      .w15-menu__nav__icon {
        display: inline-block; } }
  .w15-menu__nav__checkbox {
    display: none; }
  .w15-menu__nav__checkbox:checked ~ .w15-menu__items {
    visibility: visible;
    opacity: 1; }
  .w15-menu__items {
    display: flex;
    align-items: center;
    font-size: 1.4em;
    color: white;
    font-weight: 700; }
    @media only screen and (max-width: 50em) {
      .w15-menu__items {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.9);
        right: 0;
        top: 4.6em;
        display: block;
        width: 100%;
        transition: all .2s;
        overflow-y: scroll;
        padding: 1em;
        height: 100vh; } }
    .w15-menu__items__item {
      padding: 1em 2em;
      list-style: none;
      cursor: pointer;
      position: relative;
      max-height: 10em;
      line-height: 5em;
      text-align: center;
      white-space: nowrap; }
      @media only screen and (max-width: 50em) {
        .w15-menu__items__item {
          max-height: 100%;
          text-align: left; } }
      .w15-menu__items__item__drop {
        border-top: 0.3em solid var(--main-color-w);
        background-color: white;
        color: black;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        height: max-content;
        padding: 1em 2em;
        list-style: none;
        text-align: left;
        top: 7em;
        z-index: 2; }
        .w15-menu__items__item__drop i {
          margin-left: auto;
          float: right;
          line-height: 5em; }
        @media only screen and (max-width: 50em) {
          .w15-menu__items__item__drop {
            opacity: 0;
            position: relative;
            visibility: visible;
            right: 0;
            display: none;
            width: 100%;
            transition: all .2s;
            top: 0; } }
        .w15-menu__items__item__drop__li {
          white-space: nowrap;
          min-width: 15em;
          height: 5em;
          line-height: 5em; }
        .w15-menu__items__item__drop--2 {
          top: -0.3em;
          left: 17em;
          position: absolute; }
          @media only screen and (max-width: 50em) {
            .w15-menu__items__item__drop--2 {
              position: relative;
              left: 0; } }
        .w15-menu__items__item__drop__li:hover .w15-menu__items__item__drop--2 {
          visibility: visible;
          transition: all .5s;
          opacity: 1;
          display: block; }
    .w15-menu__items__content {
      list-style: none;
      cursor: pointer;
      padding: 2em;
      white-space: nowrap; }
      @media only screen and (max-width: 50em) {
        .w15-menu__items__content {
          position: relative; } }
      .w15-menu__items__content__lbl {
        display: flex;
        align-items: center;
        margin-right: 1em;
        cursor: pointer; }
        .w15-menu__items__content__lbl__text {
          margin-right: .5em; }
        .w15-menu__items__content__lbl__icon {
          font-size: 1.4em; }
        .w15-menu__items__content__lbl:hover {
          color: var(--main-color-w);
          background-color: var(--hover-color-w); }
      .w15-menu__items__content:hover .w15-menu__items__content__drop {
        display: flex; }
      .w15-menu__items__content:hover {
        background-color: var(--hover-color-w); }
      .w15-menu__items__content__drop {
        display: none;
        list-style: none;
        position: absolute;
        background-color: white;
        top: 6em;
        border: .1em solid #eee;
        padding: 2em;
        flex-wrap: wrap;
        color: var(--text-color-w);
        gap: 1.3333%;
        left: 0;
        z-index: 1;
        width: 100%; }
        @media only screen and (max-width: 50em) {
          .w15-menu__items__content__drop {
            gap: 2%;
            padding: 1em;
            top: 5em; } }
        .w15-menu__items__content__drop__info {
          text-align: center;
          padding: 1em;
          width: 24%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-radius: 3%; }
          @media only screen and (max-width: 50em) {
            .w15-menu__items__content__drop__info {
              width: 32%;
              border-radius: 2%; } }
          @media only screen and (max-width: 50em) {
            .w15-menu__items__content__drop__info {
              width: 49%; } }
          .w15-menu__items__content__drop__info__imgbox {
            width: 100%;
            overflow: hidden;
            border-radius: 3%;
            width: 100%;
            height: 17em;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover; }
            @media only screen and (max-width: 50em) {
              .w15-menu__items__content__drop__info__imgbox {
                height: 8em !important; } }
          .w15-menu__items__content__drop__info__text {
            font-weight: 600;
            font-size: 1.2em;
            margin-top: 1em;
            padding: 1em;
            border: .1em solid #eee;
            border-radius: .5em;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            width: 100%; }
            @media only screen and (max-width: 50em) {
              .w15-menu__items__content__drop__info__text {
                border-radius: .3em; } }
            @media only screen and (max-width: 37.5em) {
              .w15-menu__items__content__drop__info__text {
                font-size: 1em; } }
          .w15-menu__items__content__drop__info:hover {
            background-color: var(--hover-color-w);
            color: white; }
          .w15-menu__items__content__drop__info:hover .w15-menu__items__content__drop__info__imgbox {
            transform: scale(1.3); }
    .w15-menu__items__item:hover .w15-menu__items__item__drop--1 {
      visibility: visible;
      transition: all .5s;
      opacity: 1;
      display: block; }
    .w15-menu__items__button {
      padding: 2em;
      border-radius: 3em;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1em;
      border: 0.2em solid var(--main-color-w);
      background-color: transparent;
      color: white;
      transition: all .2s;
      white-space: nowrap; }
      .w15-menu__items__button:hover {
        background-color: transparent;
        border: .2em solid white; }
      @media only screen and (max-width: 50em) {
        .w15-menu__items__button {
          width: 100%;
          display: block;
          text-align: center !important; } }
  .w15-menu__hover__box--1:hover {
    color: var(--hover-color-w); }
  .w15-menu__hover__box--1:hover .w15-menu__hover__box--1__svg {
    color: var(--hover-color-w); }
  .w15-menu__hover__box--2:hover {
    color: var(--main-color-w); }
  .w15-menu__hover__box--2:hover .w15-menu__hover__box--2__svg {
    color: var(--main-color-w); }

.w15-header {
  width: 100%;
  background-color: white; }
  .w15-header__group {
    display: flex;
    margin: 0 auto;
    max-width: 120em;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center; }
    @media only screen and (max-width: 56.25em) {
      .w15-header__group {
        flex-direction: column; } }
  .w15-header__logo {
    width: 11em;
    height: 11em;
    margin-right: 2em; }
    @media only screen and (max-width: 56.25em) {
      .w15-header__logo {
        margin-top: 2em; } }
    @media only screen and (max-width: 37.5em) {
      .w15-header__logo {
        margin-right: 0; } }
    .w15-header__logo__img {
      width: 100%;
      max-height: 9em; }
  .w15-header__logo-1 {
    width: 11em;
    height: 11em; }
    @media only screen and (max-width: 56.25em) {
      .w15-header__logo-1 {
        margin-top: 2em; } }
    @media only screen and (max-width: 37.5em) {
      .w15-header__logo-1 {
        display: none; } }
    .w15-header__logo-1__img {
      width: 100%; }
  .w15-header__info {
    width: 20em;
    margin-right: 1em;
    font-size: 1em; }
    @media only screen and (max-width: 56.25em) {
      .w15-header__info {
        width: 100%;
        margin: 1em !important;
        text-align: center; } }
    .w15-header__info__logo {
      margin-right: .5em; }
    .w15-header__info__text {
      line-height: 1.8em; }
  .w15-header__content {
    display: flex;
    width: 57em;
    gap: 1.3333%;
    align-items: center;
    font-size: 1.3em;
    justify-content: center; }
    @media only screen and (max-width: 56.25em) {
      .w15-header__content {
        width: 100%;
        flex-wrap: wrap; } }
    @media only screen and (max-width: 37.5em) {
      .w15-header__content {
        flex-wrap: wrap;
        display: none; } }
    .w15-header__content__des {
      width: 32%;
      border-right: 0.1em solid var(--main-color-w);
      text-align: center;
      padding: 0 1em; }
      @media only screen and (max-width: 37.5em) {
        .w15-header__content__des {
          width: 100%;
          margin-top: 1em; } }
      .w15-header__content__des__name {
        margin-bottom: 1em;
        text-align: center; }
        @media only screen and (max-width: 37.5em) {
          .w15-header__content__des__name {
            margin-bottom: 0; } }
        .w15-header__content__des__name__icon {
          margin-right: .5em;
          color: var(--main-color-w);
          font-size: 1.4em; }
        .w15-header__content__des__name__text {
          line-height: 1.8em;
          display: inline-block; }
      .w15-header__content__des__phone {
        font-weight: 600;
        font-size: 1.4em;
        color: red; }

.mn-productcate {
  width: 100%;
  padding: 0 .5em; }
  .mn-productcate__group {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative; }
  .mn-productcate__show {
    background-color: #202040;
    padding: 1.5em;
    position: fixed;
    top: .2em;
    left: .5em;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
    box-shadow: 0.1em 0.1em 0.3em #7a7a7a;
    border: .1em solid #eee; }
    @media only screen and (min-width: 37.5em) {
      .mn-productcate__show {
        display: none; } }
    .mn-productcate__show__button {
      color: white;
      font-size: 1.4em; }
  @media only screen and (max-width: 37.5em) {
    .mn-productcate__checkbox:checked ~ .mn-productcate-col__menu {
      display: block !important;
      position: fixed;
      z-index: 1; } }
  .mn-productcate__checkbox {
    display: none; }
  .mn-productcate-col__menu {
    width: 10em; }
    @media only screen and (max-width: 37.5em) {
      .mn-productcate-col__menu {
        display: none; } }
  .mn-productcate-col__content {
    width: 90%;
    margin-top: 2em; }
    @media only screen and (max-width: 37.5em) {
      .mn-productcate-col__content {
        width: 100%; } }
  .mn-productcate__menu {
    box-shadow: 0.1em 0.1em 1em #ececec;
    position: relative;
    background-color: white;
    padding: 1em 2em;
    z-index: 1;
    margin-right: 1em; }
    @media only screen and (max-width: 37.5em) {
      .mn-productcate__menu {
        position: absolute; } }
    @media only screen and (max-width: 37.5em) {
      .mn-productcate__menu__link__text {
        width: 20em;
        font-size: 1.4em;
        transition: all .1s ease-in-out; } }
    .mn-productcate__menu:hover .mn-productcate__menu__link__text {
      width: auto;
      font-size: 1.4em;
      transition: all .1s ease-in-out; }
    .mn-productcate__menu:hover {
      position: absolute; }
    .mn-productcate__menu__link {
      display: flex;
      align-items: center;
      margin-top: 1em;
      height: max-content;
      padding: 1em;
      cursor: pointer; }
      .mn-productcate__menu__link:hover {
        background-color: #202040;
        color: white; }
      .mn-productcate__menu__link__text {
        line-height: 1.6em;
        width: 0;
        font-size: 0;
        white-space: nowrap; }
        @media only screen and (max-width: 37.5em) {
          .mn-productcate__menu__link__text {
            width: auto;
            font-size: 1.4em; } }
      .mn-productcate__menu__link__icon {
        width: 2em;
        font-size: 2.5em;
        text-align: center; }
  .mn-productcate__search {
    background-color: #202040;
    color: white;
    padding: 2em 1em 2em 1em;
    display: flex;
    flex-direction: column;
    border-radius: 1em;
    margin-top: 2em; }
    .mn-productcate__search-row {
      display: flex;
      justify-content: center;
      margin-top: 2em;
      flex-wrap: wrap;
      align-items: center; }
    .mn-productcate__search__title {
      font-weight: 600;
      text-align: center;
      font-size: 1.5em;
      color: #202040;
      margin: 0 auto;
      background-color: white;
      display: inline-block;
      text-transform: uppercase;
      padding: 1em 2em;
      border-radius: 3em; }
    .mn-productcate__search__button {
      font-size: 1.4em;
      padding: .5em 1em;
      margin-top: 1em;
      color: white;
      font-weight: 600;
      border-radius: .3em;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #d32525;
      white-space: nowrap;
      transition: all .2s ease;
      border: none;
      outline: none;
      cursor: pointer; }
      .mn-productcate__search__button__icon {
        margin-right: .5em; }
      .mn-productcate__search__button:hover {
        background-color: white;
        color: #202040;
        font-weight: 800; }
      .mn-productcate__search__button:not(:last-child) {
        margin-right: .5em; }
    .mn-productcate__search__form {
      margin-top: 1em;
      padding: 1em;
      border: .1em solid white;
      background-color: white;
      color: #202040;
      border-radius: .3em;
      width: 20em;
      display: flex;
      align-items: center;
      cursor: pointer;
      position: relative;
      white-space: nowrap; }
      .mn-productcate__search__form:not(:last-child) {
        margin-right: 1em; }
      .mn-productcate__search__form__checkbox {
        display: none; }
      .mn-productcate__search__form__text {
        font-size: 1.4em; }
      .mn-productcate__search__form__icon {
        margin-left: auto;
        display: inline-block;
        float: right;
        font-size: 1.4em; }
      .mn-productcate__search__form__input {
        border: none;
        outline: none;
        width: 90%;
        font-size: 1.4em; }
      .mn-productcate__search__form__checkbox:checked ~ .mn-productcate__search__form__items {
        display: block; }
      .mn-productcate__search__form__items {
        list-style: none;
        display: none;
        position: absolute;
        background-color: white;
        border: .1em solid #eee;
        border-radius: .3em;
        top: 4em;
        width: auto;
        left: 0;
        z-index: 1; }
        .mn-productcate__search__form__items__item {
          padding: 1.5em;
          font-size: 1.3em;
          white-space: nowrap; }
          .mn-productcate__search__form__items__item:hover {
            background-color: #eee; }
        .mn-productcate__search__form__items__input {
          font-size: 1.4em; }
  .mn-productcate__heading {
    font-size: 3em;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-weight: 600;
    background-color: #202040;
    color: white;
    border-radius: .3em;
    padding: .5em; }
  .mn-productcate__add {
    margin-top: 2em;
    display: flex;
    background-color: #202040;
    padding: 2.5em 1.5em 1.5em 1.5em;
    border-radius: .5em;
    color: white;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none; }
    .mn-productcate__add__input {
      padding-left: 1em;
      border: .1em solid #eee;
      border-radius: .3em;
      font-size: 1.4em;
      margin-right: 1em;
      width: 20em;
      outline: none;
      padding: .7em;
      margin-bottom: 1em; }
    .mn-productcate__add__form {
      padding: 1em;
      border: .1em solid #eee;
      border-radius: .3em;
      width: 20em;
      display: flex;
      align-items: center;
      cursor: pointer;
      position: relative;
      margin-bottom: 1em; }
      .mn-productcate__add__form:not(:last-child) {
        margin-right: 1em; }
      .mn-productcate__add__form__icon {
        margin-left: auto;
        display: inline-block;
        float: right;
        font-size: 1.4em; }
      .mn-productcate__add__form__checkbox:checked ~ .mn-productcate__add__form__items {
        display: block; }
      .mn-productcate__add__form__items {
        list-style: none;
        display: none;
        position: absolute;
        background-color: #202040;
        border: .1em solid #eee;
        border-radius: .3em;
        top: 4em;
        width: auto;
        left: 0; }
        .mn-productcate__add__form__items__item {
          padding: 1.5em;
          white-space: nowrap;
          font-size: 1.2em; }
          .mn-productcate__add__form__items__item:hover {
            background-color: white;
            color: #202040; }
      .mn-productcate__add__form__text {
        font-size: 1.4em;
        white-space: nowrap; }
      .mn-productcate__add__form__checkbox {
        display: none; }
    .mn-productcate__add__button {
      font-size: 1.4em;
      padding: .5em 1em;
      color: white;
      font-weight: 600;
      border-radius: .3em;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #d32525;
      white-space: nowrap;
      transition: all .2s ease;
      margin-bottom: 1em;
      cursor: pointer;
      border: none;
      outline: none; }
      .mn-productcate__add__button__icon {
        margin-right: .5em; }
      .mn-productcate__add__button:hover {
        background-color: white;
        color: #202040; }
      .mn-productcate__add__button:not(:last-child) {
        margin-right: .5em; }
  .mn-productcate__content {
    margin-top: 2em;
    overflow-x: scroll; }
    .mn-productcate__content__table {
      width: 100%;
      display: table;
      border-collapse: collapse; }
      .mn-productcate__content__table td, .mn-productcate__content__table th {
        border: .1em solid #dddddd;
        padding: 1em;
        text-align: left; }
      .mn-productcate__content__table td {
        font-size: 1.5em;
        line-height: 1.7em; }
      .mn-productcate__content__table th {
        text-align: center;
        font-size: 1.4em;
        text-transform: uppercase; }
      .mn-productcate__content__table__th__stt {
        width: 5%; }
      .mn-productcate__content__table__th__name {
        width: 40em; }
      .mn-productcate__content__table__th__view {
        width: 10%; }
      .mn-productcate__content__table__th__delete {
        width: 5%; }
      .mn-productcate__content__table__th__edit {
        width: 5%; }
      .mn-productcate__content__table__th__image {
        width: 20%; }
      .mn-productcate__content__table__td__name {
        width: 40em; }
        .mn-productcate__content__table__td__name__checkbox {
          display: none; }
        .mn-productcate__content__table__td__name__checkbox:checked ~ .mn-productcate__content__table__td__name__child {
          display: block; }
        .mn-productcate__content__table__td__name__child__checkbox-1:checked ~ .mn-productcate__content__table__td__name__child-1 {
          display: block; }
        .mn-productcate__content__table__td__name__child__checkbox-1 {
          display: none; }
        .mn-productcate__content__table__td__name__child__checkbox-2:checked ~ .mn-productcate__content__table__td__name__child-2 {
          display: block; }
        .mn-productcate__content__table__td__name__child__checkbox-2 {
          display: none; }
        .mn-productcate__content__table__td__name__child__checkbox-3:checked ~ .mn-productcate__content__table__td__name__child-3 {
          display: block; }
        .mn-productcate__content__table__td__name__child__checkbox-3 {
          display: none; }
        .mn-productcate__content__table__td__name__pr {
          cursor: pointer;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          align-items: center; }
          .mn-productcate__content__table__td__name__pr__block {
            margin-left: auto; }
          .mn-productcate__content__table__td__name__pr__input {
            width: 24%;
            margin-right: 1%;
            padding: .7em;
            margin-top: .5em;
            border-radius: .3em;
            border: .1em solid #eee; }
            @media only screen and (max-width: 62.5em) {
              .mn-productcate__content__table__td__name__pr__input {
                width: 48%; } }
            @media only screen and (max-width: 37.5em) {
              .mn-productcate__content__table__td__name__pr__input {
                width: 47%; } }
            .mn-productcate__content__table__td__name__pr__input:nth-child(4) {
              margin-right: auto; }
          .mn-productcate__content__table__td__name__pr__text {
            float: left;
            margin-right: auto; }
          .mn-productcate__content__table__td__name__pr__dt {
            background-color: #202040;
            color: white;
            display: inline-flex;
            align-items: center;
            padding: .5em;
            float: right;
            border-radius: .3em;
            margin-right: .5em;
            margin-top: .5em;
            cursor: pointer;
            margin-left: auto; }
            .mn-productcate__content__table__td__name__pr__dt:nth-child(2) {
              margin-left: auto !important; }
            .mn-productcate__content__table__td__name__pr__dt__icon {
              margin-right: .5em;
              font-size: 1.1em; }
            .mn-productcate__content__table__td__name__pr__dt__text {
              font-size: .8em;
              text-transform: capitalize;
              cursor: pointer; }
            .mn-productcate__content__table__td__name__pr__dt:hover {
              background-color: #d32525; }
        .mn-productcate__content__table__td__name__child {
          display: none;
          border: .1em solid #eee;
          margin-top: .5em;
          padding: .5em;
          border-radius: .3em; }
          .mn-productcate__content__table__td__name__child-1 {
            display: none;
            border: .1em solid #eee;
            margin-top: .5em;
            padding: .5em;
            border-radius: .3em;
            margin-left: .5em; }
          .mn-productcate__content__table__td__name__child-2 {
            display: none;
            border: .1em solid #eee;
            margin-top: .5em;
            padding: .5em;
            border-radius: .3em;
            margin-left: .5em; }
          .mn-productcate__content__table__td__name__child-3 {
            border: .1em solid #eee;
            margin-top: .5em;
            padding: .5em;
            border-radius: .3em;
            margin-left: .5em; }
          .mn-productcate__content__table__td__name__child__iconbox {
            margin-top: .5em;
            margin-left: auto;
            float: right; }
            .mn-productcate__content__table__td__name__child__iconbox__dt {
              display: inline-flex;
              align-items: center;
              background-color: #202040;
              padding: .5em;
              color: white;
              border-radius: .3em;
              cursor: pointer;
              margin-top: .5em; }
              .mn-productcate__content__table__td__name__child__iconbox__dt:nth-child(1) {
                background-color: white;
                border: .1em solid #202040;
                color: #202040; }
                .mn-productcate__content__table__td__name__child__iconbox__dt:nth-child(1):hover {
                  transition: all .2s;
                  transform: scale(1.5);
                  color: white; }
              .mn-productcate__content__table__td__name__child__iconbox__dt:nth-child(2) {
                background-color: white;
                border: .1em solid #202040;
                color: #202040; }
                .mn-productcate__content__table__td__name__child__iconbox__dt:nth-child(2):hover {
                  transition: all .2s;
                  transform: scale(1.5);
                  color: white; }
              .mn-productcate__content__table__td__name__child__iconbox__dt__icon {
                margin-right: .5em;
                font-size: .8em; }
              .mn-productcate__content__table__td__name__child__iconbox__dt__text {
                font-size: .8em;
                cursor: pointer; }
              .mn-productcate__content__table__td__name__child__iconbox__dt:hover {
                transition: all .2s;
                transform: scale(1.5);
                background-color: #d32525; }
          .mn-productcate__content__table__td__name__child__text {
            display: flex;
            padding: .5em; }
            .mn-productcate__content__table__td__name__child__text-1 {
              display: flex;
              padding: .5em;
              flex-wrap: wrap;
              align-items: center; }
            .mn-productcate__content__table__td__name__child__text__input {
              padding: .7em;
              border-radius: .3em;
              display: inline-block;
              width: 24%;
              height: max-content;
              margin-top: 1em;
              border: .1em solid #eee;
              margin-right: 1%; }
              @media only screen and (max-width: 62.5em) {
                .mn-productcate__content__table__td__name__child__text__input {
                  width: 48%; } }
              @media only screen and (max-width: 31.25em) {
                .mn-productcate__content__table__td__name__child__text__input {
                  width: 47%; } }
              .mn-productcate__content__table__td__name__child__text__input:nth-child(3) {
                margin-right: auto; }
            .mn-productcate__content__table__td__name__child__text:hover {
              background-color: #202040;
              color: white;
              border-radius: .3em; }
      .mn-productcate__content__table__td__delete {
        text-align: center !important; }
        .mn-productcate__content__table__td__delete__btn {
          text-align: center;
          padding: 1em;
          background-color: #202040;
          color: white;
          border-radius: 50%;
          transition: all .2s;
          border: none;
          font-size: 1em;
          line-height: 1.2em; }
          .mn-productcate__content__table__td__delete__btn:hover {
            background-color: #d32525; }
      .mn-productcate__content__table__td__edit {
        text-align: center !important; }
  .mn-productcate__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em; }
    .mn-productcate__paging__items {
      padding: 1.3em;
      width: 4em;
      display: inline-block;
      border-radius: 50%;
      font-weight: 600;
      margin-left: 1em;
      cursor: pointer;
      border: .1em solid #eee;
      transition: all .2s; }
      .mn-productcate__paging__items:hover {
        background-color: #202040;
        color: white; }
    .mn-productcate__paging__active {
      background-color: #202040;
      color: white; }
    .mn-productcate__paging__pre {
      cursor: pointer;
      margin-left: 1em;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1.4em;
      border-radius: 50%;
      padding: .7em;
      width: 2.8em;
      border: .1em solid #eee;
      transition: all .2s; }
      .mn-productcate__paging__pre:hover {
        background-color: #202040;
        color: white; }

.mn-allproduct {
  width: 100%;
  padding: 0 .5em; }
  .mn-allproduct__group {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative; }
  .mn-allproduct__show {
    background-color: #202040;
    padding: 1.5em;
    position: fixed;
    top: .2em;
    left: .5em;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
    box-shadow: 0.1em 0.1em 0.3em #7a7a7a;
    border: .1em solid #eee; }
    @media only screen and (min-width: 37.5em) {
      .mn-allproduct__show {
        display: none; } }
    .mn-allproduct__show__button {
      color: white;
      font-size: 1.4em;
      cursor: pointer; }
  .mn-allproduct__create {
    background-color: #202040;
    padding: 1.5em;
    position: fixed;
    top: .4em;
    right: .5em;
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    z-index: 2;
    border-radius: .5em;
    box-shadow: 0.1em 0.1em 0.3em #7a7a7a;
    border: .1em solid #eee;
    transition: all .2s; }
    .mn-allproduct__create__button {
      color: white;
      font-size: 1.4em; }
    .mn-allproduct__create:hover {
      background-color: #d32525; }
  .mn-allproduct__checkbox-create {
    display: none; }
  @media only screen and (max-width: 37.5em) {
    .mn-allproduct__checkbox:checked ~ .mn-allproduct-col__menu {
      display: block !important;
      position: fixed;
      z-index: 1; } }
  .mn-allproduct__checkbox-create:checked ~ .mn-allproduct-col__content {
    display: none; }
    .mn-allproduct__checkbox-create:checked ~ .mn-allproduct-col__content__createnew {
      display: block; }
  .mn-allproduct__checkbox {
    display: none; }
  .mn-allproduct-col__menu {
    width: 10em; }
    @media only screen and (max-width: 37.5em) {
      .mn-allproduct-col__menu {
        display: none; } }
  .mn-allproduct-col__content {
    width: 90%;
    margin-top: 2em;
    display: block; }
    @media only screen and (max-width: 37.5em) {
      .mn-allproduct-col__content {
        width: 100%;
        margin-top: 6em; } }
    .mn-allproduct-col__content__createnew {
      display: none; }
  .mn-allproduct__menu {
    box-shadow: 0.1em 0.1em 1em #ececec;
    position: relative;
    background-color: white;
    padding: 1em 2em;
    z-index: 1;
    margin-right: 1em; }
    @media only screen and (max-width: 37.5em) {
      .mn-allproduct__menu {
        position: absolute; } }
    @media only screen and (max-width: 37.5em) {
      .mn-allproduct__menu__link__text {
        width: 20em;
        font-size: 1.4em;
        transition: all .1s ease-in-out; } }
    .mn-allproduct__menu:hover .mn-allproduct__menu__link__text {
      width: auto;
      font-size: 1.4em;
      transition: all .1s ease-in-out; }
    .mn-allproduct__menu:hover {
      position: absolute; }
    .mn-allproduct__menu__link {
      display: flex;
      align-items: center;
      margin-top: 1em;
      height: max-content;
      padding: 1em;
      cursor: pointer; }
      .mn-allproduct__menu__link:hover {
        background-color: #202040;
        color: white; }
      .mn-allproduct__menu__link__text {
        line-height: 1.6em;
        width: 0;
        font-size: 0;
        white-space: nowrap; }
        @media only screen and (max-width: 37.5em) {
          .mn-allproduct__menu__link__text {
            width: auto;
            font-size: 1.4em; } }
      .mn-allproduct__menu__link__icon {
        width: 2em;
        font-size: 2.5em;
        text-align: center; }
  .mn-allproduct__search {
    background-color: #202040;
    color: white;
    padding: 2em 1em 2em 1em;
    display: flex;
    flex-direction: column;
    border-radius: 1em;
    margin-top: 2em; }
    .mn-allproduct__search-row {
      display: flex;
      justify-content: center;
      margin-top: 2em;
      flex-wrap: wrap;
      align-items: center; }
    .mn-allproduct__search__title {
      font-weight: 600;
      text-align: center;
      font-size: 1.5em;
      color: #202040;
      margin: 0 auto;
      background-color: white;
      display: inline-block;
      text-transform: uppercase;
      padding: 1em 2em;
      border-radius: 3em; }
    .mn-allproduct__search__button {
      font-size: 1.4em;
      padding: .5em 1em;
      margin-top: 1em;
      color: white;
      font-weight: 600;
      border-radius: .3em;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #d32525;
      white-space: nowrap;
      transition: all .2s ease;
      border: none;
      outline: none;
      cursor: pointer; }
      .mn-allproduct__search__button__icon {
        margin-right: .5em; }
      .mn-allproduct__search__button:hover {
        background-color: white;
        color: #202040;
        font-weight: 800; }
      .mn-allproduct__search__button:not(:last-child) {
        margin-right: .5em; }
    .mn-allproduct__search__form {
      margin-top: 1em;
      padding: 1em;
      border: .1em solid white;
      background-color: white;
      color: #202040;
      border-radius: .3em;
      width: 20em;
      display: flex;
      align-items: center;
      cursor: pointer;
      position: relative;
      white-space: nowrap; }
      .mn-allproduct__search__form:not(:last-child) {
        margin-right: 1em; }
      .mn-allproduct__search__form__checkbox {
        display: none; }
      .mn-allproduct__search__form__text {
        font-size: 1.4em; }
      .mn-allproduct__search__form__icon {
        margin-left: auto;
        display: inline-block;
        float: right;
        font-size: 1.4em; }
      .mn-allproduct__search__form__input {
        border: none;
        outline: none;
        width: 90%;
        font-size: 1.4em; }
      .mn-allproduct__search__form__checkbox:checked ~ .mn-allproduct__search__form__items {
        display: block; }
      .mn-allproduct__search__form__items {
        list-style: none;
        display: none;
        position: absolute;
        background-color: white;
        border: .1em solid #eee;
        border-radius: .3em;
        top: 4em;
        left: 0;
        z-index: 1;
        max-height: 50vh;
        overflow: scroll; }
        .mn-allproduct__search__form__items__item {
          padding: 1.5em;
          font-size: 1.3em;
          white-space: nowrap; }
          .mn-allproduct__search__form__items__item:hover {
            background-color: #eee; }
        .mn-allproduct__search__form__items__drop {
          list-style: none;
          position: relative;
          background-color: white;
          border: .1em solid #eee;
          border-radius: .3em;
          top: 1em;
          left: 0;
          z-index: 1; }
          .mn-allproduct__search__form__items__drop__item {
            padding: 1.5em;
            font-size: 1em;
            white-space: nowrap; }
            .mn-allproduct__search__form__items__drop__item:hover {
              background-color: #eee; }
          .mn-allproduct__search__form__items__drop-1 {
            list-style: none;
            position: relative;
            background-color: white;
            border: .1em solid #eee;
            border-radius: .3em;
            top: 1em;
            left: 0;
            z-index: 1; }
            .mn-allproduct__search__form__items__drop-1__item {
              padding: 1.5em;
              font-size: 1em;
              white-space: nowrap; }
              .mn-allproduct__search__form__items__drop-1__item:hover {
                background-color: #eee; }
        .mn-allproduct__search__form__items__input {
          font-size: 1.4em; }
  .mn-allproduct__heading {
    font-size: 3em;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-weight: 600;
    background-color: #202040;
    color: white;
    border-radius: .3em;
    padding: .5em; }
  .mn-allproduct__add {
    margin-top: 2em;
    display: flex;
    background-color: #202040;
    padding: 2.5em 1.5em 1.5em 1.5em;
    border-radius: .5em;
    color: white;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .mn-allproduct__add__input {
      padding-left: 1em;
      border: .1em solid #eee;
      border-radius: .3em;
      font-size: 1.4em;
      margin-right: 1em;
      width: 20em;
      outline: none;
      padding: .7em;
      margin-bottom: 1em; }
    .mn-allproduct__add__form {
      padding: 1em;
      border: .1em solid #eee;
      border-radius: .3em;
      width: 20em;
      display: flex;
      align-items: center;
      cursor: pointer;
      position: relative;
      margin-bottom: 1em; }
      .mn-allproduct__add__form:not(:last-child) {
        margin-right: 1em; }
      .mn-allproduct__add__form__icon {
        margin-left: auto;
        display: inline-block;
        float: right;
        font-size: 1.4em; }
      .mn-allproduct__add__form__checkbox:checked ~ .mn-allproduct__add__form__items {
        display: block; }
      .mn-allproduct__add__form__items {
        list-style: none;
        display: none;
        position: absolute;
        background-color: #202040;
        border: .1em solid #eee;
        border-radius: .3em;
        top: 4em;
        left: 0;
        max-height: 50vh;
        overflow: scroll; }
        .mn-allproduct__add__form__items__drop {
          list-style: none;
          position: relative;
          border: .1em solid #eee;
          border-radius: .3em;
          top: 1em;
          width: 100%;
          left: 0; }
          .mn-allproduct__add__form__items__drop__item {
            padding: 1.5em;
            white-space: nowrap;
            font-size: 1em; }
            .mn-allproduct__add__form__items__drop__item__text {
              max-width: 30em;
              overflow: hidden;
              text-overflow: ellipsis; }
            .mn-allproduct__add__form__items__drop__item:hover {
              background-color: #202040;
              color: white; }
          .mn-allproduct__add__form__items__drop-1 {
            list-style: none;
            position: relative;
            border: .1em solid #eee;
            border-radius: .3em;
            top: 1em;
            width: 100%;
            left: 0; }
            .mn-allproduct__add__form__items__drop-1__text {
              max-width: 30em;
              overflow: hidden;
              text-overflow: ellipsis; }
            .mn-allproduct__add__form__items__drop-1__item {
              padding: 1.5em;
              white-space: nowrap;
              font-size: 1em; }
              .mn-allproduct__add__form__items__drop-1__item:hover {
                background-color: white;
                color: black; }
        .mn-allproduct__add__form__items__item {
          padding: 1.5em;
          white-space: nowrap;
          font-size: 1.2em; }
          .mn-allproduct__add__form__items__item:hover {
            background-color: white;
            color: #202040; }
      .mn-allproduct__add__form__text {
        font-size: 1.4em;
        white-space: nowrap; }
      .mn-allproduct__add__form__checkbox {
        display: none; }
    .mn-allproduct__add__button {
      font-size: 1.4em;
      padding: .5em 1em;
      color: white;
      font-weight: 600;
      border-radius: .3em;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #d32525;
      white-space: nowrap;
      transition: all .2s ease;
      margin-bottom: 1em;
      cursor: pointer; }
      .mn-allproduct__add__button__icon {
        margin-right: .5em; }
      .mn-allproduct__add__button:hover {
        background-color: white;
        color: #202040; }
      .mn-allproduct__add__button:not(:last-child) {
        margin-right: .5em; }
  .mn-allproduct__content {
    margin-top: 2em;
    overflow-x: scroll; }
    .mn-allproduct__content__title {
      background-color: #202040;
      color: white;
      padding: 1em;
      text-align: center;
      display: block; }
      .mn-allproduct__content__title__text {
        font-size: 2em;
        text-transform: uppercase;
        font-weight: 600; }
    .mn-allproduct__content__table {
      width: 100%;
      display: table;
      border-collapse: collapse; }
      .mn-allproduct__content__table td, .mn-allproduct__content__table th {
        border: .1em solid #dddddd;
        padding: 1em;
        text-align: left; }
      .mn-allproduct__content__table td {
        font-size: 1.5em;
        line-height: 1.7em; }
      .mn-allproduct__content__table th {
        text-align: center;
        font-size: 1.4em;
        text-transform: uppercase; }
      .mn-allproduct__content__table__th__stt {
        width: 5%; }
      .mn-allproduct__content__table__th__name {
        width: 40em; }
      .mn-allproduct__content__table__th__view {
        width: 10%; }
      .mn-allproduct__content__table__th__delete {
        width: 5%; }
      .mn-allproduct__content__table__th__edit {
        width: 5%; }
      .mn-allproduct__content__table__td__image {
        width: 6em; }
        .mn-allproduct__content__table__td__image__imgbox {
          max-height: 10em;
          max-width: 100%;
          display: flex;
          justify-content: center; }
          .mn-allproduct__content__table__td__image__imgbox__img {
            max-height: 10em; }
      .mn-allproduct__content__table__td__name {
        width: 40em;
        cursor: move; }
        .mn-allproduct__content__table__td__name__checkbox:checked ~ .mn-allproduct__content__table__td__name__child {
          display: block; }
        .mn-allproduct__content__table__td__name__pr {
          cursor: pointer; }
          .mn-allproduct__content__table__td__name__pr__icon {
            color: #d32525; }
        .mn-allproduct__content__table__td__name__child {
          border: .1em solid #eee;
          margin-top: .5em;
          padding: .5em;
          border-radius: .3em; }
          .mn-allproduct__content__table__td__name__child__icon {
            font-weight: 300 !important;
            font-size: .8em; }
            .mn-allproduct__content__table__td__name__child__icon:not(:last-child) {
              margin-right: 1em; }
      .mn-allproduct__content__table__td__view {
        text-align: center !important;
        width: 10%; }
        .mn-allproduct__content__table__td__view__text {
          margin-top: .5em;
          display: block;
          white-space: nowrap; }
      .mn-allproduct__content__table__td__delete {
        text-align: center !important; }
        .mn-allproduct__content__table__td__delete__btn {
          text-align: center;
          padding: 1em;
          background-color: #202040;
          color: white;
          border-radius: 50%;
          transition: all .2s;
          border: none;
          display: inline-block;
          font-size: 1em;
          line-height: 1.2em;
          cursor: pointer; }
          .mn-allproduct__content__table__td__delete__btn:hover {
            background-color: #d32525; }
      .mn-allproduct__content__table__td__cmt {
        width: 10%; }
  .mn-allproduct__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em; }
    .mn-allproduct__paging__items {
      padding: 1.3em;
      width: 4em;
      display: inline-block;
      border-radius: 50%;
      font-weight: 600;
      margin-left: 1em;
      cursor: pointer;
      border: .1em solid #eee;
      transition: all .2s; }
      .mn-allproduct__paging__items:hover {
        background-color: #202040;
        color: white; }
    .mn-allproduct__paging__active {
      background-color: #202040;
      color: white; }
    .mn-allproduct__paging__pre {
      cursor: pointer;
      margin-left: 1em;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1.4em;
      border-radius: 50%;
      padding: .7em;
      width: 2.8em;
      border: .1em solid #eee;
      transition: all .2s; }
      .mn-allproduct__paging__pre:hover {
        background-color: #202040;
        color: white; }

.mn-createnew {
  width: 100%;
  margin-top: 1em;
  padding: 1em; }
  .mn-createnew__tab {
    display: block;
    margin-top: 1em;
    border-bottom: .1em solid #202040; }
    .mn-createnew__tab__text {
      padding: 1em;
      display: inline-block;
      font-size: 1.5em;
      cursor: pointer; }
      .mn-createnew__tab__text-active {
        background-color: #202040;
        text-decoration: underline;
        color: white; }
      .mn-createnew__tab__text:hover {
        background-color: #202040;
        text-decoration: underline;
        color: white; }
  .mn-createnew__heading {
    font-size: 3em;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-weight: 600;
    background-color: #202040;
    color: white;
    border-radius: .3em;
    padding: .5em; }
  .mn-createnew__add {
    display: flex;
    flex-wrap: wrap; }
    .mn-createnew__add-col {
      padding: 1em;
      margin-top: 1em;
      width: 50%; }
      @media only screen and (max-width: 62.5em) {
        .mn-createnew__add-col {
          width: 100%; } }
    .mn-createnew__add .cke_editable {
      cursor: text;
      font-size: 1.6em;
      line-height: 1.6em;
      font-family: unset; }
    .mn-createnew__add__form {
      display: flex;
      align-items: center;
      margin-top: 1em;
      width: 100%; }
      @media only screen and (max-width: 31.25em) {
        .mn-createnew__add__form {
          flex-wrap: wrap; } }
      .mn-createnew__add__form-col {
        width: 100%; }
      .mn-createnew__add__form__input {
        width: 100%;
        border: none;
        outline: none; }
      .mn-createnew__add__form__image {
        min-width: 10.5em;
        font-size: 1.55em;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 3em;
        display: inline-block; }
        @media only screen and (max-width: 31.25em) {
          .mn-createnew__add__form__image {
            min-width: auto;
            width: 100%;
            height: 10em; } }
      .mn-createnew__add__form__text {
        font-size: 1.4em;
        margin-right: 1em;
        white-space: nowrap;
        min-width: 10em;
        max-width: 10em;
        font-weight: 600; }
      .mn-createnew__add__form__send {
        padding: 1em;
        border: .1em solid #eee;
        border-radius: .3em;
        width: 100%;
        display: flex;
        align-items: center;
        cursor: pointer;
        position: relative; }
        .mn-createnew__add__form__send:not(:last-child) {
          margin-right: 1em; }
        @media only screen and (max-width: 31.25em) {
          .mn-createnew__add__form__send {
            margin-top: 1em; } }
        .mn-createnew__add__form__send__imgbtn {
          white-space: nowrap;
          background-color: #d32525;
          padding: .7em;
          font-family: fantasy;
          color: white;
          margin-right: .5em;
          font-weight: 600;
          font-size: 1.4em; }
        .mn-createnew__add__form__send__icon {
          margin-left: auto;
          display: inline-block;
          float: right;
          font-size: 1.4em; }
        .mn-createnew__add__form__send__checkbox:checked ~ .mn-createnew__add__form__send__items {
          display: block; }
        .mn-createnew__add__form__send__items {
          list-style: none;
          display: none;
          position: absolute;
          background-color: white;
          border: .1em solid #eee;
          border-radius: .3em;
          top: 4em;
          min-width: 100%;
          width: auto;
          max-height: 50em;
          height: auto;
          overflow-y: scroll;
          left: 0;
          z-index: 1;
          padding-bottom: .3em; }
          .mn-createnew__add__form__send__items__item {
            white-space: nowrap;
            width: auto;
            font-size: 1.2em;
            color: #202040;
            position: relative;
            padding-bottom: .5em; }
            .mn-createnew__add__form__send__items__item__text {
              padding: 1em;
              display: block; }
            .mn-createnew__add__form__send__items__item:hover {
              background-color: #202040;
              color: white; }
        .mn-createnew__add__form__send-1__items {
          list-style: none;
          position: relative;
          background-color: white;
          border: .1em solid #eee;
          border-radius: .3em;
          width: auto;
          left: 0;
          margin: 1em; }
          .mn-createnew__add__form__send-1__items__item {
            white-space: nowrap;
            font-size: 1em;
            color: #202040; }
            .mn-createnew__add__form__send-1__items__item__text {
              width: 100%;
              padding: 1em;
              display: block; }
            .mn-createnew__add__form__send-1__items__item:hover {
              background-color: #202040;
              color: white; }
        .mn-createnew__add__form__send-2__items {
          list-style: none;
          position: relative;
          background-color: white;
          border: .1em solid #eee;
          border-radius: .3em;
          top: 0;
          width: auto;
          left: 0;
          margin: 0 1em; }
          .mn-createnew__add__form__send-2__items__item {
            white-space: nowrap;
            font-size: 1em;
            color: #202040; }
            .mn-createnew__add__form__send-2__items__item__text {
              padding: 1em;
              display: block; }
            .mn-createnew__add__form__send-2__items__item:hover {
              background-color: #202040;
              color: white; }
        .mn-createnew__add__form__send__text {
          font-size: 1.4em;
          white-space: nowrap;
          margin-right: .3em; }
        .mn-createnew__add__form__send__checkbox {
          display: none; }
      .mn-createnew__add__form__content {
        line-height: 1.7em;
        font-size: 1.5em;
        border: .1em solid #eee;
        padding: 1em;
        margin-left: .5em;
        width: 100%; }
        @media only screen and (max-width: 31.25em) {
          .mn-createnew__add__form__content {
            margin-top: 1em; } }
      .mn-createnew__add__form__icon {
        padding: 1em;
        background-color: #202040;
        color: white;
        text-transform: uppercase;
        font-size: 1.4em; }
      .mn-createnew__add__form__dv {
        padding: 1em;
        margin-right: 1em;
        cursor: pointer; }
        .mn-createnew__add__form__dv option {
          cursor: pointer; }
  .mn-createnew__av {
    display: none;
    flex-wrap: wrap; }
    .mn-createnew__av__button {
      font-size: 1.4em;
      padding: 1em 2em;
      width: 100%;
      margin-top: 1em;
      color: white;
      font-weight: 600;
      border-radius: .3em;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #d32525;
      white-space: nowrap;
      box-shadow: 0em .3em 1em .1em #b1b1b1;
      transition: all .2s ease;
      margin: 0 auto;
      margin-top: 2em;
      font-weight: 800;
      font-family: inherit;
      border: none;
      cursor: pointer;
      text-transform: uppercase; }
      .mn-createnew__av__button__icon {
        margin-right: .5em; }
      .mn-createnew__av__button__text {
        font-family: inherit; }
      .mn-createnew__av__button:hover {
        background-color: #202040;
        color: white;
        font-weight: 800; }
      .mn-createnew__av__button:not(:last-child) {
        margin-right: .5em; }
  .mn-createnew__seo {
    display: none; }
    .mn-createnew__seo__des {
      color: #d32525;
      padding: 1em 0;
      font-size: 1.2em;
      margin: 0 auto;
      display: block;
      float: right; }
  .mn-createnew__images {
    display: none; }
    .mn-createnew__images__form {
      width: 100%;
      padding: 1em;
      border: .1em solid #202040;
      border-radius: .3em;
      display: flex;
      align-items: center;
      margin-top: 1em; }
      .mn-createnew__images__form__imgbtn {
        white-space: nowrap;
        margin-right: 1em;
        background-color: #d32525;
        padding: 1em;
        color: white;
        font-size: 1.6em;
        text-transform: uppercase;
        cursor: pointer;
        text-transform: uppercase; }
      .mn-createnew__images__form__input {
        width: 100%;
        outline: none;
        border: none; }
    .mn-createnew__images__items {
      display: flex;
      flex-wrap: wrap; }
      .mn-createnew__images__items__imgbox {
        padding: 1em;
        width: 19%;
        max-height: 30em;
        position: relative;
        display: inline-block;
        margin-right: 1%;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 37.5em) {
          .mn-createnew__images__items__imgbox {
            width: 48%; } }
        .mn-createnew__images__items__imgbox:hover .mn-createnew__images__items__imgbox__grbtn {
          display: flex; }
        .mn-createnew__images__items__imgbox__grbtn {
          position: absolute;
          display: none;
          flex-wrap: wrap;
          justify-content: center; }
          .mn-createnew__images__items__imgbox__grbtn__icon {
            margin-right: 1em;
            cursor: pointer;
            padding: 1em;
            background-color: #202040;
            color: white;
            font-size: 1.4em;
            box-shadow: 0em .3em 1em .3em #2020406e;
            display: inline-block;
            white-space: nowrap;
            margin-top: .5em;
            width: 7em;
            text-align: center;
            border-radius: .3em; }
            .mn-createnew__images__items__imgbox__grbtn__icon:hover {
              background-color: #d32525; }
        .mn-createnew__images__items__imgbox__img {
          max-width: 100%;
          max-height: 100%; }

.mn-searchbasic {
  width: 100%; }
  .mn-searchbasic__group {
    display: flex;
    align-items: center;
    max-width: 120em;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center; }
  .mn-searchbasic__form {
    padding: 1em;
    display: flex;
    align-items: center;
    margin-right: .5em;
    margin-bottom: 1em;
    border: .1em solid #eee;
    width: 23%; }
    @media only screen and (max-width: 62.5em) {
      .mn-searchbasic__form {
        width: 48%; } }
    @media only screen and (max-width: 37.5em) {
      .mn-searchbasic__form {
        width: 100%; } }
    .mn-searchbasic__form__text {
      white-space: nowrap;
      margin-right: .5em;
      font-size: 1.4em;
      font-weight: 600; }
    .mn-searchbasic__form__input {
      border: none;
      outline: none;
      font-size: 1.4em;
      float: right;
      margin-left: auto; }
    .mn-searchbasic__form__select {
      border: none !important;
      padding: .05em !important;
      margin-top: 0 !important; }
  .mn-searchbasic__button {
    font-size: 1.4em;
    padding: 1em;
    margin-left: 1em;
    color: white;
    font-weight: 600;
    border-radius: .3em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d32525;
    white-space: nowrap;
    box-shadow: 0em .3em 1em .1em #b1b1b1;
    transition: all .2s ease;
    margin-bottom: 1em;
    font-weight: 800;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: inherit; }
    .mn-searchbasic__button__icon {
      margin-right: .5em; }
    .mn-searchbasic__button:hover {
      background-color: #202040;
      color: white;
      font-weight: 800; }
    .mn-searchbasic__button:not(:last-child) {
      margin-right: .5em; }

.mn-dashboard {
  position: relative;
  background-color: white;
  padding: 1em 2em;
  margin-right: 1em;
  width: 100%; }
  @media only screen and (max-width: 37.5em) {
    .mn-dashboard {
      position: absolute; } }
  @media only screen and (max-width: 37.5em) {
    .mn-dashboard__link__text {
      width: 20em;
      font-size: 1.4em;
      transition: all .1s ease-in-out; } }
  .mn-dashboard__group {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: baseline;
    padding-left: 1em; }
  .mn-dashboard__link {
    display: flex;
    align-items: center;
    margin-top: 1em;
    height: max-content;
    padding: 2em 1em;
    cursor: pointer;
    border-radius: .5em;
    width: 24%;
    flex-direction: column;
    background-color: #202040;
    color: white;
    margin-right: 1%;
    transition: all .1s ease; }
    @media only screen and (max-width: 62.5em) {
      .mn-dashboard__link {
        width: 32%; } }
    @media only screen and (max-width: 50em) {
      .mn-dashboard__link {
        width: 48%; } }
    @media only screen and (max-width: 31.25em) {
      .mn-dashboard__link {
        height: auto; } }
    .mn-dashboard__link:hover {
      background-color: #ff0000;
      color: white;
      box-shadow: .3em .3em 1em .3em #20204041;
      transform: scale(1.1); }
    .mn-dashboard__link__text {
      line-height: 1.6em;
      width: auto;
      font-size: 1.4em;
      white-space: nowrap;
      margin-top: 1em; }
      @media only screen and (max-width: 37.5em) {
        .mn-dashboard__link__text {
          width: auto;
          font-size: 1.4em; } }
      @media only screen and (max-width: 31.25em) {
        .mn-dashboard__link__text {
          white-space: pre-line;
          text-align: center; } }
    .mn-dashboard__link__icon {
      width: 2em;
      font-size: 4.5em;
      text-align: center; }

.mn-choosetemp {
  width: 100%;
  position: relative; }
  .mn-choosetemp__group {
    margin: 0 auto;
    max-width: 130em; }
  .mn-choosetemp-row {
    display: flex; }
    @media only screen and (max-width: 37.5em) {
      .mn-choosetemp-row {
        flex-direction: column; } }
  .mn-choosetemp__topbar {
    display: flex;
    justify-content: center;
    padding: 1em;
    background-color: #202040;
    color: white;
    width: 100%;
    font-size: 1.4em; }
    .mn-choosetemp__topbar__text {
      margin-right: 1em; }
    .mn-choosetemp__topbar__connect__icon {
      font-weight: 600;
      text-decoration: underline;
      margin-right: .5em; }
  .mn-choosetemp__heading {
    background-color: #202040;
    padding: 1em;
    color: white;
    text-align: center;
    font-size: 3em;
    position: relative;
    margin-top: .5em;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: .3em; }
  .mn-choosetemp__des {
    font-size: 1.3em;
    text-align: justify;
    padding: 1em;
    line-height: 1.6em; }
  .mn-choosetemp__note {
    font-size: 1.3em;
    text-align: justify;
    line-height: 1.6em;
    padding: 0 1em 1em 1em; }
  .mn-choosetemp__first {
    width: 25em;
    border: .1em solid #202040;
    border-radius: .5em;
    height: max-content; }
    @media only screen and (max-width: 37.5em) {
      .mn-choosetemp__first {
        width: 100%;
        margin-bottom: 1em; } }
    .mn-choosetemp__first__title {
      padding: 1em;
      background-color: #202040;
      font-size: 1.4em;
      color: white;
      font-weight: 600;
      white-space: nowrap; }
      .mn-choosetemp__first__title__icon {
        width: 2.5em; }
    .mn-choosetemp__first__mainjob {
      display: block; }
      .mn-choosetemp__first__mainjob__items {
        display: flex;
        align-items: center;
        padding: 1em 1em 1em 1em;
        font-size: 1.3em; }
        .mn-choosetemp__first__mainjob__items__icon {
          width: 2em;
          font-size: 1.5em; }
        .mn-choosetemp__first__mainjob__items:hover {
          background-color: #ff0000;
          color: white;
          cursor: pointer; }
        .mn-choosetemp__first__mainjob__items-active {
          background-color: #ff0000;
          color: white; }
  .mn-choosetemp__second {
    margin-left: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 80%;
    height: max-content; }
    @media only screen and (max-width: 37.5em) {
      .mn-choosetemp__second {
        width: 95%;
        margin: 0 auto; } }
    .mn-choosetemp__second__items {
      display: inline-block;
      width: 32%;
      position: relative;
      border-radius: .5em;
      border: .1em solid #202040;
      margin-right: 1%;
      margin-bottom: .5em; }
      @media only screen and (max-width: 62.5em) {
        .mn-choosetemp__second__items {
          width: 48%; } }
      @media only screen and (max-width: 43.75em) {
        .mn-choosetemp__second__items {
          width: 100%; } }
      .mn-choosetemp__second__items__imgbox {
        width: 100%; }
        .mn-choosetemp__second__items__imgbox__img {
          width: 100%; }
      .mn-choosetemp__second__items__item {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%); }
        .mn-choosetemp__second__items__item__button {
          display: none;
          background-color: #202040;
          color: white;
          padding: 1em;
          font-weight: 600;
          font-size: 1.4em;
          transition: all .2s ease;
          white-space: nowrap;
          cursor: pointer;
          border-radius: .3em; }
          .mn-choosetemp__second__items__item__button:hover {
            background-color: #ff0000; }
      .mn-choosetemp__second__items:hover .mn-choosetemp__second__items__item__button {
        display: block; }

@media only screen and (max-width: 37.5em) {
  .ws1__try__text {
    font-size: 1rem !important; } }

@media only screen and (max-width: 37.5em) {
  .ws1__try {
    font-size: 1rem !important;
    padding: 0 !important; } }

.mn-choosecolor {
  width: 100%; }
  .mn-choosecolor__group {
    max-width: 120rem;
    text-align: center;
    margin: 0 auto;
    padding: .5em; }
  .mn-choosecolor__heading {
    font-size: 3rem;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-weight: 600;
    background-color: #202040;
    color: white;
    border-radius: .3rem;
    padding: 1rem; }
  .mn-choosecolor__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2rem; }
    .mn-choosecolor__items__item {
      width: 48%;
      border: .1rem solid #202040;
      padding: 1rem; }
      @media only screen and (max-width: 37.5em) {
        .mn-choosecolor__items__item {
          width: 100%; } }
      .mn-choosecolor__items__item__title {
        font-size: 1.6rem;
        text-transform: uppercase;
        text-align: center;
        display: block;
        font-weight: 600;
        background-color: #202040;
        color: white;
        border-radius: .3rem;
        padding: 1rem; }
      .mn-choosecolor__items__item__tbl {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 2em;
        margin-top: 2em; }
        .mn-choosecolor__items__item__tbl__cl {
          cursor: pointer;
          border-radius: 50%;
          height: 5rem;
          width: 5rem;
          margin: 1rem;
          transition: all .2s; }
          .mn-choosecolor__items__item__tbl__cl-active {
            border: .5rem solid #ffffff;
            box-shadow: .1rem .1rem 1rem .1rem #7676ff;
            transform: scale(1.2); }
          .mn-choosecolor__items__item__tbl__cl:hover {
            border: .5rem solid #202040;
            transform: scale(1.2); }
      .mn-choosecolor__items__item__box {
        height: 3rem !important;
        width: 19.5rem !important;
        border: .1rem solid #003678;
        border-radius: .5rem; }

.cl1 {
  background-color: #FF5A5F; }

.cl2 {
  background-color: #067AC0; }

.cl3 {
  background-color: #FED700; }

.cl4 {
  background-color: #ff0000; }

.cl5 {
  background-color: #31D093; }

.cl6 {
  background-color: #8fba1c; }

.cl7 {
  background-color: #2267D8; }

.cl8 {
  background-color: #fcb700; }

.cl9 {
  background-color: #48CAB2; }

.cl10 {
  background-color: #e4584b; }

.cl11 {
  background-color: #6868eb; }

.cl12 {
  background-color: #FDA94F; }

.cl13 {
  background-color: #003678; }

.cl14 {
  background-color: #777; }

.cl15 {
  background-color: black; }

.w16-articles {
  width: 100%;
  overflow: hidden;
  padding: 3em 1em;
  color: var(--text-color-w);
  background-color: white; }
  .w16-articles__group {
    max-width: 100%;
    display: flex;
    padding: 1em; }
    @media only screen and (max-width: 50em) {
      .w16-articles__group {
        flex-direction: column; } }
  .w16-articles__intro {
    display: flex;
    flex-direction: column;
    padding: 0 3em 3em 3em; }
    @media only screen and (max-width: 50em) {
      .w16-articles__intro {
        width: 100%;
        align-items: center; } }
    .w16-articles__intro__heading {
      width: 27em;
      padding: 3em;
      position: relative;
      color: black; }
      @media only screen and (max-width: 37.5em) {
        .w16-articles__intro__heading {
          width: 100%; } }
      .w16-articles__intro__heading__main__title {
        font-weight: 800;
        font-size: 3em;
        width: 5em;
        text-align: right;
        position: relative;
        margin-top: 1em; }
        .w16-articles__intro__heading__main__title::before {
          content: "";
          width: 4em;
          background-color: black;
          height: 1px;
          position: absolute;
          top: .7em;
          left: -1em;
          transform: rotate(-55deg);
          opacity: .6; }
      .w16-articles__intro__heading__main__des {
        font-weight: 300;
        font-size: 1.5em;
        margin-top: .5em;
        text-align: center;
        position: relative; }
        .w16-articles__intro__heading__main__des::before {
          content: "";
          width: 1.5em;
          background-color: black;
          height: 1px;
          position: absolute;
          top: .7em;
          right: .8em;
          transform: rotate(-55deg);
          opacity: .6; }
          @media only screen and (max-width: 37.5em) {
            .w16-articles__intro__heading__main__des::before {
              right: 7em; } }
          @media only screen and (max-width: 31.25em) {
            .w16-articles__intro__heading__main__des::before {
              right: 5em; } }
          @media only screen and (max-width: 25em) {
            .w16-articles__intro__heading__main__des::before {
              right: 4em; } }
    .w16-articles__intro__tab {
      text-align: center;
      display: flex;
      flex-direction: column;
      text-align: left; }
      .w16-articles__intro__tab__items {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        color: #b08e42;
        display: inline-block;
        margin-top: 2em; }
        .w16-articles__intro__tab__items__icon {
          margin-right: .3em; }
        .w16-articles__intro__tab__items__text {
          text-transform: uppercase;
          font-weight: 700;
          display: inline-block;
          font-size: 1.4em; }
        .w16-articles__intro__tab__items::after {
          content: " \00a0";
          white-space: pre; }
        .w16-articles__intro__tab__items:not(:last-child)::after {
          content: "/"; }
  .w16-articles__content {
    display: flex;
    padding-top: 5em; }
    @media only screen and (max-width: 50em) {
      .w16-articles__content {
        flex-direction: column;
        padding-left: 1em;
        padding-top: 1em; } }
    .w16-articles__content__items {
      margin-top: 1em;
      margin-right: .5em;
      position: relative;
      transition: all .2s ease-in-out;
      cursor: pointer; }
      @media only screen and (max-width: 50em) {
        .w16-articles__content__items {
          margin-left: 0;
          margin-top: 1em;
          display: block; } }
      .w16-articles__content__items:hover .w16-articles__content__items__overlay {
        display: initial; }
      .w16-articles__content__items-row {
        position: relative;
        border-radius: 1em;
        overflow: hidden; }
      .w16-articles__content__items__overlay {
        transition: all .2s ease-in-out;
        width: 100%;
        height: 100%;
        position: absolute;
        display: none;
        background-color: rgba(0, 0, 0, 0.3);
        transition: all .2s ease-in-out; }
      .w16-articles__content__items__imgbox {
        width: 100%; }
        .w16-articles__content__items__imgbox__img {
          width: 100%;
          height: 100%; }
      .w16-articles__content__items__info {
        width: 100%; }
        .w16-articles__content__items__info__text {
          color: black;
          font-size: 1.3em;
          font-weight: 600;
          text-transform: uppercase;
          line-height: 1.5em;
          margin-top: 1em;
          display: block; }
        .w16-articles__content__items__info__date {
          color: var(--text-color-w);
          line-height: 1.8em;
          font-size: 1.2em;
          margin-top: 1em;
          display: block; }
          .w16-articles__content__items__info__date__time {
            margin-right: .5em; }
        .w16-articles__content__items__info__des {
          margin-top: .5em;
          display: block;
          color: var(--text-color-w);
          line-height: 1.8em;
          font-size: 1.2em; }

.w16-bloglist-1 {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w16-bloglist-1__group {
    margin: 0 auto; }
  .w16-bloglist-1__intro {
    text-align: center;
    display: flex;
    text-align: left;
    justify-content: center;
    flex-wrap: wrap; }
    .w16-bloglist-1__intro__items {
      display: flex;
      align-items: center;
      color: #b08e42;
      display: inline-block;
      margin-top: 2em;
      margin-right: 1em;
      white-space: nowrap; }
      .w16-bloglist-1__intro__items__icon {
        margin-right: .3em; }
      .w16-bloglist-1__intro__items__text {
        text-transform: uppercase;
        font-weight: 700;
        display: inline-block;
        font-size: 1.4em; }
      .w16-bloglist-1__intro__items::after {
        content: " \00a0";
        white-space: pre; }
      .w16-bloglist-1__intro__items:not(:last-child)::after {
        content: "/"; }
  .w16-bloglist-1-row {
    display: flex;
    padding-left: 1em;
    flex-wrap: wrap; }
    @media only screen and (max-width: 43.75em) {
      .w16-bloglist-1-row {
        justify-content: center; } }
  .w16-bloglist-1__items {
    width: 48%;
    align-items: center;
    height: max-content;
    margin-right: 2%;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: .5em;
    overflow: hidden;
    box-shadow: .1em .1em 1em .1em #eee;
    margin-top: 3em; }
    @media only screen and (max-width: 43.75em) {
      .w16-bloglist-1__items {
        width: 98%; } }
    .w16-bloglist-1__items__imgbox {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 30em;
      margin-right: 1em; }
      @media only screen and (max-width: 43.75em) {
        .w16-bloglist-1__items__imgbox {
          width: 100%;
          height: 30em;
          margin-right: 0; } }
    .w16-bloglist-1__items__content {
      width: 100%;
      padding: 2em 2em 2em 2em;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media only screen and (max-width: 43.75em) {
        .w16-bloglist-1__items__content {
          width: 100%;
          flex-wrap: wrap;
          justify-content: center; } }
      .w16-bloglist-1__items__content__name {
        color: black;
        font-size: 1.6em;
        text-transform: uppercase;
        font-weight: 700; }
        @media only screen and (max-width: 43.75em) {
          .w16-bloglist-1__items__content__name {
            width: 100%;
            text-align: center; } }
      .w16-bloglist-1__items__content__button {
        white-space: nowrap;
        padding: .5em 2em;
        background-color: #b08e42;
        font-size: 1.2em;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 2em;
        display: inline-block;
        position: relative;
        height: max-content;
        transition: all .2s ease-in-out;
        cursor: pointer;
        border: none;
        outline: none;
        color: white; }
        @media only screen and (max-width: 43.75em) {
          .w16-bloglist-1__items__content__button {
            margin-top: 1em;
            display: block; } }
        .w16-bloglist-1__items__content__button:hover {
          color: var(--text-color-w);
          background: white;
          box-shadow: .1em .1em 1em .1em #eee; }

.w16-bloglist-2 {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w16-bloglist-2__group {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .w16-bloglist-2__first {
    width: 70%; }
    @media only screen and (max-width: 37.5em) {
      .w16-bloglist-2__first {
        width: 100%; } }
  .w16-bloglist-2__second {
    width: 25%; }
    @media only screen and (max-width: 37.5em) {
      .w16-bloglist-2__second {
        width: 100%;
        margin-top: 1em !important; } }
  .w16-bloglist-2__intro {
    text-align: center;
    display: flex;
    text-align: left;
    justify-content: center;
    flex-wrap: wrap; }
    .w16-bloglist-2__intro__items {
      display: flex;
      align-items: center;
      color: #b08e42;
      display: inline-block;
      margin-top: 2em;
      margin-right: 1em;
      white-space: nowrap; }
      .w16-bloglist-2__intro__items__icon {
        margin-right: .3em; }
      .w16-bloglist-2__intro__items__text {
        text-transform: uppercase;
        font-weight: 700;
        display: inline-block;
        font-size: 1.4em; }
      .w16-bloglist-2__intro__items::after {
        content: " \00a0";
        white-space: pre; }
      .w16-bloglist-2__intro__items:not(:last-child)::after {
        content: "/"; }
  .w16-bloglist-2-row {
    display: flex;
    padding-left: 1em;
    flex-wrap: wrap; }
    @media only screen and (max-width: 43.75em) {
      .w16-bloglist-2-row {
        justify-content: center; } }
  .w16-bloglist-2__items {
    width: 48%;
    align-items: center;
    height: max-content;
    margin-right: 2%;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: .5em;
    overflow: hidden;
    box-shadow: .1em .1em 1em .1em #eee;
    margin-top: 3em; }
    @media only screen and (max-width: 56.25em) {
      .w16-bloglist-2__items {
        width: 100%; } }
    .w16-bloglist-2__items__imgbox {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 30em;
      margin-right: 1em; }
      @media only screen and (max-width: 43.75em) {
        .w16-bloglist-2__items__imgbox {
          width: 100%;
          height: 30em;
          margin-right: 0; } }
    .w16-bloglist-2__items__content {
      width: 100%;
      padding: 2em 2em 2em 2em;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media only screen and (max-width: 43.75em) {
        .w16-bloglist-2__items__content {
          width: 100%;
          flex-wrap: wrap;
          justify-content: center; } }
      .w16-bloglist-2__items__content__name {
        color: black;
        font-size: 1.6em;
        text-transform: uppercase;
        font-weight: 700; }
        @media only screen and (max-width: 43.75em) {
          .w16-bloglist-2__items__content__name {
            width: 100%;
            text-align: center; } }
      .w16-bloglist-2__items__content__button {
        padding: .5em 2em;
        background-color: #b08e42;
        font-size: 1.2em;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 2em;
        display: inline-block;
        position: relative;
        height: max-content;
        transition: all .2s ease-in-out;
        cursor: pointer;
        border: none;
        outline: none;
        color: white; }
        @media only screen and (max-width: 43.75em) {
          .w16-bloglist-2__items__content__button {
            margin-top: 1em;
            display: block; } }
        .w16-bloglist-2__items__content__button:hover {
          color: var(--hover-color-w);
          background: white;
          box-shadow: .1em .1em 1em .1em #eee; }
  .w16-bloglist-2__second {
    margin-top: -10em; }
    .w16-bloglist-2__second__list {
      background-color: white;
      border-radius: .5em;
      box-shadow: 0  0 .5em .5em #7272722d;
      position: relative; }
      .w16-bloglist-2__second__list__title {
        font-size: 2.5em;
        color: #000a64;
        font-weight: 700;
        padding: .7em 1em;
        border-bottom: .05em solid #a7abb2; }
      .w16-bloglist-2__second__list__content {
        color: var(--text-color-w);
        text-transform: uppercase;
        padding: 1em 2em 2em 2em; }
        .w16-bloglist-2__second__list__content__items {
          display: flex;
          align-items: center;
          padding: 2em 0;
          border-bottom: .05em solid #a7abb2; }
          .w16-bloglist-2__second__list__content__items__active {
            color: #000a64; }
          .w16-bloglist-2__second__list__content__items__icon {
            margin-right: 1em; }
          .w16-bloglist-2__second__list__content__items__text {
            font-weight: 700;
            line-height: 1.6em;
            font-size: 1.6em; }
    .w16-bloglist-2__second__news {
      margin-top: 2em;
      display: block; }
      .w16-bloglist-2__second__news__title {
        color: var(--text-color-w);
        font-size: 2.5em;
        font-weight: 600;
        margin-bottom: 1em; }
      .w16-bloglist-2__second__news__items__item {
        display: flex;
        margin-top: 1em; }
        .w16-bloglist-2__second__news__items__item__imgbox {
          width: 10em;
          height: 10em;
          min-width: 10em;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          border-radius: .5em;
          margin-right: 1em; }
        .w16-bloglist-2__second__news__items__item__text {
          font-size: 1.3em;
          text-transform: uppercase;
          font-weight: 600;
          line-height: 1.6em; }
    .w16-bloglist-2__second__abimg {
      margin-top: 2em;
      display: block; }
      .w16-bloglist-2__second__abimg__title {
        color: var(--text-color-w);
        font-size: 2.5em;
        font-weight: 600;
        margin-bottom: 1em; }
      .w16-bloglist-2__second__abimg__items {
        display: flex; }
        .w16-bloglist-2__second__abimg__items__item {
          width: 45%;
          margin-top: 1em;
          margin-right: 5%; }
          .w16-bloglist-2__second__abimg__items__item__imgbox {
            width: 100%;
            height: 10em;
            min-width: 10em;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: .5em;
            margin-right: 1em; }
          .w16-bloglist-2__second__abimg__items__item__text {
            margin-top: 1em;
            display: block;
            font-size: 1.3em;
            text-transform: uppercase;
            font-weight: 600;
            line-height: 1.6em;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }

.w16-bloglist {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w16-bloglist__group {
    max-width: 90%;
    margin: 0 auto; }
  .w16-bloglist__items {
    width: 100%;
    display: flex;
    align-items: center;
    height: 30em;
    justify-content: space-between;
    border-radius: .5em;
    overflow: hidden;
    box-shadow: .1em .1em 1em .1em #eee;
    margin-top: 3em; }
    @media only screen and (max-width: 43.75em) {
      .w16-bloglist__items {
        flex-wrap: wrap;
        height: auto;
        align-items: flex-start; } }
    .w16-bloglist__items__imgbox {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 55%;
      height: 100%;
      margin-right: 1em; }
      @media only screen and (max-width: 43.75em) {
        .w16-bloglist__items__imgbox {
          width: 100%;
          height: 30em;
          margin-right: 0; } }
    .w16-bloglist__items__content {
      width: 43%;
      padding: 2em 2em 2em 2em; }
      @media only screen and (max-width: 43.75em) {
        .w16-bloglist__items__content {
          width: 100%; } }
      .w16-bloglist__items__content__number {
        font-size: 4em;
        font-weight: 700; }
        .w16-bloglist__items__content__number::before {
          content: "";
          background-color: var(--main-color-w);
          width: 2em;
          height: .1em;
          margin-left: -2.5em;
          margin-right: .5em;
          display: inline-block; }
        .w16-bloglist__items__content__number::after {
          content: "/";
          display: inline-block;
          font-size: .5em;
          margin-left: .5em; }
      .w16-bloglist__items__content__name {
        color: var(--main-color-w);
        font-size: 3em;
        text-transform: uppercase;
        font-weight: 700; }
      .w16-bloglist__items__content__des {
        font-size: 1.3em;
        margin-top: 1em;
        line-height: 1.8em; }
      .w16-bloglist__items__content__button {
        padding: .5em 2em;
        background-color: var(--main-color-w);
        font-size: 1.2em;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 2em;
        display: inline-block;
        position: relative;
        height: max-content;
        margin-top: 2em;
        transition: all .2s ease-in-out;
        cursor: pointer;
        border: none;
        outline: none;
        color: white; }
        .w16-bloglist__items__content__button:hover {
          color: var(--hover-color-w);
          background: white;
          box-shadow: .1em .1em 1em .1em #eee; }

.w16-breadcumb {
  padding: 3em 1em;
  height: 30em;
  background: linear-gradient(var(--main-color-w) rgba(0, 68, 214, 0.925)), url("/img/14/2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  color: var(--text-color-w); }
  @media only screen and (max-width: 37.5em) {
    .w16-breadcumb {
      height: 20em; } }
  .w16-breadcumb__group {
    position: relative;
    height: 100%; }
  .w16-breadcumb-row {
    position: absolute;
    bottom: 2em; }
  .w16-breadcumb__items__item {
    text-transform: uppercase;
    line-height: 1.6em;
    font-size: 1.2em; }
    .w16-breadcumb__items__item:not(:last-child)::after {
      content: "/";
      display: inline-block;
      margin-left: 1em;
      margin-right: 1em; }
    .w16-breadcumb__items__item:hover {
      color: var(--main-color-w);
      transition: all .2s ease-in-out; }
  .w16-breadcumb__title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 4em;
    line-height: 2em; }
    @media only screen and (max-width: 37.5em) {
      .w16-breadcumb__title {
        font-size: 2em; } }
    .w16-breadcumb__title:hover {
      color: var(--main-color-w);
      transition: all .2s ease-in-out; }

.w16-footer {
  position: relative;
  width: 100%;
  background-color: #003678;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w16-footer__group {
    margin: 0 auto;
    max-width: 120em; }
  .w16-footer-row {
    position: relative;
    display: flex;
    gap: 1%; }
    @media only screen and (max-width: 43.75em) {
      .w16-footer-row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center; } }
  .w16-footer__logobox {
    width: 10em;
    height: 10em; }
    @media only screen and (max-width: 43.75em) {
      .w16-footer__logobox {
        margin: 0 auto; } }
    .w16-footer__logobox__img {
      width: 100%; }
  .w16-footer__business {
    color: white;
    min-width: 24%; }
    .w16-footer__business__item__title {
      margin-top: 2em;
      text-transform: uppercase;
      font-size: 1.4em; }
    .w16-footer__business__item__des {
      margin-top: 2em;
      font-size: 1.4em;
      font-weight: 300; }
    .w16-footer__business__item__link {
      margin-top: 2em; }
      .w16-footer__business__item__link a {
        display: block;
        color: white;
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300; }
  .w16-footer-col {
    display: flex;
    flex-wrap: wrap;
    min-width: 49%; }
  .w16-footer__item {
    width: 50%;
    padding: 0 .5em;
    color: white; }
    @media only screen and (max-width: 37.5em) {
      .w16-footer__item {
        width: 99%;
        margin-top: 4em; }
        .w16-footer__item:last-child {
          padding-left: 0; } }
    .w16-footer__item__title {
      margin-top: 2em;
      text-transform: uppercase;
      font-size: 1.4em; }
    .w16-footer__item__des {
      margin-top: 2em;
      font-size: 1.4em;
      font-weight: 300; }
    .w16-footer__item__link {
      margin-top: 2em; }
      .w16-footer__item__link a {
        display: block;
        color: white;
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
        margin: .5em 0; }
  .w16-footer__connect__title {
    margin-top: 2em;
    text-transform: uppercase;
    font-size: 1.4em;
    color: white; }
  .w16-footer__connect__form {
    margin-top: 1em;
    background-color: white;
    padding: 1em 2em;
    display: flex;
    align-items: center;
    width: max-content;
    border-radius: 3em; }
    .w16-footer__connect__form__text {
      border: none;
      outline: none;
      font-size: 1.4em; }
    .w16-footer__connect__form__icon {
      font-size: 2em;
      cursor: pointer; }
      .w16-footer__connect__form__icon:hover {
        color: #48CAB2; }
  .w16-footer__connect__contact {
    margin-top: 2em;
    display: flex;
    align-items: center;
    color: white; }
    .w16-footer__connect__contact__text {
      line-height: 1.5em; }
    .w16-footer__connect__contact__icon {
      font-size: 2em;
      margin-left: 1em;
      cursor: pointer; }
  .w16-footer__connect__button {
    font-weight: 600;
    font-size: 1.2em;
    padding: .5em 2em;
    border-radius: 1em;
    border: none;
    outline: none;
    background-color: #b08e42;
    color: white;
    display: block;
    margin: 1em auto;
    cursor: pointer;
    text-transform: uppercase; }
    .w16-footer__connect__button:hover {
      color: var(--main-color-w);
      background: white;
      box-shadow: .1em .1em 1em .1em #eee; }

.w16-menu {
  width: 100%;
  z-index: 10;
  position: relative;
  background-color: var(--main-color-w);
  color: var(--text-color-w); }
  .w16-menu__group {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .w16-menu__top {
    text-align: right;
    padding: 1em;
    color: white;
    border-bottom: .1px solid white; }
    .w16-menu__top__info {
      display: inline-block;
      text-transform: uppercase;
      padding: 0 1em; }
  @media only screen and (min-width: 37.5em) {
    .w16-menu__ab {
      position: absolute;
      background-color: transparent; } }
  .w16-menu__sticky {
    opacity: 0.5; }
  .w16-menu__nav__button-nav {
    z-index: 15;
    display: block;
    padding: 1em .5em;
    height: 3.5em;
    display: flex;
    align-items: center;
    font-size: 1.4em; }
    @media only screen and (min-width: 62.5em) {
      .w16-menu__nav__button-nav {
        display: none; } }
  .w16-menu__nav__icon {
    margin-right: 1em;
    background-color: white; }
    .w16-menu__nav__icon::before, .w16-menu__nav__icon::after {
      background-color: white; }
  .w16-menu__nav__checkbox {
    display: none; }
  @media only screen and (min-width: 62.5em) {
    .w16-menu__nav__checkbox:checked ~ .w16-menu__first-group .w16-menu__first-group__items {
      display: flex; } }
  @media only screen and (max-width: 62.5em) {
    .w16-menu__nav__checkbox:checked ~ .w16-menu__first-group .w16-menu__first-group__items {
      display: block; } }
  .w16-menu__first-group {
    align-items: center; }
    @media only screen and (min-width: 62.5em) {
      .w16-menu__first-group {
        display: flex; } }
    .w16-menu__first-group__imgbox {
      width: 15em;
      margin-right: 2em;
      height: 6em;
      text-align: center;
      min-width: 15em; }
      @media only screen and (max-width: 37.5em) {
        .w16-menu__first-group__imgbox {
          margin: 1em auto; } }
      .w16-menu__first-group__imgbox__img {
        max-width: 100%;
        max-height: 9em; }
    @media only screen and (min-width: 62.5em) {
      .w16-menu__first-group__items {
        display: flex; } }
    @media only screen and (max-width: 62.5em) {
      .w16-menu__first-group__items {
        display: none;
        position: fixed;
        left: 0;
        top: 11.5em;
        background-color: white;
        z-index: 2; } }
    @media only screen and (max-width: 37.5em) {
      .w16-menu__first-group__items {
        top: 11.5em; } }
    .w16-menu__first-group__items__bg {
      height: 50em; }
    .w16-menu__first-group__items__text {
      line-height: 8em;
      height: 8em;
      list-style: none;
      margin-left: 1em;
      margin-right: 1em;
      cursor: pointer;
      position: relative; }
      @media only screen and (max-width: 62.5em) {
        .w16-menu__first-group__items__text {
          min-width: 25em; } }
      .w16-menu__first-group__items__text--a {
        display: flex;
        justify-content: space-between;
        font-weight: 500;
        white-space: nowrap;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.4em;
        padding: 0 .5em; }
        @media only screen and (min-width: 62.5em) {
          .w16-menu__first-group__items__text--a {
            color: white; } }
      .w16-menu__first-group__items__text:hover {
        background-color: rgba(244, 244, 244, 0.332);
        color: var(--main-color-w); }
    @media only screen and (min-width: 62.5em) {
      .w16-menu__first-group__items__text:hover .w16-menu__first-group__items__drop {
        display: flex; } }
    @media only screen and (max-width: 62.5em) {
      .w16-menu__first-group__items__text:hover .w16-menu__first-group__items__drop {
        visibility: visible;
        top: 0; } }
    @media only screen and (min-width: 62.5em) {
      .w16-menu__first-group__items__drop__text:hover .w16-menu__first-group__items__drop-1 {
        display: flex;
        visibility: visible; } }
    .w16-menu__first-group__items__drop {
      box-shadow: .1em .1em 1em  #eee;
      display: none;
      position: absolute;
      background-color: white;
      z-index: 2;
      top: 8em; }
      @media only screen and (max-width: 62.5em) {
        .w16-menu__first-group__items__drop {
          top: 5em;
          display: block;
          left: 0;
          transition: all .2s;
          visibility: hidden;
          width: 25em; } }
      @media only screen and (max-width: 62.5em) {
        .w16-menu__first-group__items__drop__col {
          margin-top: 2em;
          border-bottom: .1rem solid #e4e4e4; } }
      .w16-menu__first-group__items__drop-before {
        display: none;
        align-items: center; }
        @media only screen and (max-width: 62.5em) {
          .w16-menu__first-group__items__drop-before {
            display: flex;
            position: absolute;
            align-items: center;
            top: -3em;
            padding-left: 1em;
            font-size: 1.3em;
            font-weight: 600;
            z-index: 15;
            background-color: white;
            width: 100%;
            height: 3em;
            border-bottom: 0.1em solid #eee; } }
        .w16-menu__first-group__items__drop-before__icon {
          font-size: 1.2em; }
      .w16-menu__first-group__items__drop__text {
        list-style: none;
        padding: .5em 2em;
        line-height: 4em;
        transition: all .1s;
        min-width: 15em;
        transition: none; }
        .w16-menu__first-group__items__drop__text--a {
          cursor: pointer;
          font-weight: 500;
          white-space: nowrap;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 1.4em;
          color: black;
          transition: none; }
          .w16-menu__first-group__items__drop__text--a:hover {
            color: #2267D8; }
        .w16-menu__first-group__items__drop__text:hover {
          background-color: rgba(244, 244, 244, 0.5);
          color: #2267D8; }
      .w16-menu__first-group__items__drop-1 {
        position: absolute;
        visibility: hidden;
        top: 0;
        left: 0;
        background-color: white;
        transition: all .2s; }
        @media only screen and (min-width: 62.5em) {
          .w16-menu__first-group__items__drop-1 {
            display: flex;
            box-shadow: .1em .1em .5em #eee; } }
        @media only screen and (max-width: 62.5em) {
          .w16-menu__first-group__items__drop-1 {
            width: 25em; } }
        @media only screen and (min-width: 37.5em) {
          .w16-menu__first-group__items__drop-1 {
            left: 15em; } }
        .w16-menu__first-group__items__drop-1-before {
          display: none;
          align-items: center; }
          @media only screen and (max-width: 62.5em) {
            .w16-menu__first-group__items__drop-1-before {
              position: absolute;
              top: -3em;
              padding-left: 1em;
              font-size: 1.3em;
              font-weight: 600;
              z-index: 15;
              background-color: white;
              width: 100%;
              height: 3em;
              display: flex;
              border-bottom: 0.1em solid #eee; } }
          .w16-menu__first-group__items__drop-1-before__icon {
            font-size: 1.2em; }
        .w16-menu__first-group__items__drop-1__text {
          list-style: none;
          line-height: 4em;
          transition: none;
          min-width: 15em;
          padding: .5em 2em; }
          .w16-menu__first-group__items__drop-1__text--a {
            cursor: pointer;
            font-weight: 500;
            white-space: nowrap;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 1.4em;
            color: black; }
            .w16-menu__first-group__items__drop-1__text--a:hover {
              color: #2267D8; }
          .w16-menu__first-group__items__drop-1__text:hover {
            background-color: rgba(244, 244, 244, 0.5);
            color: #2267D8; }
  @media only screen and (max-width: 37.5em) {
    .w16-menu__second-group {
      position: fixed;
      background-color: var(--main-color-w);
      left: 0;
      bottom: 0;
      z-index: 10;
      width: 100%; } }
  .w16-menu__second-group__items {
    display: flex;
    margin-right: 2em;
    align-items: center;
    justify-content: space-between;
    z-index: 1; }
    @media only screen and (min-width: 37.5em) {
      .w16-menu__second-group__items {
        justify-content: flex-end; } }
    .w16-menu__second-group__items__item {
      position: relative;
      height: 8em;
      line-height: 9em; }
      .w16-menu__second-group__items__item__icon {
        margin: 0 1.5em;
        font-size: 2em;
        cursor: pointer;
        transition: all .2s;
        color: white; }
        .w16-menu__second-group__items__item__icon:hover {
          color: var(--main-color-w); }
      .w16-menu__second-group__items__item__drop {
        display: none;
        position: absolute;
        top: 7em;
        left: 0;
        background-color: white; }
        @media only screen and (max-width: 62.5em) {
          .w16-menu__second-group__items__item__drop {
            box-shadow: .1em .1em .5em #eee; } }
        @media only screen and (max-width: 37.5em) {
          .w16-menu__second-group__items__item__drop {
            top: auto;
            bottom: 8em;
            left: 1em; } }
        .w16-menu__second-group__items__item__drop__ul {
          list-style: none; }
        .w16-menu__second-group__items__item__drop__li {
          cursor: pointer;
          padding: 0 1em;
          line-height: 5em; }
          .w16-menu__second-group__items__item__drop__li:hover {
            background-color: rgba(244, 244, 244, 0.5);
            color: #2267D8; }
    .w16-menu__second-group__items__item:hover .w16-menu__second-group__items__item__drop {
      display: block;
      z-index: 1; }
  .w16-menu__nav__checkbox-search:checked ~ .w16-menu__search {
    top: 0;
    visibility: visible; }
  .w16-menu__nav__checkbox-search {
    display: none; }
  .w16-menu__search {
    position: fixed;
    top: -15em;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: white;
    padding: 4em;
    color: #757575;
    box-shadow: .1em .1em 1em 0.1em #f5f5f5;
    transition: all .2s;
    z-index: 15; }
    .w16-menu__search__content {
      max-width: 120rem;
      margin: 0 auto; }
      .w16-menu__search__content__title {
        display: flex;
        justify-content: space-between;
        font-size: 1.4em; }
        .w16-menu__search__content__title__icon {
          font-size: 1.5em;
          background: none;
          border: none; }
      .w16-menu__search__content__input {
        margin-top: 1em;
        display: flex;
        justify-content: space-between;
        padding: 2em 0;
        width: 100%;
        border-bottom: .2em solid #f5f5f5; }
        .w16-menu__search__content__input__text {
          border: none;
          font-weight: 500;
          font-size: 2em;
          text-transform: uppercase;
          color: black;
          width: 100%; }
          .w16-menu__search__content__input__text::-webkit-input-placeholder {
            color: black; }
          .w16-menu__search__content__input__text:focus {
            outline: none; }
        .w16-menu__search__content__input__icon {
          cursor: pointer;
          font-size: 3em; }

.w16-services-1 {
  background-image: url("/img/w15/bg3.png");
  background-repeat: no-repeat;
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w); }
  .w16-services-1__group {
    width: 100%; }
  .w16-services-1__intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 3em; }
    @media only screen and (max-width: 50em) {
      .w16-services-1__intro {
        flex-direction: column;
        margin-bottom: 5em; } }
    .w16-services-1__intro__heading {
      width: 27em;
      padding: 3em;
      position: relative;
      color: white; }
      @media only screen and (max-width: 37.5em) {
        .w16-services-1__intro__heading {
          width: 100%; } }
      .w16-services-1__intro__heading__main__title {
        font-weight: 800;
        font-size: 3em;
        width: 5em;
        text-align: right;
        position: relative;
        margin-top: 1em; }
        .w16-services-1__intro__heading__main__title::before {
          content: "";
          width: 4em;
          background-color: white;
          height: 1px;
          position: absolute;
          top: .7em;
          left: -1em;
          transform: rotate(-55deg);
          opacity: .6; }
      .w16-services-1__intro__heading__main__des {
        font-weight: 300;
        font-size: 1.5em;
        margin-top: .5em;
        text-align: center;
        position: relative; }
        .w16-services-1__intro__heading__main__des::before {
          content: "";
          width: 1.5em;
          background-color: white;
          height: 1px;
          position: absolute;
          top: .7em;
          right: .8em;
          transform: rotate(-55deg);
          opacity: .6; }
          @media only screen and (max-width: 37.5em) {
            .w16-services-1__intro__heading__main__des::before {
              right: 7em; } }
          @media only screen and (max-width: 31.25em) {
            .w16-services-1__intro__heading__main__des::before {
              right: 5em; } }
          @media only screen and (max-width: 25em) {
            .w16-services-1__intro__heading__main__des::before {
              right: 4em; } }
    .w16-services-1__intro__tab {
      text-align: center; }
      .w16-services-1__intro__tab__items {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        color: #b08e42;
        display: inline-block;
        margin-left: 1em;
        margin-top: 1em;
        text-align: right; }
        .w16-services-1__intro__tab__items__icon {
          margin-right: .3em; }
        .w16-services-1__intro__tab__items__text {
          text-transform: uppercase;
          font-weight: 700;
          display: inline-block;
          font-size: 1.4em; }
        .w16-services-1__intro__tab__items::after {
          content: " \00a0";
          white-space: pre; }
        .w16-services-1__intro__tab__items:not(:last-child)::after {
          content: "/"; }
  .w16-services-1__content {
    display: flex;
    height: max-content;
    width: 100%; }
    @media only screen and (max-width: 50em) {
      .w16-services-1__content {
        flex-direction: column;
        padding-left: 1em; } }
    .w16-services-1__content__big {
      background-color: white;
      box-shadow: 0 0 1em 5px #2c2c2c41;
      border-radius: 1em;
      min-width: 50%;
      height: max-content; }
      .w16-services-1__content__big__imgbox {
        width: 100%;
        height: 50em;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: .7em; }
      .w16-services-1__content__big__info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 2em; }
        .w16-services-1__content__big__info__text {
          font-weight: 600;
          font-size: 1.4em;
          text-transform: uppercase;
          display: inline-block; }
        .w16-services-1__content__big__info__button {
          font-weight: 600;
          font-size: 1.2em;
          padding: .5em 2em;
          border-radius: 1em;
          border: none;
          outline: none;
          background-color: #b08e42;
          color: white;
          cursor: pointer;
          text-transform: uppercase; }
          .w16-services-1__content__big__info__button:hover {
            color: var(--hover-color-w);
            background: white;
            box-shadow: .1em .1em 1em .1em #eee; }
    .w16-services-1__content-col {
      width: 50%;
      overflow: hidden; }
    .w16-services-1__content__small {
      display: flex;
      margin-left: 2em;
      height: 50em;
      border-radius: 1em;
      transition: all .2s ease-in-out;
      cursor: pointer;
      flex-direction: column; }
      .w16-services-1__content__small__items {
        width: 100%;
        height: 48%;
        position: relative;
        overflow: hidden;
        border-radius: .7em;
        margin-bottom: 1em; }
        @media only screen and (max-width: 50em) {
          .w16-services-1__content__small__items {
            margin-left: 0;
            margin-top: 1em;
            display: block; } }
        .w16-services-1__content__small__items:hover .w16-services-1__content__small__items__overlay {
          transition: all .2s ease-in-out;
          background-color: rgba(255, 174, 0, 0.5); }
        .w16-services-1__content__small__items__overlay {
          width: 100%;
          height: 100%;
          position: absolute;
          background-color: rgba(0, 0, 0, 0.3);
          transition: all .2s ease-in-out; }
        .w16-services-1__content__small__items__imgbox {
          background-image: url(/img/14/5.jpg);
          height: 100%;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center; }
        .w16-services-1__content__small__items__info {
          position: absolute;
          bottom: 0;
          padding-left: 2em;
          padding-bottom: 2em;
          width: 50%; }
          .w16-services-1__content__small__items__info__text {
            color: white;
            font-size: 1.4em;
            font-weight: 600;
            text-transform: uppercase;
            line-height: 2em; }
          .w16-services-1__content__small__items__info__button {
            color: white;
            border: none;
            outline: none;
            background-color: transparent;
            display: flex;
            align-items: center;
            margin-top: 1em; }
            .w16-services-1__content__small__items__info__button::after {
              content: "";
              width: 2em;
              height: .1em;
              background-color: white;
              display: inline-block;
              margin-left: 1em; }

.w16-services {
  width: 100%;
  color: var(--text-color-w); }
  .w16-services__group {
    max-width: 100%;
    display: flex;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 37.5em) {
      .w16-services__group {
        flex-direction: column; } }
  .w16-services__button {
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 4em;
    color: white;
    display: block;
    padding: 1em;
    position: absolute;
    transform: translateY(-50%);
    z-index: 2; }
    .w16-services__button-next {
      top: 50%;
      left: 8.5em; }
      @media only screen and (max-width: 37.5em) {
        .w16-services__button-next {
          left: 30%;
          transform: translateY(-50%) translateX(-50%); } }
    .w16-services__button-prev {
      top: 50%;
      left: 4em; }
      @media only screen and (max-width: 37.5em) {
        .w16-services__button-prev {
          left: 69%;
          transform: translateY(-50%) translateX(-50%); } }
  .w16-services__counter {
    position: absolute;
    top: 50%;
    background-color: white;
    left: 16.8em;
    z-index: 2;
    border-radius: 50%;
    transform: translateY(-50%);
    height: 4em;
    width: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6em; }
    @media only screen and (max-width: 37.5em) {
      .w16-services__counter {
        left: 50%;
        transform: translateX(-50%) translateY(-50%); } }
  .w16-services__heading {
    background: linear-gradient(rgba(0, 20, 109, 0.8), rgba(0, 20, 109, 0.8)), url("/img/14/01-1170x771.jpg");
    background-position: center;
    width: 30em;
    height: 50em;
    padding: 6em;
    position: relative;
    color: white; }
    @media only screen and (max-width: 37.5em) {
      .w16-services__heading {
        width: 100%;
        height: 40em; } }
    .w16-services__heading__main__title {
      font-weight: 800;
      font-size: 3em;
      width: 5em;
      text-align: right;
      position: relative;
      margin-top: 1em; }
      .w16-services__heading__main__title::before {
        content: "";
        width: 5em;
        background-color: white;
        height: 1px;
        position: absolute;
        top: .7em;
        left: -1em;
        transform: rotate(-55deg);
        opacity: .6; }
    .w16-services__heading__main__des {
      font-weight: 300;
      font-size: 1.5em;
      margin-top: .5em;
      text-align: center;
      position: relative; }
      .w16-services__heading__main__des::before {
        content: "";
        width: 1.5em;
        background-color: white;
        height: 1px;
        position: absolute;
        top: .7em;
        right: .8em;
        transform: rotate(-55deg);
        opacity: .6; }
        @media only screen and (max-width: 37.5em) {
          .w16-services__heading__main__des::before {
            right: 7em; } }
        @media only screen and (max-width: 31.25em) {
          .w16-services__heading__main__des::before {
            right: 5em; } }
        @media only screen and (max-width: 25em) {
          .w16-services__heading__main__des::before {
            right: 4em; } }
    .w16-services__heading__sub {
      position: absolute;
      bottom: 5em;
      left: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w16-services__heading__sub {
          text-align: center;
          width: 100%; } }
      .w16-services__heading__sub__link {
        font-size: 1.5em; }
        .w16-services__heading__sub__link::after {
          content: "";
          width: 1.5em;
          background-color: white;
          height: 1px;
          position: absolute;
          top: .7em;
          right: -2.5em; }
  .w16-services__content {
    display: block;
    width: calc( 100% - 30em);
    position: relative; }
    @media only screen and (max-width: 37.5em) {
      .w16-services__content {
        width: 100%; } }
    .w16-services__content__items {
      height: 50em;
      width: 100%;
      background: linear-gradient(rgba(10, 10, 10, 0.25), rgba(0, 0, 0, 0.25)), url("/img/14/2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: white;
      position: relative;
      display: block;
      padding: 2em; }
      .w16-services__content__items:hover .w16-services__content__items__overlay {
        display: initial; }
      .w16-services__content__items__overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        background-color: var(--hover-color-w);
        display: none;
        top: 0;
        transition: all .2s ease-in-out; }
      .w16-services__content__items__item {
        position: absolute;
        bottom: 6em; }
        .w16-services__content__items__item__number {
          color: #ffcb5c;
          font-weight: 600;
          font-size: 2.5em;
          position: relative; }
          .w16-services__content__items__item__number::after {
            content: "";
            width: 1em;
            background-color: white;
            height: 1px;
            position: absolute;
            top: .7em;
            right: -1em;
            transform: rotate(-55deg);
            opacity: .8; }
        .w16-services__content__items__item__name {
          font-weight: 600;
          font-size: 1.3em; }
        .w16-services__content__items__item__title {
          text-transform: uppercase;
          font-weight: 600;
          font-size: 2.3em;
          line-height: 2em; }
        .w16-services__content__items__item__line {
          background-color: var(--main-color-w);
          width: 5em;
          height: .5em;
          display: block;
          position: relative; }
        .w16-services__content__items__item__button {
          padding: .5em 2em;
          background-color: var(--main-color-w);
          font-size: 1.2em;
          font-weight: 600;
          text-transform: uppercase;
          border-radius: 2em;
          display: inline-block;
          position: relative;
          margin-top: 2em;
          transition: all .2s ease-in-out;
          cursor: pointer; }
          .w16-services__content__items__item__button:hover {
            color: var(--main-color-w);
            background: white;
            box-shadow: .1em .1em 1em .1em #eee; }

.w16-ads {
  width: 100%;
  padding: 2em 1em;
  background-color: white; }
  .w16-ads__group {
    max-width: 120em;
    margin: 0 auto; }
  .w16-ads__heading {
    text-align: center;
    max-width: 120em;
    margin: 0 auto; }
    .w16-ads__heading__title {
      font-size: 3em;
      display: block; }
      .w16-ads__heading__title a {
        padding: .5em; }
    .w16-ads__heading__sub {
      display: block;
      margin-top: 1em;
      font-weight: 300;
      color: var(--text-color-w);
      line-height: 2em;
      font-size: 1.4em; }
  .w16-ads__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -2%;
    margin-top: 1em; }
    .w16-ads__items__item {
      text-align: center;
      width: 10%;
      margin-left: 2%;
      margin-bottom: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w16-ads__items__item {
          width: 20%;
          margin-left: 5%; } }
      .w16-ads__items__item:hover {
        filter: brightness(1.1); }
      .w16-ads__items__item__imgbox {
        width: 100%;
        position: relative;
        margin-bottom: .5em;
        cursor: pointer;
        transition: all .2s; }
        .w16-ads__items__item__imgbox__img {
          width: 100%;
          height: 100%; }
        .w16-ads__items__item__imgbox__des {
          text-align: center;
          margin-top: .5em;
          padding: .1em; }
          .w16-ads__items__item__imgbox__des__main {
            font-weight: 600;
            font-size: 1.4em; }

.w17-abimg-1 {
  width: 100%;
  padding: 2em .5em;
  background-color: white; }
  .w17-abimg-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w17-abimg-1__heading {
    padding: 1%;
    text-align: center; }
    .w17-abimg-1__heading__title {
      font-size: 3em;
      display: block; }
    .w17-abimg-1__heading__sub {
      display: block;
      margin-top: 1em;
      font-weight: 300;
      color: var(--text-color-w);
      line-height: 2em;
      font-size: 1.4em; }
  .w17-abimg-1__items {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1%; }
    .w17-abimg-1__items__imgbox {
      width: 32%;
      margin-right: 1%;
      margin-top: 1em;
      position: relative;
      cursor: pointer;
      transition: all .2s; }
      @media only screen and (max-width: 50em) {
        .w17-abimg-1__items__imgbox {
          width: 49%; } }
      @media only screen and (max-width: 31.25em) {
        .w17-abimg-1__items__imgbox {
          width: 99%; } }
      .w17-abimg-1__items__imgbox__img {
        height: initial !important; }
      .w17-abimg-1__items__imgbox__des {
        display: none;
        position: absolute;
        width: 90%;
        bottom: 2em;
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
        text-align: center; }
        .w17-abimg-1__items__imgbox__des__main {
          font-weight: 600;
          font-size: 1.4em; }
        .w17-abimg-1__items__imgbox__des__sub {
          margin-top: .5em;
          font-weight: 300;
          font-size: 1.4em; }
      .w17-abimg-1__items__imgbox:hover {
        filter: brightness(1.1); }

.w17-abimg-2 {
  width: 100%;
  padding: 2em .5em;
  background-color: white; }
  .w17-abimg-2__group {
    max-width: 120em;
    margin: 0 auto; }
  .w17-abimg-2__heading {
    padding: 1%;
    text-align: center; }
    .w17-abimg-2__heading__title {
      font-size: 3em;
      display: block; }
    .w17-abimg-2__heading__sub {
      display: block;
      margin-top: 1em;
      font-weight: 300;
      color: var(--text-color-w);
      line-height: 2em;
      font-size: 1.4em; }
  .w17-abimg-2__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%; }
    .w17-abimg-2__items__imgbox {
      position: relative;
      width: 24%;
      margin-left: 1%;
      margin-top: 1em;
      cursor: pointer;
      transition: all .2s; }
      @media only screen and (max-width: 50em) {
        .w17-abimg-2__items__imgbox {
          width: 49%; } }
      @media only screen and (max-width: 31.25em) {
        .w17-abimg-2__items__imgbox {
          width: 99%; } }
      .w17-abimg-2__items__imgbox__img {
        height: initial !important;
        background-size: cover;
        background-repeat: no-repeat; }
      .w17-abimg-2__items__imgbox__des {
        position: absolute;
        display: none;
        width: 90%;
        bottom: 2em;
        left: 50%;
        transform: translateX(-50%);
        text-align: center; }
        .w17-abimg-2__items__imgbox__des__main {
          font-weight: 600;
          font-size: 1.4em; }
        .w17-abimg-2__items__imgbox__des__sub {
          margin-top: .5em;
          font-weight: 300;
          font-size: 1.4em; }
      .w17-abimg-2__items__imgbox:hover {
        filter: brightness(1.1); }

.w17-abimg-3 {
  width: 100%;
  padding: 2em .5em;
  background-color: white; }
  .w17-abimg-3__group {
    max-width: 100%;
    margin: 0 auto; }
  .w17-abimg-3__heading {
    text-align: center;
    max-width: 120em;
    margin: 0 auto; }
    .w17-abimg-3__heading__title {
      font-size: 3em;
      display: block;
      padding: .3em; }
    .w17-abimg-3__heading__sub {
      display: block;
      margin-top: 1em;
      font-weight: 300;
      color: var(--text-color-w);
      line-height: 8em;
      font-size: 1.4em;
      padding: .3em; }
  .w17-abimg-3__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 1%; }
    .w17-abimg-3__items__imgbox {
      width: 9%;
      margin-right: 1%;
      margin-top: 1em;
      position: relative;
      cursor: pointer;
      transition: all .2s; }
      @media only screen and (max-width: 50em) {
        .w17-abimg-3__items__imgbox {
          width: 24%; } }
      @media only screen and (max-width: 31.25em) {
        .w17-abimg-3__items__imgbox {
          width: 32%; } }
      .w17-abimg-3__items__imgbox__img {
        height: initial !important;
        background-size: cover;
        background-repeat: no-repeat; }
      .w17-abimg-3__items__imgbox__des {
        display: none;
        position: absolute;
        width: 90%;
        bottom: 2em;
        left: 50%;
        transform: translateX(-50%);
        text-align: center; }
        .w17-abimg-3__items__imgbox__des__main {
          font-weight: 600;
          font-size: 1.4em; }
        .w17-abimg-3__items__imgbox__des__sub {
          margin-top: .5em;
          font-weight: 300;
          font-size: 1.4em; }
          @media only screen and (min-width: 50em) {
            .w17-abimg-3__items__imgbox__des__sub {
              font-size: 1em; } }
      .w17-abimg-3__items__imgbox:hover {
        filter: brightness(1.1); }

.w17-abimg-4 {
  width: 100%;
  padding: 2em .5em;
  background-color: white; }
  .w17-abimg-4__group {
    max-width: 120em;
    margin: 0 auto;
    background-color: cornflowerblue;
    padding: 1em; }
  .w17-abimg-4__heading {
    padding: 1%;
    text-align: center;
    color: white; }
    .w17-abimg-4__heading__title {
      font-size: 3em;
      display: block; }
    .w17-abimg-4__heading__sub {
      display: block;
      margin-top: 1em;
      font-weight: 300;
      color: white;
      line-height: 2em;
      font-size: 1.4em; }
  .w17-abimg-4__items {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1%; }
    .w17-abimg-4__items__imgbox {
      width: 32%;
      margin-right: 1%;
      margin-top: 1em;
      position: relative;
      cursor: pointer;
      transition: all .2s; }
      @media only screen and (max-width: 50em) {
        .w17-abimg-4__items__imgbox {
          width: 49%; } }
      @media only screen and (max-width: 31.25em) {
        .w17-abimg-4__items__imgbox {
          width: 99%; } }
      .w17-abimg-4__items__imgbox__img {
        height: initial !important;
        background-size: cover;
        background-repeat: no-repeat; }
      .w17-abimg-4__items__imgbox__des {
        display: none;
        position: absolute;
        width: 90%;
        bottom: 2em;
        left: 50%;
        transform: translateX(-50%);
        text-align: center; }
        .w17-abimg-4__items__imgbox__des__main {
          font-weight: 600;
          font-size: 1.4em; }
        .w17-abimg-4__items__imgbox__des__sub {
          margin-top: .5em;
          font-weight: 300;
          font-size: 1.4em; }
      .w17-abimg-4__items__imgbox:hover {
        filter: brightness(1.1); }

.w17-abimg-5 {
  width: 100%;
  padding: 2em .5em;
  background-color: white; }
  .w17-abimg-5__group {
    max-width: 120em;
    margin: 0 auto; }
  .w17-abimg-5__heading {
    padding: 1%;
    text-align: center; }
    .w17-abimg-5__heading__title {
      font-size: 3em;
      display: block; }
    .w17-abimg-5__heading__sub {
      display: block;
      margin-top: 1em;
      font-weight: 300;
      color: var(--text-color-w);
      line-height: 2em;
      font-size: 1.4em; }
  .w17-abimg-5__items {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1%; }
    .w17-abimg-5__items__imgbox {
      width: 24%;
      margin-right: 1%;
      margin-top: 1em;
      cursor: pointer;
      position: relative;
      transition: all .2s;
      box-shadow: .1em .1em 1em .1em #eee; }
      @media only screen and (max-width: 50em) {
        .w17-abimg-5__items__imgbox {
          width: 49%; } }
      @media only screen and (max-width: 31.25em) {
        .w17-abimg-5__items__imgbox {
          width: 99%; } }
      .w17-abimg-5__items__imgbox__img {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: initial !important; }
      .w17-abimg-5__items__imgbox__des {
        display: none;
        position: absolute;
        width: 90%;
        bottom: 2em;
        left: 50%;
        transform: translateX(-50%);
        text-align: center; }
        .w17-abimg-5__items__imgbox__des__main {
          font-weight: 600;
          font-size: 1.4em; }
        .w17-abimg-5__items__imgbox__des__sub {
          margin-top: .5em;
          font-weight: 300;
          font-size: 1.4em; }
      .w17-abimg-5__items__imgbox:hover {
        filter: brightness(1.1); }

.w17-abimg-6 {
  width: 100%;
  padding: 2em .5em;
  background-color: white; }
  .w17-abimg-6__group {
    max-width: 100%;
    margin: 0 auto; }
  .w17-abimg-6__heading {
    padding: 1%;
    text-align: center;
    max-width: 120em;
    margin: 0 auto; }
    .w17-abimg-6__heading__title {
      font-size: 3em;
      display: block; }
    .w17-abimg-6__heading__sub {
      display: block;
      margin-top: 1em;
      font-weight: 300;
      color: var(--text-color-w);
      line-height: 2em;
      font-size: 1.4em; }
  .w17-abimg-6__items {
    display: flex;
    flex-wrap: wrap; }
    .w17-abimg-6__items__imgbox {
      width: 25%;
      position: relative;
      cursor: pointer;
      transition: all .2s; }
      @media only screen and (max-width: 31.25em) {
        .w17-abimg-6__items__imgbox {
          width: 33%; } }
      .w17-abimg-6__items__imgbox__img {
        height: initial !important;
        background-size: cover;
        background-repeat: no-repeat; }
      .w17-abimg-6__items__imgbox__des {
        display: none;
        position: absolute;
        width: 90%;
        bottom: 2em;
        left: 50%;
        transform: translateX(-50%);
        text-align: center; }
        .w17-abimg-6__items__imgbox__des__main {
          font-weight: 600;
          font-size: 1.4em; }
        .w17-abimg-6__items__imgbox__des__sub {
          margin-top: .5em;
          font-weight: 300;
          font-size: 1.4em; }
      .w17-abimg-6__items__imgbox:hover {
        filter: brightness(1.1); }

.w17-abimg-7 {
  width: 100%;
  padding: 2em .5em;
  background-color: #f4f4f4; }
  .w17-abimg-7__group {
    max-width: 100%;
    margin: 0 auto;
    max-width: 120em; }
  .w17-abimg-7__heading {
    padding: 1em;
    text-align: center;
    margin: 0 auto; }
    .w17-abimg-7__heading__title {
      font-size: 3em;
      display: block; }
    .w17-abimg-7__heading__sub {
      width: 20em;
      height: .3em;
      background-color: #dadada;
      position: relative;
      margin: 0 auto;
      margin-top: 3em; }
      .w17-abimg-7__heading__sub::before {
        position: absolute;
        content: "";
        height: 2em;
        width: 2em;
        border: 0.5em solid var(--main-color-w);
        bottom: -.7em;
        transform: translateX(-50%);
        background-color: white; }
  .w17-abimg-7__block {
    position: relative;
    margin-top: 1em; }
  .w17-abimg-7__button {
    border: .1em solid white;
    border-radius: 0.5em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1.5em 1em;
    background-color: rgba(219, 219, 219, 0.726);
    outline: none;
    cursor: pointer;
    transition: all .2s;
    transform: translateY(-50%); }
    .w17-abimg-7__button:hover {
      background-color: rgba(54, 54, 54, 0.685);
      color: white; }
    .w17-abimg-7__button-next {
      position: absolute;
      top: 50%;
      right: 0;
      margin-right: 1em;
      z-index: 2; }
    .w17-abimg-7__button__icon {
      font-size: 2em; }
    .w17-abimg-7__button-prev {
      position: absolute;
      top: 50%;
      margin-left: 1em;
      z-index: 2; }
  .w17-abimg-7__items {
    text-align: center; }
    .w17-abimg-7__items__imgbox {
      position: relative;
      cursor: pointer;
      transition: all .2s;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-color: white; }
      .w17-abimg-7__items__imgbox__img {
        height: initial !important; }
      .w17-abimg-7__items__imgbox__des {
        display: none;
        position: absolute;
        width: 90%;
        bottom: 2em;
        left: 50%;
        transform: translateX(-50%);
        text-align: center; }
        .w17-abimg-7__items__imgbox__des__main {
          font-weight: 600;
          font-size: 1.4em; }
        .w17-abimg-7__items__imgbox__des__sub {
          margin-top: .5em;
          font-weight: 300;
          font-size: 1.4em; }
      .w17-abimg-7__items__imgbox:hover {
        filter: brightness(1.1); }
      .w17-abimg-7__items__imgbox__item {
        position: absolute;
        width: 200%;
        height: max-content;
        text-align: center;
        transform: translateX(-25%);
        left: 0;
        top: 100%;
        margin-top: 1em; }
        .w17-abimg-7__items__imgbox__item__name {
          font-size: 1.4em;
          font-style: italic;
          padding: .5em;
          display: none;
          font-weight: 600; }
          @media only screen and (max-width: 37.5em) {
            .w17-abimg-7__items__imgbox__item__name {
              font-size: 2em; } }
          .w17-abimg-7__items__imgbox__item__name:hover {
            color: var(--main-color-w); }
        .w17-abimg-7__items__imgbox__item__des {
          font-style: italic;
          padding: .5em;
          display: none; }
          @media only screen and (max-width: 37.5em) {
            .w17-abimg-7__items__imgbox__item__des {
              font-size: 1.3em; } }
          .w17-abimg-7__items__imgbox__item__des:hover {
            color: var(--main-color-w); }

.sidef .big {
  z-index: 2; }
  .sidef .big .w17-abimg-7__items__imgbox__item__name {
    z-index: 1;
    display: block; }
  .sidef .big .w17-abimg-7__items__imgbox__item__des {
    z-index: 1;
    display: block; }
  .sidef .big figure {
    transform: scale(1.5);
    opacity: 1; }
    @media only screen and (max-width: 37.5em) {
      .sidef .big figure {
        transform: none; } }

.sidef .medium {
  z-index: 1; }
  .sidef .medium figure {
    transform: scale(1.2);
    opacity: 0.9; }
    @media only screen and (max-width: 37.5em) {
      .sidef .medium figure {
        transform: none; } }

.sidef figure {
  border-top-right-radius: 4em;
  border-bottom-left-radius: 4em;
  transform: scale(0.8);
  box-shadow: 0 0 5px 5px white;
  opacity: 0.7; }
  @media only screen and (max-width: 37.5em) {
    .sidef figure {
      transform: none; } }

.sidef .owl-height {
  height: auto !important; }

.sidef .owl-stage {
  display: flex;
  align-items: center;
  height: 60em;
  margin-top: -12em;
  left: 40.6%; }
  @media only screen and (max-width: 37.5em) {
    .sidef .owl-stage {
      left: unset; } }

.w18-table {
  width: 100%;
  padding: 3em 1em;
  color: var(--text-color-w);
  background-color: white; }
  .w18-table table {
    margin: 0 auto;
    border-collapse: collapse; }
    .w18-table table td, .w18-table table th {
      border: 1px solid black;
      padding: 1em;
      line-height: 3.3em; }
  .w18-table__group {
    max-width: 120em;
    margin: 0 auto;
    overflow: scroll; }
  .w18-table__heading {
    text-align: center;
    margin-bottom: 2em; }
    .w18-table__heading__title {
      font-weight: 600;
      font-size: 2em;
      margin-bottom: 1em; }
    .w18-table__heading__sub {
      font-weight: 300;
      font-size: 1.4em; }
  .w18-table__tbl {
    border-collapse: collapse;
    font-size: 1.4em;
    width: 100%;
    margin-top: .5em;
    display: table; }
    @media only screen and (max-width: 37.5em) {
      .w18-table__tbl {
        margin: 0 auto; } }
    .w18-table__tbl td, .w18-table__tbl th {
      border: 1px solid #dddddd;
      padding: 1em;
      line-height: 1.8em; }
    .w18-table__tbl th {
      background-color: var(--main-color-w);
      color: white; }
    .w18-table__tbl__th-1 {
      width: 45%; }
    .w18-table__tbl__th-2 {
      width: 25%; }
    .w18-table__tbl__th-3 {
      width: 15%; }
    .w18-table__tbl__th-4 {
      width: 15%; }
  .w18-table__des {
    display: block;
    margin-top: 1em;
    font-weight: 300; }

.w18-table-1 {
  width: 100%;
  padding: 3em .5em;
  background-color: white; }
  .w18-table-1 table {
    margin: 0 auto;
    border-collapse: collapse; }
    .w18-table-1 table td, .w18-table-1 table th {
      border: 1px solid black;
      padding: 1em;
      line-height: 3.3em; }
  .w18-table-1__group {
    max-width: 120em;
    margin: 0 auto;
    overflow: scroll; }
  .w18-table-1__heading {
    text-align: center;
    margin-bottom: 2em; }
    .w18-table-1__heading__title {
      font-weight: 600;
      font-size: 2em;
      margin-bottom: 1em; }
    .w18-table-1__heading__sub {
      font-weight: 300;
      font-size: 1.4em; }
  .w18-table-1__tbl {
    border-collapse: collapse;
    font-size: 1.4em;
    margin-top: .5em;
    display: table;
    color: --text-color-w;
    width: 100%; }
    @media only screen and (max-width: 37.5em) {
      .w18-table-1__tbl {
        margin: 0 auto; } }
    .w18-table-1__tbl td, .w18-table-1__tbl th {
      border: 1px solid #dddddd;
      padding: 1em;
      line-height: 1.8em; }
    .w18-table-1__tbl tr:nth-child(even) {
      background-color: var(--main-color-w);
      color: white; }
    .w18-table-1__tbl__th-1 {
      width: 45%; }
    .w18-table-1__tbl__th-2 {
      width: 25%; }
    .w18-table-1__tbl__th-3 {
      width: 15%; }
    .w18-table-1__tbl__th-4 {
      width: 15%; }
  .w18-table-1__des {
    display: block;
    margin-top: 1em;
    font-weight: 300; }

.w18-table-2 {
  width: 100%;
  padding: 3em .5em;
  background-color: white; }
  .w18-table-2 table {
    margin: 0 auto;
    border-collapse: collapse; }
    .w18-table-2 table td, .w18-table-2 table th {
      border: 1px solid black;
      padding: 1em;
      line-height: 3.3em; }
  .w18-table-2__group {
    max-width: 120em;
    margin: 0 auto;
    overflow: scroll; }
  .w18-table-2__heading {
    text-align: center;
    margin-bottom: 2em; }
    .w18-table-2__heading__title {
      font-weight: 600;
      font-size: 2em;
      margin-bottom: 1em; }
    .w18-table-2__heading__sub {
      font-weight: 300;
      font-size: 1.4em; }
  .w18-table-2__tbl {
    border-collapse: collapse;
    font-size: 1.4em;
    margin-top: .5em;
    display: table;
    color: --text-color-w;
    width: 100%; }
    @media only screen and (max-width: 37.5em) {
      .w18-table-2__tbl {
        margin: 0 auto; } }
    .w18-table-2__tbl td, .w18-table-2__tbl th {
      border: 1px solid #dddddd;
      padding: 1em;
      line-height: 1.8em; }
    .w18-table-2__tbl tr:nth-child(even) {
      background-color: var(--main-color-w);
      color: white; }
    .w18-table-2__tbl__th-1 {
      width: 45%; }
    .w18-table-2__tbl__th-2 {
      width: 25%; }
    .w18-table-2__tbl__th-3 {
      width: 15%; }
    .w18-table-2__tbl__th-4 {
      width: 15%; }
  .w18-table-2__des {
    display: block;
    margin-top: 1em;
    font-weight: 300; }

.w18-pricetable {
  width: 100%;
  padding: 3em .5em;
  color: var(--text-color-w);
  background-color: white; }
  .w18-pricetable table {
    margin: 0 auto;
    border-collapse: collapse; }
    .w18-pricetable table td, .w18-pricetable table th {
      border: 1px solid black;
      padding: 1em;
      line-height: 3.3em; }
  .w18-pricetable__group {
    max-width: 120em;
    margin: 0 auto;
    overflow: scroll; }
  .w18-pricetable__heading {
    text-align: center;
    margin-bottom: 2em; }
    .w18-pricetable__heading__title {
      font-weight: 600;
      font-size: 2em;
      margin-bottom: 1em; }
    .w18-pricetable__heading__sub {
      font-weight: 300;
      font-size: 1.4em; }
  .w18-pricetable__tbl {
    border-collapse: collapse;
    font-size: 1.4em;
    width: 100%;
    margin-top: .5em;
    display: table; }
    @media only screen and (max-width: 37.5em) {
      .w18-pricetable__tbl {
        width: 50em;
        margin: 0 auto; } }
    .w18-pricetable__tbl td, .w18-pricetable__tbl th {
      border: 1px solid #dddddd;
      padding: 1em;
      line-height: 1.8em; }
    .w18-pricetable__tbl th {
      background-color: var(--main-color-w);
      color: white; }
    .w18-pricetable__tbl tr {
      text-align: center; }
    .w18-pricetable__tbl__th-1 {
      width: 45%; }
    .w18-pricetable__tbl__th-2 {
      width: 25%; }
    .w18-pricetable__tbl__th-3 {
      width: 15%; }
    .w18-pricetable__tbl__th-4 {
      width: 15%; }
    .w18-pricetable__tbl__td__title {
      font-weight: 600;
      font-size: 1.2em; }
  .w18-pricetable__des {
    display: block;
    margin-top: 1em;
    font-weight: 300; }

.ws-right-menu {
  position: absolute;
  display: none;
  height: 100%;
  background-color: white;
  width: 40rem;
  right: 0;
  top: 0;
  z-index: 100;
  overflow: hidden;
  font-size: 40%;
  padding: 0 0.2rem;
  font-family: "Montserrat", sans-serif; }
  .ws-right-menu__second-group {
    padding-top: 4rem;
    padding-bottom: 10rem; }
    .ws-right-menu__second-group__heading {
      width: 90rem;
      position: fixed;
      z-index: 5;
      margin-top: -4rem; }
      .ws-right-menu__second-group__heading__items {
        cursor: pointer;
        display: flex;
        align-items: center;
        width: 96.5em;
        justify-content: space-between;
        padding: 1rem;
        background-color: black;
        color: white;
        border-bottom: 1px solid white; }
        .ws-right-menu__second-group__heading__items__item {
          display: flex;
          align-items: center; }
          .ws-right-menu__second-group__heading__items__item__icon {
            font-size: 2rem;
            color: white; }
          .ws-right-menu__second-group__heading__items__item__info {
            font-size: 1.2rem;
            margin-left: 1rem;
            font-weight: 500; }
        .ws-right-menu__second-group__heading__items__icon {
          font-size: 2rem;
          color: white; }
        .ws-right-menu__second-group__heading__items:hover {
          background-color: rgba(0, 0, 0, 0.8); }
  .ws-right-menu__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background-color: black;
    cursor: pointer;
    color: white;
    border-bottom: 1px solid white; }
    .ws-right-menu__items__item {
      display: flex;
      align-items: center; }
      .ws-right-menu__items__item__icon {
        font-size: 1.5rem;
        cursor: white; }
      .ws-right-menu__items__item__info {
        font-size: 1.2rem;
        margin-left: 1rem;
        font-weight: 500; }
    .ws-right-menu__items__icon {
      font-size: 1.5rem;
      background-color: white;
      border-radius: 50%;
      color: black;
      padding: .5rem .6rem; }
    .ws-right-menu__items:hover {
      background-color: rgba(0, 0, 0, 0.8); }
  .ws-right-menu-scale:hover ~ .ws-right-menu-box__button {
    opacity: 1;
    visibility: visible;
    z-index: 100;
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem rgba(0, 0, 0, 0.479); }
  .ws-right-menu-scale {
    margin-top: 0;
    position: relative;
    cursor: move;
    padding-left: 0 .2rem;
    padding-right: 0 .2rem;
    width: 100%;
    box-shadow: 0.1rem 0rem 0.1rem 0.1rem rgba(223, 223, 223, 0.589);
    backface-visibility: hidden; }
    .ws-right-menu-scale > * {
      pointer-events: none; }
    .ws-right-menu-scale:hover {
      animation: zoom-in-out 1s infinite;
      filter: brightness(0.5); }
      .ws-right-menu-scale:hover-box__button {
        opacity: 1;
        visibility: visible; }
  .ws-right-menu-box {
    background-color: black;
    padding: 2rem 0 2rem 0;
    margin: 1rem auto 0 auto;
    position: relative;
    min-height: 8rem;
    display: flex;
    align-items: center;
    border-bottom: .1rem solid white; }
    .ws-right-menu-box__button {
      visibility: hidden;
      opacity: 0;
      padding: 1rem 2rem;
      margin: 0 auto;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color: white;
      border: none;
      color: black;
      font-weight: 600;
      text-transform: uppercase;
      transition: all .2s;
      cursor: pointer;
      position: absolute;
      display: inline-block;
      z-index: 1499; }
      .ws-right-menu-box__button:hover {
        background-color: rgba(0, 0, 0, 0.8);
        color: white;
        opacity: 1;
        visibility: visible;
        box-shadow: 0.1rem 0.1rem 1rem 0.1rem rgba(0, 0, 0, 0.479); }
    .ws-right-menu-box__button::before {
      content: "B?n c?ng có th? kéo chúng vào trang";
      background-color: black;
      color: white;
      width: 20rem;
      position: absolute;
      text-transform: none;
      right: 0;
      padding: 1rem;
      top: -6rem;
      left: -50%;
      font-weight: 300;
      cursor: auto; }

.ws-preview-module {
  position: fixed;
  font-size: 70%;
  display: none;
  top: 2rem;
  left: 2rem;
  width: 60%;
  max-height: 90vh;
  overflow-y: scroll;
  padding: 1rem;
  border-radius: 1rem;
  z-index: 1000;
  transition: all .2s; }

.ws-preview-module::-webkit-scrollbar {
  display: none; }

.ws-downbar-menu {
  font-family: "Montserrat", sans-serif;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: white;
  transform: translateZ(40rem);
  margin-top: -10rem;
  font-weight: 600; }
  .ws-downbar-menu__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    color: black;
    justify-content: center; }
  .ws-downbar-menu__items__item {
    height: 5rem;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1rem;
    font-size: 1.3rem;
    cursor: pointer;
    position: relative; }
    .ws-downbar-menu__items__item-s {
      background-color: purple;
      color: white; }
    .ws-downbar-menu__items__item:not(:last-child) {
      border-right: .1rem solid black; }
    .ws-downbar-menu__items__item:hover {
      background-color: black;
      color: white; }
    .ws-downbar-menu__items__item__drop {
      display: none;
      list-style: none;
      background-color: black;
      color: white;
      position: absolute;
      bottom: 5rem; }
      .ws-downbar-menu__items__item__drop__text {
        padding: 1rem;
        border-bottom: .1rem solid white; }
        .ws-downbar-menu__items__item__drop__text:hover {
          background-color: white;
          color: black; }
    .ws-downbar-menu__items__item__icon {
      font-size: 1.5rem;
      margin-left: 1rem;
      border-radius: 50%; }

.ws-section-bar {
  font-family: "Montserrat", sans-serif;
  width: 100%;
  background-color: purple;
  display: block;
  z-index: 1000 !important;
  font-weight: 500;
  padding-top: 2rem; }
  .ws-section-bar__group {
    display: flex;
    max-width: 120rem;
    align-items: center;
    margin: 0 auto;
    justify-content: center; }
  .ws-section-bar__text {
    position: relative;
    color: white;
    display: flex;
    align-items: center;
    padding: 0.5rem;
    cursor: pointer; }
    .ws-section-bar__text:not(:first-child) {
      border-left: .1rem solid white; }
    .ws-section-bar__text:hover {
      background-color: white;
      color: black; }
    .ws-section-bar__text:hover .ws-section-bar__text__icon {
      color: black; }
    .ws-section-bar__text__icon {
      font-size: 1.8rem;
      color: white; }
    .ws-section-bar__text__info {
      margin-left: 0.2rem;
      font-size: 1.4rem; }
    .ws-section-bar__text__items {
      background-color: purple;
      color: white;
      position: absolute;
      list-style: none;
      bottom: 3.5rem;
      left: 0rem;
      display: none;
      z-index: 4; }
      .ws-section-bar__text__items__item {
        border-bottom: .1rem solid white;
        padding: 1rem;
        white-space: nowrap; }
        .ws-section-bar__text__items__item__info {
          font-size: 1.3rem; }
          .ws-section-bar__text__items__item__info:hover {
            filter: brightness(0.8); }
      .ws-section-bar__text__items__item:hover .ws-section-bar__text__items-1 {
        display: block; }
      .ws-section-bar__text__items-1 {
        background-color: purple;
        color: white;
        position: absolute;
        list-style: none;
        bottom: 0;
        left: 11rem;
        display: none;
        z-index: 4; }
        .ws-section-bar__text__items-1__item {
          border-bottom: .1rem solid white;
          padding: 1rem;
          white-space: nowrap;
          font-size: 1.3rem; }
          .ws-section-bar__text__items-1__item:hover {
            filter: brightness(0.8); }
    .ws-section-bar__text--name {
      background-color: white;
      color: black;
      border-radius: 0.2rem;
      margin-right: 1rem; }

.ws-pre-drop {
  font-family: "Montserrat", sans-serif;
  height: 20rem;
  width: 100%;
  background-color: black;
  border: 0.5rem dashed white;
  box-shadow: 5px 5px 5px brown;
  color: white;
  text-transform: uppercase;
  font-size: 3rem;
  text-align: center;
  line-height: 20rem;
  font-weight: 600; }

.ws-menu-effect {
  display: block;
  color: white;
  font-weight: 500;
  position: absolute; }
  .ws-menu-effect__group {
    position: relative; }
  .ws-menu-effect__icon {
    margin-left: 1em;
    cursor: pointer;
    background-color: white;
    padding: .5em;
    border-radius: 50%;
    color: purple;
    height: 2em;
    width: 2em;
    text-align: center; }
  .ws-menu-effect__text {
    border-radius: 5rem;
    font-size: 1.3rem;
    font-weight: 800;
    display: inline-block;
    position: relative;
    background-color: purple;
    text-align: center;
    padding: 1rem 2rem;
    width: 100%;
    backface-visibility: hidden;
    cursor: pointer; }
    .ws-menu-effect__text::after {
      content: "";
      display: inline-block;
      min-height: 100%;
      min-width: 100%;
      border-radius: 5rem;
      position: absolute;
      background-color: purple;
      top: 0;
      left: 0;
      z-index: -1;
      transition: all .4s;
      animation: zoomBtn 1s infinite;
      animation-fill-mode: backwards; }
  .ws-menu-effect__input--range {
    height: .5rem; }
  .ws-menu-effect__input--number {
    margin-left: 1rem;
    width: 4rem;
    font-weight: 600;
    text-align: center; }
  .ws-menu-effect:hover .ws-menu-effect__items {
    display: block; }
  .ws-menu-effect__items {
    background-color: purple;
    list-style: none;
    margin-left: 4rem;
    padding: 0 0 0 0;
    position: absolute;
    width: 10rem;
    display: none;
    top: 4.5rem;
    z-index: 500; }
    .ws-menu-effect__items__item {
      position: relative;
      padding-left: 1rem; }
      .ws-menu-effect__items__item:not(:last-child) {
        border-bottom: .1rem solid #fff;
        padding-bottom: 0; }
      .ws-menu-effect__items__item__text {
        font-size: 1.3rem;
        display: inline-block;
        padding: 1rem 0 1rem 0;
        transition: all .2s;
        cursor: pointer;
        overflow: hidden;
        backface-visibility: hidden; }
        .ws-menu-effect__items__item__text:hover {
          transform: scale(1.1);
          font-weight: 800; }
    .ws-menu-effect__items__item:hover .ws-menu-effect__items-1 {
      display: block; }
    .ws-menu-effect__items-1 {
      list-style: none;
      background-color: purple;
      position: absolute;
      top: 0;
      left: 10rem;
      display: none; }
      .ws-menu-effect__items-1__select {
        padding: 1rem;
        border: none;
        border: .1rem solid white;
        background-color: purple !important;
        color: white;
        width: 95%;
        margin: 0 auto;
        display: block;
        margin-top: .5rem;
        margin-bottom: 1rem; }
      .ws-menu-effect__items-1__item {
        display: flex;
        align-items: center;
        padding: .9rem; }
        .ws-menu-effect__items-1__item .minicolors-theme-default .minicolors-swatch {
          top: .1rem !important;
          border: none;
          left: .1rem;
          overflow: hidden; }
        .ws-menu-effect__items-1__item-row {
          margin-top: .5em; }
        .ws-menu-effect__items-1__item__text {
          padding: 0rem 1rem 0 1rem;
          font-weight: 600;
          display: block;
          font-size: 1.3rem;
          white-space: nowrap;
          transition: all .2s;
          cursor: pointer; }
          .ws-menu-effect__items-1__item__text:hover {
            transform: scale(1.1);
            font-weight: 800; }
        .ws-menu-effect__items-1__item__val {
          display: flex;
          align-items: center; }

.ws-menu-text {
  margin-left: 5rem;
  background-color: purple;
  display: inline-flex;
  align-items: center;
  padding-left: 1rem; }
  .ws-menu-text__input--range {
    height: .5rem; }
  .ws-menu-text__input--number {
    margin-left: 1rem;
    width: 4rem;
    font-weight: 600;
    text-align: center; }
  .ws-menu-text__content {
    padding: 1rem;
    position: relative;
    display: inline-block; }
    .ws-menu-text__content__clp {
      display: none;
      position: absolute;
      top: 3.5rem; }
      .ws-menu-text__content__clp__items {
        display: flex;
        padding: 1rem;
        border-top: .1rem solid #fff;
        align-items: center;
        left: -10rem;
        color: white;
        background-color: purple;
        justify-content: space-between; }
        .ws-menu-text__content__clp__items__text {
          white-space: nowrap;
          margin-right: 1rem; }
    .ws-menu-text__content .minicolors-theme-default .minicolors-input {
      height: 3rem !important;
      width: max-content !important; }
  .ws-menu-text__icon {
    font-size: 1.5rem;
    color: white;
    cursor: pointer; }
  .ws-menu-text__content:hover .ws-menu-text__items {
    display: block; }
  .ws-menu-text__content:hover .ws-menu-text__content__clp {
    display: block; }
  .ws-menu-text__items {
    background-color: purple;
    list-style: none;
    padding: 0 0 0 0;
    width: 12rem;
    left: 0;
    position: absolute;
    color: white;
    display: none; }
    .ws-menu-text__items__item {
      position: relative;
      padding-left: 1rem; }
      .ws-menu-text__items__item:not(:last-child) {
        border-bottom: .1rem solid #fff;
        padding-bottom: 0; }
      .ws-menu-text__items__item__text {
        font-size: 1.3rem;
        display: inline-block;
        padding: 1rem 0 1rem 0;
        transition: all .2s;
        cursor: pointer;
        overflow: hidden;
        backface-visibility: hidden; }
        .ws-menu-text__items__item__text:hover {
          transform: scale(1.1);
          font-weight: 800; }
    .ws-menu-text__items__item:hover .ws-menu-text__items-1 {
      display: block; }
    .ws-menu-text__items-1 {
      list-style: none;
      background-color: purple;
      position: absolute;
      top: 0;
      left: 12rem;
      display: none; }
      .ws-menu-text__items-1__select {
        padding: 1rem;
        border: none;
        border: .1rem solid white;
        background-color: purple !important;
        color: white;
        width: 95%;
        margin: 0 auto;
        display: block;
        margin-top: .5rem;
        margin-bottom: 1rem; }
      .ws-menu-text__items-1__item {
        display: flex;
        align-items: center;
        padding: .9rem; }
        .ws-menu-text__items-1__item .minicolors-theme-default .minicolors-swatch {
          top: .1rem !important;
          border: none;
          left: .1rem;
          overflow: hidden; }
        .ws-menu-text__items-1__item-row {
          margin-top: .5rem; }
        .ws-menu-text__items-1__item__text {
          padding: 0rem 1rem 0 1rem;
          font-weight: 600;
          display: block;
          font-size: 1.3rem;
          white-space: nowrap;
          transition: all .2s;
          cursor: pointer; }
          .ws-menu-text__items-1__item__text:hover {
            transform: scale(1.1);
            font-weight: 800; }
        .ws-menu-text__items-1__item__val {
          display: flex;
          align-items: center; }
  .ws-menu-text__add {
    color: white;
    margin-left: -1em; }

.ws-change-page {
  width: 100%;
  background-color: purple; }
  .ws-change-page__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    color: white;
    justify-content: center;
    font-size: 1.6rem;
    padding: 1rem; }
  .ws-change-page__items {
    display: flex;
    align-items: center;
    margin-right: 1rem;
    padding: 1rem;
    cursor: pointer;
    border: .1rem solid white;
    position: relative;
    transition: all .2s ease; }
    .ws-change-page__items__icon {
      margin-right: 1rem;
      z-index: 10; }
    .ws-change-page__items__item {
      cursor: pointer; }
      .ws-change-page__items__item__checkbox {
        display: none; }
      .ws-change-page__items__item__lbl {
        cursor: pointer; }
    .ws-change-page__items__item__checkbox:checked ~ .ws-change-page__items-1 {
      display: block; }
    .ws-change-page__items-1 {
      display: none;
      background-color: purple;
      list-style: none;
      position: absolute;
      width: max-content;
      top: 5rem;
      left: 0;
      color: white; }
      .ws-change-page__items-1__item {
        padding: 1rem;
        border-bottom: .1rem solid white; }
        .ws-change-page__items-1__item:hover {
          color: purple;
          background-color: white; }
    .ws-change-page__items:hover {
      background-color: white;
      color: purple; }
  .ws-change-page__sl {
    padding: 1rem;
    border: none;
    outline: none;
    font-weight: 600;
    background-color: purple;
    color: white;
    font-size: 1.6rem;
    cursor: pointer;
    border: .1rem solid white;
    transition: all .2s ease; }
    .ws-change-page__sl:hover {
      background-color: white;
      color: purple; }

.ws1 {
  width: 100%; }
  .ws1__group {
    max-width: 110rem;
    margin: 0 auto; }
  .ws1__row {
    display: block;
    display: flex; }
    @media only screen and (max-width: 50em) {
      .ws1__row {
        flex-wrap: wrap; } }
  .ws1__imgbox {
    width: 5rem;
    position: fixed; }
    .ws1__imgbox__img {
      width: 100%; }
  .ws1__first {
    width: 50%;
    margin-top: 1rem;
    padding: 1rem;
    display: block;
    border: 1px solid #eee; }
    @media only screen and (max-width: 50em) {
      .ws1__first {
        width: 100%; } }
    .ws1__first__title {
      margin-top: 1rem;
      padding: 1rem;
      font-size: 3rem;
      background-color: #202040;
      color: white;
      text-transform: uppercase;
      text-align: center; }
      .ws1__first__title:hover {
        transform: scale(1.3); }
      @media only screen and (max-width: 50em) {
        .ws1__first__title {
          font-size: 2rem; } }
    .ws1__first__items {
      border: 1px solid #eee;
      padding: 1rem;
      margin-top: 1rem; }
      .ws1__first__items__icon {
        margin-right: 1rem;
        font-size: 1.6rem; }
      .ws1__first__items__form {
        border: none;
        outline: none;
        width: 85%; }
    .ws1__first__button {
      margin-top: 1rem;
      border: none;
      outline: none;
      background-color: #202040;
      color: white;
      padding: 1rem;
      width: 100%;
      text-transform: uppercase;
      font-weight: 700;
      cursor: pointer; }
    .ws1__first__note {
      padding-top: 3rem;
      text-align: center;
      line-height: 3rem;
      font-size: 1.6rem;
      color: #d32525;
      font-style: italic; }
      @media only screen and (max-width: 68.75em) {
        .ws1__first__note {
          font-size: 1.4rem;
          padding-top: 2rem; } }
  .ws1__second {
    width: 50%;
    margin-top: 1rem; }
    @media only screen and (max-width: 50em) {
      .ws1__second {
        width: 100%; } }
    .ws1__second__video {
      width: 100%;
      height: 100%; }
  .ws1__ads {
    margin-top: 1rem; }
    .ws1__ads__main {
      padding: 1rem;
      text-align: center;
      background-color: #d32525;
      color: white;
      font-size: 1.6rem; }
    .ws1__ads__sub {
      padding: 1rem;
      text-align: center;
      background-color: #d32525;
      color: white;
      font-size: 1.6rem;
      line-height: 2.5rem;
      font-weight: 700;
      font-style: italic; }
    .ws1__ads__button {
      font-size: 2rem;
      width: 20rem;
      height: 20rem;
      font-weight: 700;
      white-space: nowrap;
      justify-content: center;
      display: flex;
      margin: 1rem auto;
      cursor: pointer; }
  .ws1__try {
    background-color: #202040;
    color: white;
    padding: 1rem;
    width: 100%; }
    .ws1__try__text {
      font-size: 1.6rem;
      text-align: center; }
      .ws1__try__text__button {
        padding: 1.5rem;
        border: none;
        text-transform: uppercase;
        margin: 1rem;
        font-weight: 600;
        cursor: pointer; }
      .ws1__try__text__in {
        color: #d32525; }
      .ws1__try__text__mg1 {
        margin-top: 1rem; }
  .ws1__popup {
    display: block;
    margin: 5rem auto;
    max-width: 100rem;
    text-align: center;
    border-radius: .5rem;
    border: .1rem solid #202040;
    overflow: hidden; }
    .ws1__popup__title {
      background-color: #202040;
      color: white;
      padding: 1rem;
      font-size: 2rem; }
    .ws1__popup__action {
      font-size: 2rem;
      padding: 1rem; }
  .ws1__btn-time {
    animation: buttonMoveBg .3s infinite alternate-reverse !important; }

.w19-header {
  width: 100%;
  background-color: var(--main-color-w);
  padding: 1em .5em;
  color: white; }
  .w19-header__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center; }
  .w19-header__logobox {
    min-width: 12em;
    width: 12em;
    height: 8em;
    margin-right: .5em; }
    .w19-header__logobox__img {
      width: 100%; }
  .w19-header-col {
    width: 89%; }
  .w19-header__first {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .w19-header__first__callsearch {
      cursor: pointer;
      border: none;
      outline: none;
      padding: 1em;
      font-size: 1em;
      font-weight: 600;
      line-height: 1.5em;
      white-space: nowrap;
      border-radius: .3em;
      border: .1em solid white; }
      @media only screen and (min-width: 37.5em) {
        .w19-header__first__callsearch {
          display: none; } }
      @media only screen and (max-width: 25em) {
        .w19-header__first__callsearch {
          margin-left: unset; } }
      .w19-header__first__callsearch__text {
        white-space: nowrap; }
    .w19-header__first__search {
      display: flex;
      align-items: center;
      background-color: white;
      margin-right: 1.5em;
      border-radius: .3em;
      width: 70%;
      z-index: 2;
      height: max-content;
      position: relative; }
      @media only screen and (max-width: 37.5em) {
        .w19-header__first__search {
          display: none; } }
      .w19-header__first__search__cate {
        display: flex;
        align-items: center;
        border: none;
        min-width: 7em;
        position: relative;
        cursor: pointer; }
        @media only screen and (max-width: 37.5em) {
          .w19-header__first__search__cate {
            width: 100%;
            padding: 0;
            height: 6em; } }
        .w19-header__first__search__cate__sl {
          font-size: 1em;
          padding: 1em;
          border: none;
          outline: none;
          position: relative;
          width: 103%;
          color: var(--main-color-w);
          font-weight: 600;
          background-color: transparent;
          cursor: pointer; }
          @media only screen and (max-width: 37.5em) {
            .w19-header__first__search__cate__sl {
              border: 0.1em solid var(--main-color-w);
              border-radius: .3em;
              margin: 2em 0;
              width: 100%; } }
        .w19-header__first__search__cate__icon {
          color: var(--main-color-w);
          margin-left: auto; }
          @media only screen and (max-width: 37.5em) {
            .w19-header__first__search__cate__icon {
              margin-right: .5em;
              position: absolute;
              right: 0; } }
      .w19-header__first__search__line {
        height: 2.5em;
        width: .1em;
        margin: 0 .5em;
        background-color: var(--main-color-w);
        position: relative; }
        @media only screen and (max-width: 37.5em) {
          .w19-header__first__search__line {
            display: none; } }
      .w19-header__first__search__input {
        border: none;
        outline: none;
        width: 70%;
        display: block;
        font-size: 1.2em; }
        @media only screen and (max-width: 37.5em) {
          .w19-header__first__search__input {
            text-align: center;
            width: 100%;
            position: relative;
            padding: 1em;
            margin-bottom: 1em; } }
      .w19-header__first__search__btn {
        cursor: pointer;
        border: none;
        outline: none;
        padding: 1em;
        font-size: 1em;
        font-weight: 600;
        margin-left: auto;
        line-height: 1.5em;
        white-space: nowrap; }
        .w19-header__first__search__btn__text {
          white-space: nowrap; }
      .w19-header__first__search__live {
        position: absolute;
        top: 3em;
        z-index: 4;
        background-color: white;
        color: black;
        width: 100%;
        padding: 1em; }
        @media only screen and (max-width: 37.5em) {
          .w19-header__first__search__live {
            display: none; } }
        .w19-header__first__search__live__title {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .w19-header__first__search__live__title__text {
            font-size: 1.3em;
            font-weight: 600; }
          .w19-header__first__search__live__title__de {
            color: var(--main-color-w); }
        .w19-header__first__search__live__box {
          display: flex;
          align-items: center;
          margin-top: 1em;
          padding: .5em;
          cursor: pointer; }
          .w19-header__first__search__live__box__imgbox {
            width: 5em;
            min-width: 5em;
            margin-right: 1em; }
          .w19-header__first__search__live__box__content {
            font-weight: 600; }
            .w19-header__first__search__live__box__content__main {
              display: block;
              margin-bottom: .5em; }
            .w19-header__first__search__live__box__content__sub {
              display: block;
              font-weight: 800; }
          .w19-header__first__search__live__box:hover {
            background-color: var(--main-color-w);
            color: white; }
    .w19-header__first__hotline {
      text-align: center;
      line-height: 1.6em;
      margin: 0 1.5em; }
      @media only screen and (max-width: 25em) {
        .w19-header__first__hotline {
          display: none; } }
      .w19-header__first__hotline__text {
        font-weight: 300;
        line-height: 1.6em; }
      .w19-header__first__hotline__number {
        font-weight: 600;
        font-size: 1.6em;
        white-space: nowrap; }
        @media only screen and (max-width: 37.5em) {
          .w19-header__first__hotline__number {
            font-size: 1em; } }
    .w19-header__first__card {
      border-radius: .3em;
      border: .1em solid #fff;
      color: white;
      background-color: transparent;
      padding: .8em;
      font-size: 1.2em;
      line-height: 1.6em;
      white-space: nowrap; }
      @media only screen and (max-width: 37.5em) {
        .w19-header__first__card {
          font-size: 1em !important; } }
      .w19-header__first__card__text {
        margin: 0 .5em; }
      .w19-header__first__card__number {
        color: black;
        font-weight: 600;
        background-color: #ffd000;
        padding: .3em;
        border-radius: .3em; }
    .w19-header__first__checkbox {
      display: none; }
    .w19-header__first__checkbox:checked ~ .w19-header__first__search {
      display: block;
      position: absolute;
      top: 11em;
      width: 98%;
      padding: 1em;
      left: 1%;
      text-align: center;
      color: white;
      border: 0.1em solid var(--main-color-w); }
  .w19-header__second {
    display: flex;
    margin-top: 2em;
    justify-content: space-between; }
    .w19-header__second__link {
      margin-right: 1em;
      cursor: pointer;
      position: relative; }
      .w19-header__second__link__icon {
        margin: 0 .5em; }
    .w19-header__second__clink {
      margin-right: 1em;
      cursor: pointer;
      position: relative;
      height: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w19-header__second__clink {
          position: inherit !important; } }
      .w19-header__second__clink__icon {
        margin: 0 .5em; }
      .w19-header__second__clink__text {
        cursor: pointer; }
      .w19-header__second__clink__check {
        position: absolute;
        background-color: white;
        padding: 1em;
        margin-top: .5em;
        border-radius: .3em;
        text-align: center;
        display: none;
        z-index: 1; }
        @media only screen and (max-width: 37.5em) {
          .w19-header__second__clink__check {
            font-size: 1em !important;
            left: 0;
            width: 100%;
            top: 10em; } }
        .w19-header__second__clink__check__input {
          padding: .5em;
          margin-bottom: .4em; }
        .w19-header__second__clink__check__btn {
          margin-top: .5em;
          padding: .5em;
          background-color: var(--main-color-w);
          color: white;
          border: none;
          outline: none;
          border-radius: .3em;
          font-size: 1.3em;
          font-weight: 600;
          cursor: pointer; }
      .w19-header__second__clink__checkbox:checked ~ .w19-header__second__clink__check {
        display: flex !important;
        flex-direction: column; }
      .w19-header__second__clink__checkbox {
        display: none; }
    .w19-header__second__grlink {
      margin-left: auto; }
      @media only screen and (max-width: 31.25em) {
        .w19-header__second__grlink {
          display: none; } }
      .w19-header__second__grlink__text {
        margin-right: 1em;
        font-weight: 600; }

.w19-menu {
  width: 100%;
  color: white;
  background-color: var(--main-color-w); }
  .w19-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative; }
  .w19-menu__home {
    font-size: 1.6em;
    display: none; }
  .w19-menu__items {
    list-style: none;
    display: flex;
    align-items: center;
    box-sizing: content-box;
    scroll-behavior: smooth; }
    @media only screen and (min-width: 37.5em) {
      .w19-menu__items {
        overflow-x: scroll; } }
    .w19-menu__items::-webkit-scrollbar {
      height: 0.4em; }
    .w19-menu__items__item {
      display: flex;
      align-items: center;
      padding: 1.5em;
      cursor: pointer;
      height: 2em; }
      @media only screen and (max-width: 37.5em) {
        .w19-menu__items__item {
          overflow: hidden; }
          .w19-menu__items__item:not(:nth-child(1)) {
            display: none; } }
      .w19-menu__items__item:hover .w19-menu__items__item__drop {
        display: flex; }
      .w19-menu__items__item__text {
        text-transform: uppercase;
        font-size: 1.3em;
        font-weight: 800;
        margin-right: 0.5em;
        white-space: nowrap;
        line-height: 1.8em; }
      .w19-menu__items__item__icon {
        font-size: 1.3em;
        font-weight: 600; }
      .w19-menu__items__item__drop {
        display: none;
        border: 0.1em solid #eee;
        background-color: #f8f8f8;
        padding: 1em;
        list-style: none;
        position: absolute;
        top: 5em;
        left: 0;
        gap: 2em;
        width: 98%;
        color: black;
        z-index: 3;
        flex-wrap: wrap;
        margin-bottom: 1em; }
        @media only screen and (max-width: 37.5em) {
          .w19-menu__items__item__drop {
            width: 95%;
            justify-content: space-between; } }
        .w19-menu__items__item__drop__col {
          width: 16em; }
          @media only screen and (min-width: 37.5em) {
            .w19-menu__items__item__drop__col {
              width: 20em; } }
        .w19-menu__items__item__drop__text {
          font-size: 1.5em;
          font-weight: bold;
          margin: 0.5em 0 1em 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .w19-menu__items__item__drop__li {
          margin: 0.5em 0; }
          .w19-menu__items__item__drop__li__text {
            line-height: 1.6em;
            font-size: 1.4em; }
          .w19-menu__items__item__drop__li:hover {
            color: var(--main-color-w);
            font-weight: bold; }
  .w19-menu__user {
    position: relative;
    height: 5em;
    display: flex;
    align-items: center;
    margin-left: auto; }
    .w19-menu__user__icon {
      padding: 0.5em;
      background-color: white;
      color: var(--main-color-w);
      border-radius: 50%;
      font-size: 1.4em;
      margin-left: auto;
      cursor: pointer;
      margin-right: 0.5em;
      white-space: nowrap; }
    .w19-menu__user:hover .w19-menu__user__box {
      display: block; }
    .w19-menu__user__box {
      z-index: 3;
      display: none;
      position: absolute;
      background-color: white;
      border: 0.1em solid #fafafa;
      padding: 1em;
      left: 0;
      top: 5em;
      transform: translateX(-35%);
      border-radius: 0.3em;
      box-shadow: 0.1em 0.1em 0.5em #eee; }
      .w19-menu__user__box__login {
        background-color: var(--main-color-w);
        padding: 1em;
        display: block;
        white-space: nowrap;
        text-align: center;
        margin-bottom: 1em;
        font-weight: 800; }
      .w19-menu__user__box__create {
        text-align: center;
        white-space: nowrap;
        display: block;
        padding: 1em;
        background-color: orangered;
        font-weight: 800; }
  .w19-menu__link {
    background-color: brown;
    padding: 1em;
    margin: 0 0.5em;
    border-radius: 0.3em;
    text-transform: uppercase;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap; }
    .w19-menu__link:last-child {
      background-color: #ffd000;
      color: black; }
      @media only screen and (max-width: 37.5em) {
        .w19-menu__link:last-child {
          display: none; } }
  .w19-menu__links {
    padding: 1em;
    margin: 0 0.5em;
    border-radius: 0.3em;
    text-transform: uppercase;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    background-color: #ffd000;
    color: black; }
    @media only screen and (max-width: 37.5em) {
      .w19-menu__links {
        display: none; } }
  .w19-menu__catelink {
    color: white;
    width: 100%;
    display: flex;
    list-style: none;
    overflow-y: scroll;
    box-sizing: content-box;
    scroll-behavior: smooth;
    position: relative; }
    @media only screen and (min-width: 37.5em) {
      .w19-menu__catelink {
        display: none; } }
    .w19-menu__catelink::-webkit-scrollbar {
      height: 0.1em; }
    .w19-menu__catelink__text {
      padding: 0.6em;
      border: 0.1em solid var(--main-color-w);
      margin: 0.5em;
      border-radius: 2em;
      font-weight: 600;
      white-space: nowrap;
      position: relative;
      display: block;
      line-height: 1.8em;
      font-size: 1.2em; }
      .w19-menu__catelink__text-active {
        border-bottom: 0.2em dotted;
        text-decoration: underline;
        font-weight: 800; }

.w19-banner {
  width: 100%;
  background-color: #F2F2F2;
  padding: 1em .5em;
  z-index: 0 !important; }
  .w19-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    z-index: 1; }
  .w19-banner__first {
    width: 70%;
    position: relative; }
    @media only screen and (max-width: 43.75em) {
      .w19-banner__first {
        width: 100%; } }
    .w19-banner__first__imgbox {
      width: 100%;
      max-height: 50em; }
      .w19-banner__first__imgbox__img {
        width: 100%; }
    .w19-banner__first__button {
      border: .1em solid white;
      border-radius: .5em;
      padding: 0.5em 0.5em;
      text-align: center;
      color: white;
      display: inline-block;
      padding: 1em 1.1em;
      background-color: rgba(0, 0, 0, 0.473);
      outline: none;
      cursor: pointer;
      font-size: 1em;
      transition: all .2s;
      transform: translateY(-50%); }
      .w19-banner__first__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black; }
      .w19-banner__first__button-next {
        position: absolute;
        right: 1em;
        top: 45%;
        z-index: 2; }
      .w19-banner__first__button__icon {
        font-size: 2em; }
      .w19-banner__first__button-prev {
        position: absolute;
        top: 45%;
        left: 1em;
        z-index: 2; }
    .w19-banner__first__items {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 0.2em solid #f8f8f8;
      margin-top: -0.3em;
      background-color: white; }
      .w19-banner__first__items__item {
        font-size: 1.2em;
        padding: .5em;
        cursor: pointer;
        text-align: center;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 43.75em) {
          .w19-banner__first__items__item {
            display: none; } }
        .w19-banner__first__items__item:not(:last-child) {
          margin-right: 1em; }
          .w19-banner__first__items__item:not(:last-child)::after {
            content: "";
            height: 3em;
            width: .05em;
            background-color: #F2F2F2;
            position: absolute;
            right: 0;
            top: .2em; }
    .w19-banner__first .owl-thumbs .active {
      font-weight: 800; }
  .w19-banner__second {
    width: 29%;
    margin-left: 1%;
    background-color: white;
    height: max-content; }
    @media only screen and (max-width: 43.75em) {
      .w19-banner__second {
        display: none; } }
    .w19-banner__second__heading {
      font-weight: 800;
      font-size: 1.3em;
      padding: 1em 0;
      color: var(--main-color-w);
      padding-left: .5em;
      border-bottom: .1em solid #f2f2f2;
      margin-bottom: .5em; }
    .w19-banner__second__content {
      padding: 1em; }
      .w19-banner__second__content__articles {
        display: flex;
        align-items: center;
        margin-bottom: 1.25em; }
        @media only screen and (max-width: 62.5em) {
          .w19-banner__second__content__articles:nth-child(5) {
            display: none; } }
        @media only screen and (max-width: 56.25em) {
          .w19-banner__second__content__articles:nth-child(4) {
            display: none; } }
        .w19-banner__second__content__articles__imgbox {
          min-width: 9em;
          width: 9em;
          min-height: 5.5em;
          height: 5.5em;
          margin-right: .5em; }
          .w19-banner__second__content__articles__imgbox__img {
            width: 100%;
            height: 100%; }
        .w19-banner__second__content__articles__items__name {
          margin-bottom: .5em; }
        .w19-banner__second__content__articles__items__date {
          display: flex;
          align-items: center; }
          .w19-banner__second__content__articles__items__date__icon {
            margin-right: .5em; }
    .w19-banner__second__more {
      text-align: center;
      width: 100%;
      display: block;
      height: max-content;
      text-align: center;
      align-items: center;
      border-top: .1em solid #f2f2f2;
      padding: 1em;
      cursor: pointer;
      color: var(--main-color-w);
      font-weight: 600; }

.w19-services {
  padding: 1em .5em;
  background-color: #F2F2F2; }
  .w19-services__group {
    margin: 0 auto;
    max-width: 120em; }
  .w19-services__heading {
    font-weight: 800;
    font-size: 2.5em;
    text-align: center; }
    @media only screen and (max-width: 37.5em) {
      .w19-services__heading {
        font-size: 1.6em; } }
  .w19-services__content {
    display: flex;
    align-items: center; }
    .w19-services__content__items {
      text-align: center;
      cursor: pointer; }
      .w19-services__content__items__imgbox {
        margin-bottom: .5em;
        background-color: white;
        margin: .5em;
        border-radius: 50%;
        display: flex;
        align-items: center; }
        .w19-services__content__items__imgbox__img {
          height: 100%; }
      .w19-services__content__items__text {
        font-weight: 600;
        font-size: 1.3em;
        display: block;
        margin: 0 auto; }

.w19-products {
  padding: 2em .5em;
  background-color: #F2F2F2; }
  .w19-products__group {
    max-width: 120em;
    margin: 0 auto; }
  .w19-products__heading {
    font-size: 2.5em;
    font-weight: 800;
    text-align: center;
    padding: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w19-products__heading {
        font-size: 1.6em !important; } }
  .w19-products__tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow-x: scroll;
    box-sizing: content-box;
    scroll-behavior: smooth;
    flex-wrap: wrap; }
    @media only screen and (max-width: 37.5em) {
      .w19-products__tabs {
        justify-content: flex-start; } }
    .w19-products__tabs::-webkit-scrollbar {
      height: .4em; }
    .w19-products__tabs__item {
      padding: 1em;
      text-transform: uppercase;
      font-weight: 800;
      font-size: 1.3em;
      text-transform: uppercase;
      white-space: nowrap; }
      .w19-products__tabs__item-active {
        color: var(--main-color-w);
        text-decoration: underline; }
        @media only screen and (max-width: 37.5em) {
          .w19-products__tabs__item-active {
            background-color: var(--main-color-w) !important;
            color: white !important; } }
      @media only screen and (max-width: 37.5em) {
        .w19-products__tabs__item {
          padding: .7em;
          font-size: .8em !important;
          border: 0.1em solid var(--main-color-w);
          border-radius: 1.5em;
          margin: 1em .5em;
          color: var(--main-color-w); } }
  .w19-products__contents {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -1%; }
    .w19-products__contents__card {
      width: 19%;
      border-radius: .5em;
      margin-bottom: 1em;
      overflow: hidden;
      background-color: white;
      border: .1em snow #F2F2F2;
      margin-left: 1%; }
      @media only screen and (max-width: 50em) {
        .w19-products__contents__card {
          width: 24%; } }
      @media only screen and (max-width: 37.5em) {
        .w19-products__contents__card {
          width: 49%; } }
      .w19-products__contents__card__imgbox {
        width: 100%;
        position: relative; }
        .w19-products__contents__card__imgbox__img {
          height: 100%; }
        .w19-products__contents__card__imgbox__love {
          background-color: #f14f66;
          padding: 1em;
          display: inline-block;
          width: auto;
          color: white;
          font-weight: 600;
          position: absolute;
          border-radius: .3em;
          right: 1em;
          top: 1em; }
          .w19-products__contents__card__imgbox__love::after {
            content: "";
            position: absolute;
            bottom: -.5em;
            display: inline-block;
            left: 50%;
            transform: translateX(-50%);
            border-top: solid 1em #e15915;
            border-left: solid 1em transparent;
            border-right: solid 1em transparent; }
          .w19-products__contents__card__imgbox__love__icon {
            margin-right: .5em; }
      .w19-products__contents__card__text {
        padding: .5em;
        font-weight: 600;
        line-height: 1.6em;
        display: block; }
      .w19-products__contents__card__stars {
        padding: .5em;
        color: #ffd900; }
      .w19-products__contents__card__price {
        padding: .5em;
        font-weight: 800;
        color: var(--main-color-w);
        font-size: 1.4em; }
  .w19-products__more {
    width: 100%;
    text-align: center;
    cursor: pointer; }
    .w19-products__more__group {
      margin: 0 auto;
      display: inline-flex;
      text-align: center;
      align-items: center;
      padding: 1em;
      border: 0.1em solid var(--main-color-w);
      border-radius: 2em;
      color: var(--main-color-w); }
      .w19-products__more__group__text {
        color: var(--main-color-w);
        margin-right: .5em;
        display: inline-block;
        font-weight: 600; }
      .w19-products__more__group__icon {
        color: var(--main-color-w);
        font-size: 1.6em;
        display: inline-block; }

.w19-products-1 {
  padding: 2em .5em;
  background-color: #F2F2F2; }
  .w19-products-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w19-products-1__heading {
    font-size: 2.5em;
    font-weight: 800;
    text-align: center;
    padding: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w19-products-1__heading {
        font-size: 1.6em !important; } }
  .w19-products-1__tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow-x: scroll;
    box-sizing: content-box;
    scroll-behavior: smooth; }
    .w19-products-1__tabs::-webkit-scrollbar {
      height: .4em; }
    .w19-products-1__tabs__item {
      padding: 1em;
      text-transform: uppercase;
      font-weight: 800;
      font-size: 1.3em;
      text-transform: uppercase;
      white-space: nowrap; }
      .w19-products-1__tabs__item-active {
        color: var(--main-color-w);
        text-decoration: underline; }
        @media only screen and (max-width: 37.5em) {
          .w19-products-1__tabs__item-active {
            background-color: var(--main-color-w);
            color: white !important; } }
      @media only screen and (max-width: 37.5em) {
        .w19-products-1__tabs__item {
          padding: .7em;
          font-size: .8em !important;
          border: 0.1em solid var(--main-color-w);
          border-radius: 1.5em;
          margin: 1em .5em;
          color: var(--main-color-w); } }
  .w19-products-1__contents {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -1%; }
    .w19-products-1__contents__card {
      width: 19%;
      border-radius: .5em;
      margin-bottom: 1em;
      overflow: hidden;
      background-color: white;
      border: .1em snow #F2F2F2;
      margin-left: 1%;
      height: max-content; }
      @media only screen and (max-width: 50em) {
        .w19-products-1__contents__card {
          width: 24%; } }
      @media only screen and (max-width: 37.5em) {
        .w19-products-1__contents__card {
          width: 49%;
          margin-left: 1%; } }
      .w19-products-1__contents__card__imgbox {
        width: 100%; }
        .w19-products-1__contents__card__imgbox__img {
          width: 100%; }
      .w19-products-1__contents__card__text {
        padding: .5em;
        font-weight: 600;
        line-height: 1.6em;
        display: block; }
      .w19-products-1__contents__card__stars {
        padding: .5em;
        color: #ffd900; }
      .w19-products-1__contents__card__price {
        padding: .5em;
        font-weight: 800;
        color: var(--main-color-w);
        font-size: 1.4em; }
    .w19-products-1__contents__cardlast {
      width: 19%;
      border-radius: .5em;
      margin-bottom: 1em;
      overflow: hidden;
      border: .1em snow #F2F2F2;
      background-color: var(--main-color-w);
      color: white;
      padding: 2em;
      margin-left: 1%;
      cursor: pointer; }
      @media only screen and (max-width: 50em) {
        .w19-products-1__contents__cardlast {
          width: 24%; } }
      @media only screen and (max-width: 37.5em) {
        .w19-products-1__contents__cardlast {
          width: 98%; } }
      .w19-products-1__contents__cardlast__first {
        margin-bottom: 2em; }
        .w19-products-1__contents__cardlast__first__number {
          font-weight: 800;
          font-size: 2.5em; }
        .w19-products-1__contents__cardlast__first__text {
          text-transform: uppercase;
          font-size: 1.8em;
          display: block; }
      .w19-products-1__contents__cardlast__second {
        cursor: pointer;
        border-top: .1em solid white; }
        .w19-products-1__contents__cardlast__second__text {
          display: block;
          font-size: 1.4em;
          margin-bottom: 1em;
          margin-top: 1em;
          cursor: pointer; }
        .w19-products-1__contents__cardlast__second__icon {
          padding: 0.8em 1.1em;
          font-size: 2em;
          border: .1em solid white;
          border-radius: 50%; }

.w19-ads {
  width: 100%;
  padding: 2em .5em;
  background-color: #F2F2F2; }
  .w19-ads__group {
    max-width: 120em;
    margin: 0 auto; }
  .w19-ads__heading {
    font-size: 2.5em;
    font-weight: 800;
    text-align: center;
    padding: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w19-ads__heading {
        font-size: 1.6em !important; } }
  .w19-ads__items {
    display: flex;
    width: 100%; }
    .w19-ads__items__item {
      background-color: white;
      padding: 1em;
      display: flex;
      width: 95%;
      align-items: center;
      margin-bottom: 1em;
      cursor: pointer;
      border-radius: .5em;
      border: .1em solid #e2e2e2; }
      .w19-ads__items__item__imgbox {
        margin-right: 1em;
        min-width: 5em;
        width: 5em;
        height: 5em; }
      .w19-ads__items__item__content {
        font-weight: 800;
        overflow: hidden; }
        .w19-ads__items__item__content__main {
          margin-bottom: .5em;
          cursor: pointer;
          font-weight: 800;
          font-size: 1.4em;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
        .w19-ads__items__item__content__sub {
          white-space: nowrap;
          cursor: pointer;
          display: block; }
  .w19-ads__button {
    text-align: center;
    display: flex;
    justify-content: center; }
    .w19-ads__button__item {
      margin-right: 1em;
      cursor: pointer;
      width: 1em;
      height: 1em;
      background-color: #999;
      border-radius: 50%; }
  .w19-ads .owl-thumbs .active {
    background-color: #777; }

.w19-articles {
  width: 100%;
  background-color: #f2f2f2;
  padding: 2em .5em; }
  .w19-articles__group {
    max-width: 120em;
    margin: 0 auto; }
  .w19-articles__items {
    display: flex;
    align-items: center;
    gap: 2%;
    flex-wrap: wrap; }
    .w19-articles__items__item {
      width: 32%;
      background-color: white;
      padding: 1em; }
      @media only screen and (max-width: 43.75em) {
        .w19-articles__items__item {
          width: 98%; } }
      .w19-articles__items__item__heading {
        font-weight: 600;
        font-size: 1.4em;
        padding-bottom: .5em;
        border-bottom: .1em solid #f2f2f2; }
      .w19-articles__items__item__content {
        display: flex;
        margin-top: 1em; }
        .w19-articles__items__item__content__imgbox {
          width: 15em;
          min-width: 15em;
          margin-right: 1em; }
          @media only screen and (max-width: 50em) {
            .w19-articles__items__item__content__imgbox {
              width: 9em !important;
              min-width: 9em !important;
              height: 6em !important;
              min-height: 6em !important; } }
          @media only screen and (max-width: 43.75em) {
            .w19-articles__items__item__content__imgbox {
              width: 15em !important;
              min-width: 15em !important;
              height: 10em !important;
              min-height: 10em !important; } }
          .w19-articles__items__item__content__imgbox__img {
            width: 100%;
            height: 100%; }
        .w19-articles__items__item__content__news__name {
          display: block;
          line-height: 1.6em;
          font-weight: 600; }
          @media only screen and (max-width: 43.75em) {
            .w19-articles__items__item__content__news__name {
              font-size: 1.4em !important; } }
        .w19-articles__items__item__content__news__user {
          color: #999;
          margin-top: 1em;
          display: flex;
          align-items: center; }
          .w19-articles__items__item__content__news__user__icon {
            margin-right: 1em; }

.w19-search {
  width: 100%;
  padding: 2em .5em;
  background-color: white; }
  .w19-search__group {
    max-width: 120em;
    margin: 0 auto; }
  .w19-search__title {
    text-transform: uppercase;
    color: var(--main-color-w);
    font-size: 3em;
    font-weight: 800;
    text-align: center; }
  .w19-search__des {
    line-height: 1.6em;
    text-align: center;
    margin-top: 1em; }
  .w19-search__bar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 1em 0 0 -1em;
    width: calc(100% + 1em); }
    .w19-search__bar__in {
      border: 0.15em solid var(--main-color-w);
      border-radius: .2em;
      padding: .5em;
      margin: 1em 0 0 1em;
      font-size: 1.2em; }
      @media only screen and (max-width: 37.5em) {
        .w19-search__bar__in {
          width: 100%; } }
    .w19-search__bar__box {
      border: 0.2em solid var(--main-color-w);
      border-radius: .3em;
      padding: 1.5em;
      position: relative;
      width: 15em;
      margin: 1.3em 0 0 1em;
      cursor: pointer; }
      @media only screen and (max-width: 37.5em) {
        .w19-search__bar__box {
          width: 100%; } }
      .w19-search__bar__box__sl {
        border: none;
        outline: none;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        padding: .5em;
        cursor: pointer;
        font-size: 1.2em; }
      .w19-search__bar__box__icon {
        z-index: 3;
        position: absolute;
        right: .5em;
        top: 1em;
        font-size: 1.2em; }
    .w19-search__bar__button {
      background-color: var(--main-color-w);
      color: white;
      font-weight: 800;
      padding: .6em 2em;
      border-radius: .3em;
      margin: 1.1em 0 0 1em;
      border: none;
      outline: none;
      cursor: pointer;
      font-size: 1.2em; }

.w19-footer {
  padding: 1em;
  width: 100%;
  background-color: white; }
  .w19-footer__group {
    max-width: 120em;
    margin: 0 auto; }
  .w19-footer__logobox {
    width: 30em;
    margin: 0 auto;
    height: 15em; }
    .w19-footer__logobox__img {
      height: 100%;
      width: 100%; }
  .w19-footer__des {
    font-size: 1.4em;
    text-align: center;
    line-height: 1.7em; }
  .w19-footer__content {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap; }
    @media only screen and (max-width: 43.75em) {
      .w19-footer__content {
        color: var(--main-color-w); } }
    .w19-footer__content__first {
      padding: 1em;
      background-color: #eeeeee;
      width: 25%;
      border-radius: .5em;
      box-shadow: .1em .1em .5em #d8d8d8;
      height: max-content;
      margin-right: 3em;
      margin-top: 1em; }
      @media only screen and (max-width: 43.75em) {
        .w19-footer__content__first {
          width: 100%;
          margin-right: 0; } }
      .w19-footer__content__first__address {
        color: black; }
        @media only screen and (max-width: 43.75em) {
          .w19-footer__content__first__address {
            text-align: center; } }
        .w19-footer__content__first__address__name {
          border: 0.2em solid #777;
          border-radius: .3em;
          padding: 1em;
          font-weight: 800;
          font-size: 1.3em;
          margin-top: 1em;
          display: flex;
          align-items: center; }
          .w19-footer__content__first__address__name__icon {
            margin-right: .5em; }
          .w19-footer__content__first__address__name__text {
            line-height: 1.7em;
            display: inline-block; }
        .w19-footer__content__first__address__text {
          padding: 1em 1em 1em 0;
          line-height: 1.6em;
          font-size: 1.3em;
          display: inline-block; }
    .w19-footer__content__items {
      display: flex;
      gap: 1.3333%;
      width: 70%;
      flex-wrap: wrap;
      padding: 1em; }
      @media only screen and (max-width: 43.75em) {
        .w19-footer__content__items {
          width: 100%;
          margin-top: 1em; } }
      .w19-footer__content__items__item {
        width: 24%;
        margin-bottom: 1em; }
        @media only screen and (max-width: 50em) {
          .w19-footer__content__items__item {
            width: 49%; } }
        @media only screen and (max-width: 31.25em) {
          .w19-footer__content__items__item {
            width: 100%;
            text-align: center; } }
        .w19-footer__content__items__item__heading {
          font-size: 1.6em;
          padding-bottom: .5em;
          line-height: 1.8em;
          font-weight: 800;
          color: black; }
        .w19-footer__content__items__item__box__link {
          padding: 1em 0 1em 0;
          font-size: 1.3em;
          cursor: pointer;
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 31.25em) {
            .w19-footer__content__items__item__box__link {
              justify-content: center; } }
          .w19-footer__content__items__item__box__link__icon {
            margin-right: .5em; }
          .w19-footer__content__items__item__box__link__text {
            display: inline-block; }

.w19-bloglist {
  width: 100%;
  padding: 2em .5em; }
  .w19-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
  .w19-bloglist__items {
    width: 80%;
    padding-right: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w19-bloglist__items {
        width: 100% !important; } }
    .w19-bloglist__items__text {
      text-align: justify;
      color: black;
      margin-top: 1em;
      display: block;
      font-size: 1.4em;
      line-height: 1.8em;
      font-size: 1.4em;
      text-align: justify; }
      .w19-bloglist__items__text h2, .w19-bloglist__items__text h3, .w19-bloglist__items__text h4, .w19-bloglist__items__text h5, .w19-bloglist__items__text img, .w19-bloglist__items__text iframe, .w19-bloglist__items__text p {
        margin: .7em 0; }
      .w19-bloglist__items__text ul, .w19-bloglist__items__text ol {
        list-style: none; }
    .w19-bloglist__items__item {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 1em; }
      .w19-bloglist__items__item__content {
        padding: 0 1em 1em 1em;
        width: 60%; }
        @media only screen and (max-width: 50em) {
          .w19-bloglist__items__item__content {
            width: 100% !important; } }
        .w19-bloglist__items__item__content__user {
          display: flex;
          margin-top: .5em; }
          .w19-bloglist__items__item__content__user__date {
            margin-right: 1em;
            color: #777; }
            .w19-bloglist__items__item__content__user__date__icon {
              margin-right: .5em; }
        .w19-bloglist__items__item__content__heading {
          display: block;
          font-weight: 800;
          font-size: 1.4em;
          line-height: 1.6em;
          color: var(--main-color-w);
          cursor: pointer; }
        .w19-bloglist__items__item__content__text {
          font-size: 1.2em;
          line-height: 1.6em;
          margin-top: .5em; }
      .w19-bloglist__items__item__imgbox {
        min-width: 40%;
        width: 40%; }
        @media only screen and (max-width: 50em) {
          .w19-bloglist__items__item__imgbox {
            width: 100% !important;
            margin-bottom: 1em; } }
        .w19-bloglist__items__item__imgbox__img {
          width: 100%; }
  .w19-bloglist__imgbox {
    width: 20%;
    min-width: 20%; }
    @media only screen and (max-width: 37.5em) {
      .w19-bloglist__imgbox {
        width: 100% !important;
        margin-top: 1em; } }
    .w19-bloglist__imgbox__img {
      width: 100%; }

.w19-productlist {
  width: 100%;
  padding: 2em 0.5em; }
  .w19-productlist__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    flex-wrap: wrap; }
  .w19-productlist__first {
    width: 75%; }
    @media only screen and (max-width: 43.75em) {
      .w19-productlist__first {
        width: 100%; } }
    .w19-productlist__first__banner {
      width: 100%; }
    .w19-productlist__first__title {
      font-size: 2em;
      font-weight: 800;
      margin-top: 1em; }
    .w19-productlist__first__cate {
      margin-top: 1em;
      display: flex;
      flex-wrap: wrap; }
      .w19-productlist__first__cate__text {
        margin-right: 1em;
        border-radius: 2em;
        padding: 0.5em;
        margin-bottom: 1em;
        border: 0.1em solid #777; }
    .w19-productlist__first__des {
      line-height: 1.8em;
      margin-top: 1em;
      font-size: 2.2em;
      text-align: justify; }
    .w19-productlist__first__check {
      display: none; }
    .w19-productlist__first__check:checked ~ .w19-productlist__first__text {
      max-height: 200em; }
    .w19-productlist__first__lbl {
      text-align: center;
      display: block;
      color: var(--main-color-w);
      cursor: pointer;
      font-size: 1.4em;
      font-weight: 800; }
    .w19-productlist__first__text {
      margin-top: 1em;
      line-height: 1.8em;
      font-size: 1.6em;
      max-height: 5em;
      overflow: hidden;
      transition: all 0.2s ease;
      text-align: justify; }
      .w19-productlist__first__text h2, .w19-productlist__first__text h3, .w19-productlist__first__text h4, .w19-productlist__first__text p, .w19-productlist__first__text img, .w19-productlist__first__text frame {
        margin: 0.7em 0; }
    .w19-productlist__first__items {
      margin-top: 1em; }
      .w19-productlist__first__items__heading {
        display: flex;
        align-items: center;
        background-color: #f2f2f2;
        padding: 0.5em; }
        .w19-productlist__first__items__heading__cht {
          cursor: pointer; }
          .w19-productlist__first__items__heading__cht__text {
            margin-right: 0.5em; }
          .w19-productlist__first__items__heading__cht__icon {
            padding: 1em;
            border: 0.1em solid #f2f2f2; }
            .w19-productlist__first__items__heading__cht__icon:hover {
              background-color: var(--main-color-w);
              color: white; }
          .w19-productlist__first__items__heading__cht .active {
            background-color: var(--main-color-w);
            color: white; }
        .w19-productlist__first__items__heading__sl {
          padding: 0.6em;
          margin-left: auto; }
      .w19-productlist__first__items__check:checked ~ .w19-productlist__first__items__box {
        flex-direction: column; }
      .w19-productlist__first__items__box {
        display: flex;
        flex-wrap: wrap;
        margin-top: 1em; }
        .w19-productlist__first__items__box__item {
          width: 25%;
          margin-bottom: 2em; }
          @media only screen and (max-width: 37.5em) {
            .w19-productlist__first__items__box__item {
              width: 50%; } }
          .w19-productlist__first__items__box__item__imgbox {
            width: 100%;
            position: relative; }
            .w19-productlist__first__items__box__item__imgbox__img {
              width: 100%; }
            .w19-productlist__first__items__box__item__imgbox__love {
              position: absolute;
              top: 1em;
              background-color: crimson;
              right: 1em;
              color: white;
              padding: 1em;
              display: flex;
              align-items: center;
              font-weight: bold;
              border-radius: 0.3em; }
              .w19-productlist__first__items__box__item__imgbox__love::after {
                content: "";
                border-top: 1em solid crimson;
                border-left: 1em solid transparent;
                border-right: 1em solid transparent;
                position: absolute;
                bottom: -1em;
                left: 50%;
                transform: translateX(-50%); }
              .w19-productlist__first__items__box__item__imgbox__love__icon {
                margin-right: 0.5em; }
          .w19-productlist__first__items__box__item__info {
            padding: 0.5em; }
            .w19-productlist__first__items__box__item__info__name {
              font-size: 1.2em;
              font-weight: 600;
              line-height: 1.6em;
              cursor: pointer; }
            .w19-productlist__first__items__box__item__info__stars {
              margin-top: 0.5em; }
              .w19-productlist__first__items__box__item__info__stars__star {
                color: gold; }
            .w19-productlist__first__items__box__item__info__price {
              margin-top: 0.5em;
              font-weight: 800;
              color: var(--main-color-w);
              font-size: 1.6em; }
            .w19-productlist__first__items__box__item__info__price-down {
              margin-top: 1em;
              font-weight: 600;
              font-size: 1.4em;
              text-decoration: line-through; }
    .w19-productlist__first__paging {
      display: flex;
      align-items: center;
      margin-top: 1em; }
      .w19-productlist__first__paging__list {
        display: flex;
        align-items: center; }
        .w19-productlist__first__paging__list__number {
          padding: 0.7em 1.2em;
          border: 0.1em solid #f2f2f2;
          margin-right: 1em;
          cursor: pointer; }
        .w19-productlist__first__paging__list__icon {
          padding: 0.7em 1.2em;
          border: 0.1em solid #f2f2f2;
          margin-right: 1em;
          cursor: pointer; }
        .w19-productlist__first__paging__list--active {
          background-color: var(--main-color-w);
          color: white;
          font-weight: 800; }
      .w19-productlist__first__paging__text {
        margin-left: auto;
        font-size: 1.2em; }
  .w19-productlist__second {
    width: 25%;
    padding: 1em; }
    @media only screen and (max-width: 43.75em) {
      .w19-productlist__second {
        width: 100%;
        margin-top: 1em; } }
    .w19-productlist__second__title {
      font-size: 1.4em;
      font-weight: 800;
      margin-bottom: 1em; }
    .w19-productlist__second__social {
      margin-bottom: 1em;
      display: flex; }
      .w19-productlist__second__social__imgbox {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 5em;
        height: 5em;
        min-width: 5em;
        margin-right: 0.5em;
        cursor: pointer; }
        .w19-productlist__second__social__imgbox__img {
          width: 100%; }
    .w19-productlist__second__his {
      margin-top: 1em;
      display: flex; }
      .w19-productlist__second__his__imgbox {
        width: 50%; }
        .w19-productlist__second__his__imgbox__img {
          width: 100%; }
    .w19-productlist__second__imgbox {
      width: 100%;
      margin-top: 1em; }

.w19-productdetail {
  width: 100%;
  padding: 2em 1em; }
  .w19-productdetail__group {
    max-width: 120em;
    margin: 0 auto; }
  .w19-productdetail__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .w19-productdetail__main__image {
      width: 30%;
      margin-right: 2%; }
      @media only screen and (max-width: 50em) {
        .w19-productdetail__main__image {
          margin-right: 0;
          width: 100%; } }
      .w19-productdetail__main__image__contain__imgbox {
        width: 100%; }
      .w19-productdetail__main__image__owl-thumb {
        width: 100%;
        display: flex; }
        .w19-productdetail__main__image__owl-thumb__imgbox {
          width: 100%;
          background-color: transparent;
          border: none;
          margin-right: .5em; }
          .w19-productdetail__main__image__owl-thumb__imgbox__img {
            width: 100%; }
    .w19-productdetail__main__content {
      width: 68%; }
      @media only screen and (max-width: 50em) {
        .w19-productdetail__main__content {
          width: 100%; } }
      @media only screen and (max-width: 37.5em) {
        .w19-productdetail__main__content {
          width: 100%; } }
      .w19-productdetail__main__content__title {
        font-weight: 800;
        font-size: 2em;
        line-height: 1.7em; }
      .w19-productdetail__main__content__more {
        display: flex;
        margin-top: 1em;
        padding-bottom: .5em;
        border-bottom: .1em solid #cecece; }
        .w19-productdetail__main__content__more__code {
          display: block;
          font-size: 1.2em; }
          .w19-productdetail__main__content__more__code__link {
            margin-top: .5em; }
            .w19-productdetail__main__content__more__code__link__head {
              font-weight: 800; }
            .w19-productdetail__main__content__more__code__link__a {
              display: inline-block; }
        .w19-productdetail__main__content__more__stars {
          margin-left: auto;
          display: block; }
          .w19-productdetail__main__content__more__stars__icon {
            display: flex; }
            .w19-productdetail__main__content__more__stars__icon__star {
              font-size: 1.6em;
              margin-right: .2em;
              color: #FFDF00; }
          .w19-productdetail__main__content__more__stars__cm {
            cursor: pointer;
            display: inline-block;
            margin-top: .5em;
            font-size: 0.9em;
            color: #999; }
      .w19-productdetail__main__content__detail {
        display: flex;
        flex-wrap: wrap; }
        .w19-productdetail__main__content__detail__ar {
          width: 70%; }
          @media only screen and (max-width: 37.5em) {
            .w19-productdetail__main__content__detail__ar {
              width: 100%; } }
          .w19-productdetail__main__content__detail__ar__price {
            display: block;
            margin-top: .5em;
            font-weight: 800;
            font-size: 2.5em;
            color: var(--main-color-w); }
          .w19-productdetail__main__content__detail__ar__status {
            margin-top: 1em; }
            .w19-productdetail__main__content__detail__ar__status__icon {
              color: var(--main-color-w);
              margin-right: .5em; }
            .w19-productdetail__main__content__detail__ar__status__text {
              color: black; }
          .w19-productdetail__main__content__detail__ar__action {
            display: flex;
            margin-top: 1.5em;
            flex-wrap: wrap; }
            .w19-productdetail__main__content__detail__ar__action__number {
              display: flex;
              align-items: center;
              margin-right: 1em; }
              .w19-productdetail__main__content__detail__ar__action__number__in {
                width: 2em;
                height: 2em;
                font-size: 1.6em;
                border: .05em solid #e7e7e7;
                border-right: none;
                outline: none;
                text-align: center; }
              .w19-productdetail__main__content__detail__ar__action__number__cr {
                display: flex;
                flex-direction: column; }
                .w19-productdetail__main__content__detail__ar__action__number__cr__tt {
                  display: block;
                  border: .1em solid #e7e7e7;
                  padding: .2em;
                  cursor: pointer; }
            .w19-productdetail__main__content__detail__ar__action__add {
              background-color: var(--main-color-w);
              color: white;
              border: none;
              outline: none;
              padding: .5em;
              border-radius: .3em;
              font-weight: 600;
              margin-right: 1em;
              white-space: nowrap; }
              @media only screen and (max-width: 50em) {
                .w19-productdetail__main__content__detail__ar__action__add {
                  font-size: 1em; } }
            .w19-productdetail__main__content__detail__ar__action__buy {
              background-color: orangered;
              border-radius: .3em;
              color: white;
              border: none;
              outline: none;
              padding: .5em;
              font-weight: 600;
              white-space: nowrap; }
              @media only screen and (max-width: 50em) {
                .w19-productdetail__main__content__detail__ar__action__buy {
                  font-size: 1em; } }
            .w19-productdetail__main__content__detail__ar__action__like {
              display: flex;
              align-items: center;
              margin-left: auto;
              float: right;
              padding: 1em; }
              .w19-productdetail__main__content__detail__ar__action__like__icon {
                color: orangered;
                font-size: 2.5em;
                margin-right: .2em;
                font-weight: 500; }
              .w19-productdetail__main__content__detail__ar__action__like__text {
                font-size: 1.2em; }
              .w19-productdetail__main__content__detail__ar__action__like:hover {
                color: var(--main-color-w);
                cursor: pointer; }
          .w19-productdetail__main__content__detail__ar__deli {
            margin-top: 1em;
            padding: .5em;
            border: .1em solid #cecece; }
            .w19-productdetail__main__content__detail__ar__deli__nd {
              margin-top: 1em;
              display: flex;
              align-items: center;
              font-size: 1.2em; }
              .w19-productdetail__main__content__detail__ar__deli__nd__icon {
                margin-right: .5em;
                color: orangered; }
              .w19-productdetail__main__content__detail__ar__deli__nd__text {
                line-height: 1.8em; }
            .w19-productdetail__main__content__detail__ar__deli__text {
              color: var(--main-color-w);
              display: inline-block;
              width: 100%;
              text-align: center;
              margin-top: .5em; }
            .w19-productdetail__main__content__detail__ar__deli__des {
              margin-top: 1em;
              padding: 1em;
              border: .1em solid #cecece;
              font-size: 1.2em; }
          .w19-productdetail__main__content__detail__ar__con {
            display: flex;
            align-items: center;
            margin-top: 1em;
            border: .1em solid #cecece;
            padding: .5em;
            font-size: 1.2em; }
            .w19-productdetail__main__content__detail__ar__con__ti {
              display: flex;
              align-items: center;
              margin-right: 1em; }
              .w19-productdetail__main__content__detail__ar__con__ti__icon {
                margin-right: .5em;
                color: orangered; }
              .w19-productdetail__main__content__detail__ar__con__ti__text {
                font-weight: 600; }
            .w19-productdetail__main__content__detail__ar__con__hot {
              font-weight: bold;
              line-height: 1.8em; }
              .w19-productdetail__main__content__detail__ar__con__hot__text {
                color: orangered; }
          .w19-productdetail__main__content__detail__ar__ms__heading {
            margin: 1em 0 .5em 0;
            font-weight: 600;
            font-size: 2em; }
          .w19-productdetail__main__content__detail__ar__ms__product {
            padding-bottom: 1em;
            border-bottom: .1em solid #cecece; }
          .w19-productdetail__main__content__detail__ar__ms__body {
            margin-top: .5em;
            border-bottom: .1em solid #cecece;
            padding-bottom: .5em; }
            .w19-productdetail__main__content__detail__ar__ms__body__item {
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: .5em 0; }
              .w19-productdetail__main__content__detail__ar__ms__body__item__tt {
                display: flex;
                align-items: center;
                font-size: 1.3em; }
                .w19-productdetail__main__content__detail__ar__ms__body__item__tt__cb {
                  margin-right: .5em;
                  cursor: pointer;
                  width: 1.5em;
                  height: 1.5em; }
              .w19-productdetail__main__content__detail__ar__ms__body__item__text {
                font-size: 1.3em;
                padding: 0 .5em; }
          .w19-productdetail__main__content__detail__ar__ms__footer {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .w19-productdetail__main__content__detail__ar__ms__footer__first__button {
              color: white;
              background: orangered;
              padding: 1em 2em;
              border: none;
              outline: none;
              font-weight: 600;
              font-size: 1.6em;
              cursor: pointer; }
            .w19-productdetail__main__content__detail__ar__ms__footer__second {
              text-align: right;
              font-size: 1.3em; }
              .w19-productdetail__main__content__detail__ar__ms__footer__second__text {
                padding: .5em 0; }
        .w19-productdetail__main__content__detail__br {
          width: 29%;
          background: #eeee;
          margin-top: 1em;
          padding: 1em; }
          @media only screen and (max-width: 37.5em) {
            .w19-productdetail__main__content__detail__br {
              width: 100%; } }
          .w19-productdetail__main__content__detail__br__heading {
            margin-bottom: 1em;
            font-weight: 800;
            font-size: 1.4em; }
          .w19-productdetail__main__content__detail__br__fc {
            border: 0.1em solid var(--main-color-w);
            padding-left: 0;
            border-left: none;
            border-radius: 3.5em;
            margin-bottom: 1em;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center; }
            .w19-productdetail__main__content__detail__br__fc__icon {
              padding: .5em;
              color: white;
              background-color: var(--main-color-w);
              border-radius: 50%;
              font-size: 1.6em;
              margin-bottom: -1px;
              margin-right: .5em; }
            .w19-productdetail__main__content__detail__br__fc__text {
              font-weight: 800; }
          .w19-productdetail__main__content__detail__br__tit {
            padding: 0em 1em 1em 1em;
            font-weight: 800;
            font-size: 1.4em;
            padding-left: 0; }
          .w19-productdetail__main__content__detail__br__gy {
            display: flex;
            align-items: center;
            margin-bottom: 1em; }
            .w19-productdetail__main__content__detail__br__gy__icon {
              margin-right: .5em;
              font-size: 1.4em; }
            .w19-productdetail__main__content__detail__br__gy__text {
              display: inline-block;
              font-size: 1.2em; }
          .w19-productdetail__main__content__detail__br__dt {
            margin-bottom: 1em;
            margin-left: 2em;
            display: inline-block; }
  .w19-productdetail__relate {
    background-color: #f2f2f2;
    padding: 2em 1em;
    position: relative;
    margin-top: .5em; }
    .w19-productdetail__relate__button {
      border: 0.1em solid var(--main-color-w);
      border-radius: 50%;
      text-align: center;
      color: var(--main-color-w);
      display: inline-block;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      transition: all .2s;
      transform: translateY(-50%);
      padding: .1em .5em; }
      .w19-productdetail__relate__button:hover {
        background-color: var(--main-color-w);
        color: white; }
      .w19-productdetail__relate__button-next {
        position: absolute;
        top: 2.5em;
        right: 1em;
        z-index: 2; }
      .w19-productdetail__relate__button__icon {
        font-size: 0.8em; }
      .w19-productdetail__relate__button-prev {
        position: absolute;
        top: 2.5em;
        right: 3.5em;
        z-index: 2; }
    .w19-productdetail__relate__heading {
      font-weight: 800;
      font-size: 1.6em; }
    .w19-productdetail__relate__items {
      display: flex;
      align-items: center;
      margin-top: 1em; }
      .w19-productdetail__relate__items__item {
        margin-top: .5em;
        background-color: white; }
        .w19-productdetail__relate__items__item__imgbox {
          position: relative; }
          .w19-productdetail__relate__items__item__imgbox__love {
            background-color: #f14f66;
            padding: 1em;
            display: inline-block;
            width: auto;
            color: white;
            font-weight: 600;
            position: absolute;
            border-radius: .3em;
            right: 1em;
            top: 1em; }
            .w19-productdetail__relate__items__item__imgbox__love::after {
              content: "";
              position: absolute;
              bottom: -.5em;
              display: inline-block;
              left: 50%;
              transform: translateX(-50%);
              border-top: solid 1em #e15915;
              border-left: solid 1em transparent;
              border-right: solid 1em transparent; }
            .w19-productdetail__relate__items__item__imgbox__love__icon {
              margin-right: .5em; }
          .w19-productdetail__relate__items__item__imgbox__img {
            width: 100%; }
        .w19-productdetail__relate__items__item__name {
          font-weight: 600;
          margin-top: .5em;
          font-size: 1.4em;
          padding: .5em;
          display: inline-block; }
        .w19-productdetail__relate__items__item__stars {
          display: flex;
          margin-top: 1em;
          padding: .5em; }
          .w19-productdetail__relate__items__item__stars__star {
            color: #f93; }
        .w19-productdetail__relate__items__item__price {
          color: var(--main-color-w);
          margin-top: .5em;
          font-weight: 800;
          font-size: 1.6em;
          padding: .5em; }
  .w19-productdetail__content {
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    .w19-productdetail__content__first {
      width: 70%; }
      @media only screen and (max-width: 43.75em) {
        .w19-productdetail__content__first {
          width: 100%; } }
      .w19-productdetail__content__first__heading {
        font-weight: 700;
        font-size: 1.6em;
        line-height: 1.8em;
        display: block;
        margin-top: 1em; }
      .w19-productdetail__content__first__text {
        font-size: 1.4em;
        line-height: 1.8em;
        display: block; }
        .w19-productdetail__content__first__text h2, .w19-productdetail__content__first__text h3, .w19-productdetail__content__first__text h4, .w19-productdetail__content__first__text h5, .w19-productdetail__content__first__text p {
          margin: .7em 0; }
        .w19-productdetail__content__first__text ul, .w19-productdetail__content__first__text ol {
          list-style: none; }
      .w19-productdetail__content__first__comment {
        margin-top: 1em;
        border-top: .1em solid #f2f2f2;
        padding: 1em 0; }
        .w19-productdetail__content__first__comment__nx {
          display: flex; }
          .w19-productdetail__content__first__comment__nx__col {
            width: 30%;
            margin-right: 1em;
            text-align: center; }
            .w19-productdetail__content__first__comment__nx__col__title {
              font-size: 1.6em;
              font-weight: 800; }
            .w19-productdetail__content__first__comment__nx__col__point {
              font-size: 4em;
              font-weight: 600;
              color: red; }
            .w19-productdetail__content__first__comment__nx__col__stars__star {
              color: gold;
              font-size: 1.8em; }
            .w19-productdetail__content__first__comment__nx__col__text {
              margin-top: 1em;
              color: #999; }
          .w19-productdetail__content__first__comment__nx__diem {
            width: 70%; }
            .w19-productdetail__content__first__comment__nx__diem__range {
              display: flex;
              margin-top: 1em; }
              .w19-productdetail__content__first__comment__nx__diem__range__number {
                margin-right: .5em;
                color: #999;
                width: 1em;
                min-width: 1em; }
              .w19-productdetail__content__first__comment__nx__diem__range__star {
                margin-right: 1em;
                color: #999; }
              .w19-productdetail__content__first__comment__nx__diem__range__bar {
                width: 90%;
                height: 1em;
                background-color: var(--main-color-w);
                margin-right: 1em;
                border-radius: .5em; }
              .w19-productdetail__content__first__comment__nx__diem__range__vl {
                color: #999; }
        .w19-productdetail__content__first__comment__gn {
          margin-top: 3em; }
          .w19-productdetail__content__first__comment__gn__title {
            text-transform: uppercase;
            font-weight: 800;
            font-size: 1.4em; }
          .w19-productdetail__content__first__comment__gn__bl__dg {
            display: flex;
            align-items: center;
            margin-top: .5em; }
            .w19-productdetail__content__first__comment__gn__bl__dg__name {
              margin-right: .5em;
              font-size: 1.2em; }
            .w19-productdetail__content__first__comment__gn__bl__dg__stars__star {
              color: gold;
              font-size: 1.4em; }
          .w19-productdetail__content__first__comment__gn__bl__ntd {
            padding: 1em 0; }
            .w19-productdetail__content__first__comment__gn__bl__ntd__text {
              margin-bottom: .5em;
              font-size: 1.2em; }
            .w19-productdetail__content__first__comment__gn__bl__ntd__input {
              width: 100%;
              margin-top: .5em;
              padding: .5em;
              border: .1em solid #dfdfdf; }
          .w19-productdetail__content__first__comment__gn__bl__action {
            display: flex;
            align-items: center; }
            .w19-productdetail__content__first__comment__gn__bl__action__text {
              margin-right: 1em; }
            .w19-productdetail__content__first__comment__gn__bl__action__input {
              display: none; }
            .w19-productdetail__content__first__comment__gn__bl__action__send {
              background-color: var(--main-color-w);
              color: white;
              padding: .5em;
              border: none;
              border-radius: .5em;
              font-size: 1.2em;
              cursor: pointer; }
            .w19-productdetail__content__first__comment__gn__bl__action__button {
              border: 0.1em solid var(--main-color-w);
              color: var(--main-color-w);
              padding: .5em;
              padding: .5em;
              border-radius: .5em;
              margin-right: .5em;
              font-size: 1.2em;
              cursor: pointer; }
          .w19-productdetail__content__first__comment__gn__bl__xem {
            display: flex;
            margin-top: 1em;
            align-items: center; }
            .w19-productdetail__content__first__comment__gn__bl__xem .active {
              border: 0.1em solid var(--main-color-w); }
            .w19-productdetail__content__first__comment__gn__bl__xem__text {
              margin-right: 1em;
              font-size: 1.2em; }
            .w19-productdetail__content__first__comment__gn__bl__xem__button {
              border: .1em solid #dfdfdf;
              padding: 1em;
              margin-right: 1em;
              cursor: pointer; }
            .w19-productdetail__content__first__comment__gn__bl__xem__sao {
              padding: .5em;
              cursor: pointer; }
          .w19-productdetail__content__first__comment__gn__bl__cm__items {
            margin-top: 1em;
            display: flex; }
            .w19-productdetail__content__first__comment__gn__bl__cm__items__first {
              width: 20%;
              text-align: center; }
              .w19-productdetail__content__first__comment__gn__bl__cm__items__first__imgbox {
                width: 8em;
                min-width: 8em;
                height: 8em;
                background-image: url(/img/w19/ke-tivi.png.webp);
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                border-radius: 50%;
                margin: 0 auto; }
                .w19-productdetail__content__first__comment__gn__bl__cm__items__first__imgbox__img {
                  width: 100%; }
              .w19-productdetail__content__first__comment__gn__bl__cm__items__first__name {
                font-weight: 600;
                font-size: 1.4em;
                margin-top: .5em; }
              .w19-productdetail__content__first__comment__gn__bl__cm__items__first__des {
                color: #777;
                margin-top: .5em; }
            .w19-productdetail__content__first__comment__gn__bl__cm__items__second {
              width: 80%; }
              .w19-productdetail__content__first__comment__gn__bl__cm__items__second__item {
                display: flex;
                align-items: center; }
                .w19-productdetail__content__first__comment__gn__bl__cm__items__second__item__stars {
                  margin-right: .5em; }
                  .w19-productdetail__content__first__comment__gn__bl__cm__items__second__item__stars__star {
                    color: gold; }
              .w19-productdetail__content__first__comment__gn__bl__cm__items__second__text {
                margin-top: 1em;
                line-height: 1.6em; }
              .w19-productdetail__content__first__comment__gn__bl__cm__items__second__abimg {
                margin-top: 1em;
                display: flex;
                gap: 1em; }
                .w19-productdetail__content__first__comment__gn__bl__cm__items__second__abimg__imgbox {
                  width: 20em; }
                  .w19-productdetail__content__first__comment__gn__bl__cm__items__second__abimg__imgbox__img {
                    width: 100%; }
              .w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep {
                background-color: #f2f2f2;
                padding: 1em;
                position: relative;
                margin-top: 2.5em; }
                .w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep::after {
                  content: "";
                  border-top: solid 2em #f2f2f2;
                  border-left: solid 2em transparent;
                  border-right: solid 2em transparent;
                  position: absolute;
                  transform: rotate(180deg);
                  top: -2em;
                  position: absolute;
                  display: inline-block;
                  left: 0; }
                .w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name {
                  display: flex;
                  align-items: center; }
                  .w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__imgbox {
                    width: 3em;
                    height: 3em;
                    min-width: 3em;
                    background-image: url(/img/w19/ke-tivi.png.webp);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    margin-right: .5em; }
                    .w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__imgbox__img {
                      width: 100%; }
                  .w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__human {
                    margin-right: .5em; }
                  .w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__date {
                    color: #777; }
                .w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__ct {
                  margin-top: 2em;
                  line-height: 1.6em; }
    .w19-productdetail__content__second {
      width: 30%;
      padding: 1em; }
      @media only screen and (max-width: 43.75em) {
        .w19-productdetail__content__second {
          width: 100%; } }
      .w19-productdetail__content__second__social {
        display: flex;
        align-items: center;
        margin-top: .5em;
        margin-bottom: 1em; }
        .w19-productdetail__content__second__social__imgbox {
          height: 4em;
          width: 4em;
          min-width: 4em;
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          border-radius: 50%;
          cursor: pointer;
          margin-right: .5em;
          transition: all .2s ease-in; }
          .w19-productdetail__content__second__social__imgbox:hover {
            transform: scale(1.3); }
      .w19-productdetail__content__second__seen {
        display: flex;
        margin-left: -2%;
        flex-wrap: wrap; }
        .w19-productdetail__content__second__seen__imgbox {
          overflow: hidden;
          border-radius: .5em;
          width: 48%;
          margin-left: 2%;
          margin-top: .5em; }
          .w19-productdetail__content__second__seen__imgbox__img {
            height: 100% !important;
            width: 100%; }
      .w19-productdetail__content__second__card {
        margin-top: 3em; }
        .w19-productdetail__content__second__card__name {
          font-weight: 800;
          line-height: 1.6em;
          font-size: 1.4em; }
        .w19-productdetail__content__second__card__price {
          color: var(--main-color-w);
          font-size: 2em;
          font-weight: 800;
          margin-top: .5em; }
        .w19-productdetail__content__second__card__status {
          display: flex;
          align-items: center;
          color: var(--main-color-w);
          margin-top: 1em; }
          .w19-productdetail__content__second__card__status__icon {
            margin-right: .5em; }
        .w19-productdetail__content__second__card__action {
          display: flex;
          margin-top: 1em;
          font-size: 1.5em; }
          .w19-productdetail__content__second__card__action__in {
            display: flex;
            align-items: center;
            margin-right: 1em; }
            .w19-productdetail__content__second__card__action__in__number {
              width: 3em;
              height: 3em;
              border: .05em solid #d6d6d6;
              border-right: none;
              outline: none;
              text-align: center; }
            .w19-productdetail__content__second__card__action__in__tt {
              display: flex;
              align-items: center;
              flex-direction: column; }
              .w19-productdetail__content__second__card__action__in__tt__icon {
                border: .05em solid #d6d6d6;
                cursor: pointer;
                padding: .1em; }
          .w19-productdetail__content__second__card__action__button {
            background-color: var(--main-color-w);
            color: white;
            padding: .5em;
            outline: none;
            border: none;
            font-weight: 600;
            border-radius: .3em;
            white-space: nowrap;
            cursor: pointer; }
          .w19-productdetail__content__second__card__action__imgbox {
            width: 100%; }
            .w19-productdetail__content__second__card__action__imgbox__img {
              width: 100%; }
        .w19-productdetail__content__second__card__con {
          display: flex;
          justify-content: space-between;
          margin-top: 1em;
          cursor: pointer; }
          .w19-productdetail__content__second__card__con__item {
            padding: .5em 0;
            width: 33.333333333%;
            border: .1em solid #f2f2f2;
            text-align: center; }
        .w19-productdetail__content__second__card__imgbox {
          width: 100%; }

.w19-banner-1 {
  width: 100%;
  background-color: white;
  padding: 1em .5em; }
  .w19-banner-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
  .w19-banner-1__col {
    width: 60% !important;
    position: relative; }
    @media only screen and (max-width: 50em) {
      .w19-banner-1__col {
        width: 100% !important; } }
  .w19-banner-1__button {
    border: .1em solid white;
    border-radius: .5em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.473);
    outline: none;
    font-size: 1em;
    cursor: pointer;
    transition: all .2s;
    transform: translateY(-50%); }
    .w19-banner-1__button:hover {
      background-color: rgba(255, 255, 255, 0.685);
      color: black; }
    .w19-banner-1__button-next {
      position: absolute;
      right: 1em;
      top: 45%;
      z-index: 2; }
    .w19-banner-1__button__icon {
      font-size: 2em; }
    .w19-banner-1__button-prev {
      position: absolute;
      top: 45%;
      left: 1em;
      z-index: 2; }
  .w19-banner-1__image__imgbox__img {
    width: 100%; }
  .w19-banner-1__items {
    width: 40%;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 50em) {
      .w19-banner-1__items {
        width: 100%; } }
    .w19-banner-1__items__item {
      width: 33.33333333333%;
      cursor: pointer;
      text-align: center;
      border: .1em solid #f2f2f2;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media only screen and (max-width: 50em) {
        .w19-banner-1__items__item {
          width: 11.11111111111111111111%; } }
      @media only screen and (max-width: 37.5em) {
        .w19-banner-1__items__item {
          width: 33.3333333333333333333333%; } }
      .w19-banner-1__items__item__imgbox {
        width: 100%;
        height: 100%;
        margin: 1em; }
        .w19-banner-1__items__item__imgbox__img {
          width: 100%; }
      .w19-banner-1__items__item__text {
        margin-top: .5em; }

.w19-banner-2 {
  width: 100%;
  padding: 1em .5em;
  background-color: #f2f2f2; }
  .w19-banner-2__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    position: relative; }
  .w19-banner-2__col {
    width: 60% !important;
    position: relative; }
    @media only screen and (max-width: 50em) {
      .w19-banner-2__col {
        width: 80% !important; } }
    @media only screen and (max-width: 37.5em) {
      .w19-banner-2__col {
        width: 100% !important; } }
  .w19-banner-2__button {
    border: .1em solid white;
    border-radius: .5em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.473);
    outline: none;
    cursor: pointer;
    font-size: 1em;
    transition: all .2s;
    transform: translateY(-50%); }
    .w19-banner-2__button:hover {
      background-color: rgba(255, 255, 255, 0.685);
      color: black; }
    .w19-banner-2__button-next {
      position: absolute;
      right: 1em;
      top: 45%;
      z-index: 2; }
    .w19-banner-2__button__icon {
      font-size: 2em; }
    .w19-banner-2__button-prev {
      position: absolute;
      top: 45%;
      left: 1em;
      z-index: 2; }
  .w19-banner-2__items {
    width: 20%;
    list-style: none;
    display: block;
    position: relative; }
    @media only screen and (max-width: 50em) {
      .w19-banner-2__items {
        display: none; } }
    .w19-banner-2__items__item {
      padding: 1em;
      display: flex;
      align-items: center;
      cursor: pointer; }
      .w19-banner-2__items__item:hover {
        background-color: var(--main-color-w);
        color: white; }
      .w19-banner-2__items__item:hover .w19-banner-2__items__item__text {
        color: white !important; }
      .w19-banner-2__items__item:hover .w19-banner-2__items__drop {
        display: block; }
      .w19-banner-2__items__item__icon {
        margin-right: .5em; }
      .w19-banner-2__items__item__text {
        font-size: 1em; }
      .w19-banner-2__items__item__iconf {
        margin-left: auto;
        float: right; }
    .w19-banner-2__items__drop {
      position: absolute;
      display: none;
      list-style: none;
      top: 0;
      left: 100%;
      background-color: #f2f2f2;
      z-index: 3;
      width: 100%;
      cursor: pointer;
      color: black; }
      .w19-banner-2__items__drop__item {
        font-size: 1em;
        padding: 1em;
        cursor: pointer; }
        .w19-banner-2__items__drop__item:hover {
          background-color: var(--main-color-w);
          color: white; }
  .w19-banner-2__image__imgbox__img {
    width: 100%; }
  .w19-banner-2__ads {
    width: 20%; }
    @media only screen and (max-width: 37.5em) {
      .w19-banner-2__ads {
        width: 100% !important;
        display: flex; } }
    .w19-banner-2__ads--a {
      display: contents; }
    .w19-banner-2__ads__imgbox {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 50%;
      width: 100%; }
      @media only screen and (max-width: 37.5em) {
        .w19-banner-2__ads__imgbox {
          width: 50% !important;
          height: 100%; } }

.w19-checkout {
  width: 100%;
  background-color: #f2f2f2; }
  .w19-checkout__group {
    max-width: 120em;
    padding: .5em;
    margin: 0 auto; }
  .w19-checkout__first {
    display: flex;
    flex-wrap: wrap;
    gap: 1em; }
    .w19-checkout__first__ttmh {
      background-color: white;
      padding: .5em;
      width: 48%;
      min-width: 48%; }
      @media only screen and (max-width: 50em) {
        .w19-checkout__first__ttmh {
          width: 100%; } }
      .w19-checkout__first__ttmh__title {
        display: flex;
        align-items: center;
        border-bottom: .1em solid #f2f2f2;
        padding: 1em; }
        .w19-checkout__first__ttmh__title__icon {
          margin-right: .5em;
          color: var(--main-color-w);
          font-size: 2em; }
        .w19-checkout__first__ttmh__title__text {
          font-size: 1.4em;
          font-weight: 600; }
      .w19-checkout__first__ttmh__name {
        padding: 1em;
        display: flex;
        font-size: 1.2em;
        align-items: center; }
        .w19-checkout__first__ttmh__name__text {
          width: 12em; }
        .w19-checkout__first__ttmh__name__input {
          width: 68%;
          border: 0.1em solid var(--main-color-w);
          padding: .5em;
          border-radius: .3em; }
          @media only screen and (max-width: 50em) {
            .w19-checkout__first__ttmh__name__input {
              width: 100%; } }
    .w19-checkout__first__dh {
      width: 50%;
      background-color: white; }
      @media only screen and (max-width: 50em) {
        .w19-checkout__first__dh {
          width: 100%; } }
      .w19-checkout__first__dh__table {
        border-collapse: collapse;
        width: 100%; }
        .w19-checkout__first__dh__table td, .w19-checkout__first__dh__table th {
          text-align: left;
          padding: .5em;
          text-align: center; }
        .w19-checkout__first__dh__table tr {
          border-bottom: .1em solid #f2f2f2; }
        .w19-checkout__first__dh__table__img {
          min-width: 7em;
          width: 7em; }
          @media only screen and (max-width: 25em) {
            .w19-checkout__first__dh__table__img {
              width: 0;
              min-width: 0; } }
        .w19-checkout__first__dh__table__sp {
          font-weight: 600; }
        .w19-checkout__first__dh__table__total {
          color: orangered;
          font-weight: 600; }
        .w19-checkout__first__dh__table__imgbox {
          width: 10em; }
          @media only screen and (max-width: 25em) {
            .w19-checkout__first__dh__table__imgbox {
              width: 0;
              min-width: 0; } }
        .w19-checkout__first__dh__table__namesp {
          font-weight: 600;
          color: #999; }
        .w19-checkout__first__dh__table__price {
          font-weight: 600; }
        .w19-checkout__first__dh__table__action {
          display: flex;
          align-items: center;
          font-weight: 600; }
          .w19-checkout__first__dh__table__action__icon {
            line-height: 2em;
            padding: .75em;
            border: .1em solid #f2f2f2;
            cursor: pointer; }
          .w19-checkout__first__dh__table__action__input {
            width: 2em;
            height: 2em;
            border: .1em solid #f2f2f2;
            border-right: none;
            border-left: none;
            outline: none; }
        .w19-checkout__first__dh__table__trash {
          cursor: pointer; }
        .w19-checkout__first__dh__table__cts {
          display: flex;
          align-items: center;
          padding: .5em;
          cursor: pointer;
          color: var(--main-color-w); }
          .w19-checkout__first__dh__table__cts__icon {
            margin-right: .5em;
            margin-top: .1em; }
      .w19-checkout__first__dh__code {
        display: flex;
        align-items: center;
        padding: 1em; }
        .w19-checkout__first__dh__code__input {
          margin-right: 1em;
          padding: .5em;
          border: .1em solid #f2f2f2; }
        .w19-checkout__first__dh__code__button {
          padding: .7em;
          cursor: pointer;
          background-color: var(--main-color-w);
          border: none;
          color: white;
          font-weight: 600; }
  .w19-checkout__second {
    padding: .5em;
    margin-top: 1em;
    background-color: white; }
    .w19-checkout__second__title {
      display: flex;
      align-items: center;
      padding: 1em;
      border-bottom: .1em solid #f2f2f2;
      margin-bottom: 1em; }
      .w19-checkout__second__title__icon {
        color: var(--main-color-w);
        margin-right: .5em;
        font-size: 2em; }
      .w19-checkout__second__title__text {
        font-weight: 600;
        font-size: 1.4em; }
    .w19-checkout__second__inter {
      padding: 1em; }
      .w19-checkout__second__inter__more {
        display: flex;
        align-items: center; }
        .w19-checkout__second__inter__more__radio {
          margin-right: .5em; }
      .w19-checkout__second__inter__des {
        display: block;
        margin-top: 2em;
        padding: 1em;
        left: 3em;
        background-color: #f2f2f2;
        position: relative;
        width: 90%;
        line-height: 1.6em; }
        .w19-checkout__second__inter__des::after {
          content: "";
          border-top: solid 1em #f2f2f2;
          border-left: solid 1em transparent;
          border-right: solid 1em transparent;
          top: 0;
          left: 0;
          position: absolute;
          transform: rotate(180deg);
          top: -1em; }
    .w19-checkout__second__action {
      text-align: center;
      padding: 1em; }
      .w19-checkout__second__action__button {
        color: white;
        background-color: var(--main-color-w);
        border: none;
        font-weight: 600;
        padding: 1em;
        cursor: pointer; }
      .w19-checkout__second__action__text {
        margin-top: 1em; }

.w19-register {
  width: 100%;
  padding: 2em .5em; }
  .w19-register__group {
    max-width: 120em;
    margin: 0 auto; }
  .w19-register__box {
    background-color: var(--main-color-w);
    padding: 1em;
    width: 30em;
    margin: 0 auto; }
    .w19-register__box__title {
      font-weight: 800;
      font-size: 1.4em;
      padding: .5em;
      display: block;
      color: white;
      text-align: center; }
    .w19-register__box__in {
      padding: .5em;
      display: block;
      width: 100%;
      margin-bottom: 1em;
      border-radius: .3em;
      border: none;
      outline: none; }
    .w19-register__box__gen {
      display: flex;
      align-items: center;
      width: 100%;
      color: white; }
      .w19-register__box__gen__vl {
        display: flex;
        align-items: center;
        margin-right: 1em; }
        .w19-register__box__gen__vl__radio {
          margin-right: .2em; }
    .w19-register__box__button {
      margin-top: 1em;
      background-color: gold;
      padding: 1em;
      font-size: 1.2em;
      font-weight: 800;
      border: none;
      outline: none;
      display: block;
      margin-left: auto;
      margin-right: auto;
      cursor: pointer; }
    .w19-register__box__des {
      line-height: 1.6em;
      color: white;
      margin-top: 1em; }

.w19-payment {
  width: 100%;
  padding: 2em .5em; }
  .w19-payment__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center;
    padding: 1em; }
  .w19-payment__title {
    color: var(--main-color-w);
    text-transform: uppercase;
    font-size: 2em;
    text-align: center;
    font-weight: 800;
    padding: 2em 0; }
  .w19-payment__nh {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: .1em solid #f2f2f2;
    border-left: none;
    border-right: none;
    padding: 1em; }
    .w19-payment__nh__imgbox {
      width: 15em;
      margin-right: 2em; }
    .w19-payment__nh__nd {
      font-size: 1.4em;
      font-weight: 600; }
  .w19-payment__banks {
    border: .1em solid #f2f2f2;
    align-items: center;
    cursor: pointer;
    border-left: none;
    border-right: none;
    position: relative;
    padding: 1em; }
    .w19-payment__banks__bank {
      display: flex;
      align-items: center;
      cursor: pointer; }
      .w19-payment__banks__bank__imgbox {
        width: 15em;
        margin-right: 2em; }
      .w19-payment__banks__bank__nd {
        font-size: 1.4em;
        font-weight: 600; }
      .w19-payment__banks__bank__icon {
        margin-left: auto;
        font-size: 1.6em; }
    .w19-payment__banks__check:checked ~ .w19-payment__banks__item {
      visibility: visible;
      max-height: 50em;
      opacity: 1; }
    .w19-payment__banks__check {
      display: none; }
    .w19-payment__banks__item {
      display: flex;
      visibility: hidden;
      opacity: 0;
      flex-wrap: wrap;
      gap: 1.25%;
      transition: max-height 0.2s ease;
      max-height: 0; }
      .w19-payment__banks__item__imgbox {
        padding: 2em 1em;
        border: .1em solid #f2f2f2;
        width: 19%;
        bottom: 1em; }
        .w19-payment__banks__item__imgbox__img {
          width: 100%; }
  .w19-payment__action__button {
    margin-top: 1em;
    padding: 1em;
    background-color: var(--main-color-w);
    color: white;
    font-size: 1.4em;
    font-weight: 600;
    border: none;
    outline: none;
    cursor: pointer; }

.w19-paydone {
  width: 100%;
  padding: 2em .5em;
  background-color: #f2f2f2; }
  .w19-paydone__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center; }
    @media only screen and (min-width: 37.5em) {
      .w19-paydone__group {
        font-size: 1.4em; } }
  .w19-paydone__title {
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.6em;
    text-transform: uppercase;
    margin-bottom: .5em; }
  .w19-paydone__heading {
    display: inline-flex;
    align-items: center;
    margin: 0 auto; }
    .w19-paydone__heading__mdh {
      padding: 1em; }
      .w19-paydone__heading__mdh:not(:last-child) {
        border-right: 0.1em dashed #777; }
      .w19-paydone__heading__mdh__text {
        text-transform: uppercase;
        display: block; }
      .w19-paydone__heading__mdh__code {
        margin-top: .5em;
        font-weight: 800;
        display: block; }
      .w19-paydone__heading__mdh__code {
        margin-top: .5em;
        font-weight: 800;
        display: block; }
      .w19-paydone__heading__mdh__codet {
        margin-top: .5em;
        font-weight: 800;
        display: block;
        color: var(--main-color-w); }
  .w19-paydone__items {
    margin-top: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    .w19-paydone__items__item {
      border-top: 0.1em solid #777;
      display: flex;
      padding: 1em;
      width: 40em; }
      @media only screen and (max-width: 43.75em) {
        .w19-paydone__items__item {
          width: auto; } }
      .w19-paydone__items__item__ti {
        width: 25em;
        min-width: 25em;
        margin-right: 1em;
        font-weight: bold;
        display: inline-block; }
      .w19-paydone__items__item__num {
        display: inline-block; }

.w19-binhluan {
  width: 100%;
  padding: .5em;
  background-color: white; }
  .w19-binhluan__group {
    max-width: 120em;
    margin: 0 auto; }
  .w19-binhluan__content {
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    .w19-binhluan__content__comment {
      margin-top: 1em;
      border-top: .1em solid #f2f2f2;
      padding: 1em 0;
      width: 100%; }
      .w19-binhluan__content__comment__ntd {
        padding: 1em 0; }
        .w19-binhluan__content__comment__ntd__text {
          margin-bottom: .5em;
          font-size: 1.2em; }
        .w19-binhluan__content__comment__ntd__input {
          width: 100%;
          margin-top: .5em;
          padding: .5em;
          border: .1em solid #f2f2f2; }
      .w19-binhluan__content__comment__action {
        display: flex;
        align-items: center; }
        .w19-binhluan__content__comment__action__text {
          margin-right: 1em; }
        .w19-binhluan__content__comment__action__input {
          display: none; }
        .w19-binhluan__content__comment__action__send {
          background-color: var(--main-color-w);
          color: white;
          padding: .5em;
          border: none;
          border-radius: .5em;
          font-size: 1.2em;
          cursor: pointer; }
        .w19-binhluan__content__comment__action__button {
          border: 0.1em solid var(--main-color-w);
          color: var(--main-color-w);
          padding: .5em;
          padding: .5em;
          border-radius: .5em;
          margin-right: .5em;
          font-size: 1.2em;
          cursor: pointer; }
      .w19-binhluan__content__comment__xem {
        display: flex;
        margin-top: 1em;
        align-items: center; }
        .w19-binhluan__content__comment__xem__text {
          margin-right: 1em;
          font-size: 1.2em; }
        .w19-binhluan__content__comment__xem__button {
          border: .1em solid #dfdfdf;
          padding: 1em;
          margin-right: 1em;
          cursor: pointer; }
        .w19-binhluan__content__comment__xem__sao {
          padding: .5em;
          cursor: pointer; }
      .w19-binhluan__content__comment__cm__items {
        margin-top: 1em;
        display: flex; }
        .w19-binhluan__content__comment__cm__items__first {
          width: 20%;
          text-align: center; }
          .w19-binhluan__content__comment__cm__items__first__imgbox {
            width: 8em;
            height: 8em;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 50%;
            margin: 0 auto; }
            .w19-binhluan__content__comment__cm__items__first__imgbox__img {
              width: 100%; }
          .w19-binhluan__content__comment__cm__items__first__name {
            font-weight: 600;
            font-size: 1.4em;
            margin-top: .5em; }
          .w19-binhluan__content__comment__cm__items__first__des {
            color: #777;
            margin-top: .5em; }
        .w19-binhluan__content__comment__cm__items__second {
          width: 80%; }
          .w19-binhluan__content__comment__cm__items__second__text {
            margin-top: 1em;
            line-height: 1.6em; }
          .w19-binhluan__content__comment__cm__items__second__abimg {
            margin-top: 1em;
            display: flex;
            gap: 1em; }
            .w19-binhluan__content__comment__cm__items__second__abimg__imgbox {
              width: 20em;
              height: 15em; }
              .w19-binhluan__content__comment__cm__items__second__abimg__imgbox__img {
                width: 100%; }
          .w19-binhluan__content__comment__cm__items__second__rep {
            background-color: #f2f2f2;
            padding: 1em;
            position: relative;
            margin-top: 2.5em; }
            .w19-binhluan__content__comment__cm__items__second__rep::after {
              content: "";
              border-top: solid 2em #f2f2f2;
              border-left: solid 2em transparent;
              border-right: solid 2em transparent;
              position: absolute;
              transform: rotate(180deg);
              top: -2em;
              position: absolute;
              display: inline-block;
              left: 0; }
            .w19-binhluan__content__comment__cm__items__second__rep__name {
              display: flex;
              align-items: center; }
              .w19-binhluan__content__comment__cm__items__second__rep__name__imgbox {
                width: 3em;
                height: 3em;
                min-width: 3em;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                margin-right: .5em; }
                .w19-binhluan__content__comment__cm__items__second__rep__name__imgbox__img {
                  width: 100%; }
              .w19-binhluan__content__comment__cm__items__second__rep__name__human {
                margin-right: .5em; }
              .w19-binhluan__content__comment__cm__items__second__rep__name__date {
                color: #777; }
            .w19-binhluan__content__comment__cm__items__second__rep__ct {
              margin-top: 2em;
              line-height: 1.6em; }

.w20-topbar {
  width: 100%;
  background-color: var(--main-color-w);
  color: white;
  padding: .5em; }
  .w20-topbar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center; }
  .w20-topbar__first {
    display: flex;
    align-items: center; }
    .w20-topbar__first__icon {
      cursor: pointer;
      font-size: 1.4em;
      color: white;
      margin-right: 1em; }
  .w20-topbar__second {
    margin-left: auto;
    display: flex;
    align-items: center; }
    .w20-topbar__second__items {
      cursor: pointer;
      font-size: 1.2em;
      padding: .5em; }
      .w20-topbar__second__items:not(:last-child) {
        border-right: 0.1px solid white; }
      .w20-topbar__second__items__icon {
        font-size: 1.2em; }
      .w20-topbar__second__items__text {
        font-size: 1.2em; }

.w20-header {
  width: 100%;
  background-color: var(--main-color-w);
  padding: 2em 1em; }
  .w20-header__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 50em) {
      .w20-header__group {
        flex-direction: column; } }
  .w20-header__imgbox {
    height: 10em;
    width: 30em; }
    @media only screen and (max-width: 50em) {
      .w20-header__imgbox {
        display: none; } }
  .w20-header__search {
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: .3em;
    padding-left: 1em;
    margin-left: 2em;
    width: 40%;
    position: relative;
    margin-top: 1.5em; }
    @media only screen and (max-width: 50em) {
      .w20-header__search {
        width: 100%;
        margin-left: 0; } }
    .w20-header__search__input {
      border: none;
      outline: none;
      width: 90%;
      font-size: 1.2em; }
    .w20-header__search__icon {
      padding: 1.3em;
      background-color: var(--main-color-w);
      color: white;
      border: .1em solid white;
      border-radius: .3em;
      cursor: pointer;
      font-size: 1.2em;
      margin-left: auto; }
    .w20-header__search__live {
      position: absolute;
      width: 100%;
      top: 4em;
      left: 0;
      text-align: center;
      z-index: 3;
      background-color: white;
      border: .1em solid #f2f2f2; }
      .w20-header__search__live__pd {
        display: flex;
        align-items: center;
        cursor: pointer; }
        .w20-header__search__live__pd__imgbox {
          width: 25%;
          margin-right: 1em; }
          .w20-header__search__live__pd__imgbox__img {
            width: 100%; }
        .w20-header__search__live__pd__price {
          margin-right: 1em;
          font-size: 1.6em;
          font-weight: 800; }
          @media only screen and (max-width: 37.5em) {
            .w20-header__search__live__pd__price {
              font-size: 1em; } }
        .w20-header__search__live__pd__text {
          font-size: 1.2em; }
          @media only screen and (max-width: 37.5em) {
            .w20-header__search__live__pd__text {
              font-size: 1em; } }
        .w20-header__search__live__pd:hover {
          background-color: var(--main-color-w);
          color: white; }
      .w20-header__search__live__gy {
        background-color: #f2f2f2;
        padding: .5em; }
      .w20-header__search__live__gyf {
        background-color: #f2f2f2;
        padding: .5em;
        text-decoration: underline;
        cursor: pointer; }
  .w20-header__btn {
    display: flex;
    margin-left: auto; }
    @media only screen and (max-width: 50em) {
      .w20-header__btn {
        display: none; } }
    .w20-header__btn__button {
      background-color: var(--main-color-w);
      border: .1em solid white;
      padding: .7em;
      color: white;
      font-weight: 600;
      margin-left: auto;
      white-space: nowrap;
      cursor: pointer;
      border-radius: .3em;
      margin-left: 1em;
      font-size: 1.6em; }
  .w20-header__mobi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    @media only screen and (min-width: 50em) {
      .w20-header__mobi {
        display: none; } }
    .w20-header__mobi__lbl {
      cursor: pointer; }
    .w20-header__mobi__imgbox__img {
      max-height: 10em !important; }
    .w20-header__mobi__btn {
      color: white;
      position: relative;
      margin-right: 1em;
      cursor: pointer; }
      .w20-header__mobi__btn__text {
        position: absolute;
        right: -1.2em;
        top: -2.2em;
        border: .1em solid #f2f2f2;
        font-size: 1em;
        border-radius: 50%;
        padding: .3em .6em;
        z-index: 1; }
      .w20-header__mobi__btn__icon {
        font-size: 2em;
        background-color: var(--main-color-w); }
  .w20-header__checkbox:checked ~ .w20-menu {
    max-width: 35em; }
  .w20-header__checkbox {
    display: none; }

.w20-menu {
  width: 100%;
  background-color: #191919;
  color: white; }
  @media only screen and (max-width: 50em) {
    .w20-menu {
      position: absolute;
      z-index: 30;
      background-color: white;
      left: 0;
      top: 0;
      width: 35em;
      max-width: 0em;
      transition: all .2s ease;
      top: 0;
      bottom: 0;
      overflow: hidden; } }
  @media only screen and (max-width: 50em) {
    .w20-menu {
      height: 104em; } }
  .w20-menu__group {
    max-width: 120em;
    margin: 0 auto; }
  .w20-menu__items {
    display: flex;
    list-style: none; }
    @media only screen and (max-width: 50em) {
      .w20-menu__items {
        flex-direction: column;
        color: black; } }
    .w20-menu__items__item:hover .w20-menu__items__drop {
      display: block; }
    .w20-menu__items__item {
      position: relative;
      padding: 1.2em;
      font-size: 1.4em;
      cursor: pointer;
      white-space: nowrap; }
      @media only screen and (min-width: 50em) {
        .w20-menu__items__item:first-child {
          width: 20em;
          min-width: 20em; } }
      @media only screen and (max-width: 50em) {
        .w20-menu__items__item {
          top: -3.5em; } }
      .w20-menu__items__item:first-child {
        background-color: var(--main-color-w); }
        @media only screen and (max-width: 50em) {
          .w20-menu__items__item:first-child {
            top: 20em;
            color: white; } }
      @media only screen and (max-width: 50em) {
        .w20-menu__items__item:first-child {
          top: 14.5em;
          z-index: 1; } }
      .w20-menu__items__item__text {
        text-transform: uppercase; }
        .w20-menu__items__item__text:hover {
          color: var(--main-color-w); }
    .w20-menu__items__drop {
      position: absolute;
      top: 3.6em;
      left: 0;
      color: black;
      z-index: 1;
      list-style: none;
      width: 100%;
      background-color: white;
      border: 0.1em solid var(--main-color-w);
      display: none;
      z-index: 3;
      padding: .5em 0; }
      @media only screen and (max-width: 50em) {
        .w20-menu__items__drop {
          border: unset;
          overflow-y: scroll;
          display: block;
          overflow-x: hidden; } }
      .w20-menu__items__drop__checkbox:checked ~ .w20-menu__items__drop__item:nth-child(n + 1) {
        display: flex; }
      .w20-menu__items__drop__checkbox:checked ~ .w20-menu__items__drop__lbl {
        display: none !important; }
      .w20-menu__items__drop__more .w20-menu__items__drop__checkbox--1:checked ~ .w20-menu__items__drop__item:nth-child(n + 9) {
        display: none; }
      .w20-menu__items__drop__checkbox {
        display: none; }
      .w20-menu__items__drop__item {
        padding: .5em 1.2em;
        position: relative; }
        @media only screen and (max-width: 50em) {
          .w20-menu__items__drop__item {
            margin-top: 1em; } }
        .w20-menu__items__drop__item:hover .w20-menu__items__drop__item__text, .w20-menu__items__drop__item__icon {
          font-weight: 800;
          transition: all .2s;
          transform: scale(1.05); }
        .w20-menu__items__drop__item__row {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          position: relative; }
        .w20-menu__items__drop__item__icon {
          margin-left: 1em; }
          @media only screen and (max-width: 50em) {
            .w20-menu__items__drop__item__icon {
              position: relative;
              float: right;
              top: .3em; } }
        .w20-menu__items__drop__item:nth-child(n + 8) {
          display: none; }
        .w20-menu__items__drop__item__text {
          margin-left: 1em;
          display: inline-block;
          white-space: pre-wrap;
          text-align: center;
          width: 100%;
          cursor: pointer; }
          @media only screen and (max-width: 50em) {
            .w20-menu__items__drop__item__text {
              position: relative; } }
        .w20-menu__items__drop__item__imgbox {
          width: 2em;
          min-width: 2em;
          height: 2em;
          display: block; }
      .w20-menu__items__drop__item:hover .w20-menu__items__drop--1 {
        display: block; }
      .w20-menu__items__drop--1__item:hover .w20-menu__items__drop--2 {
        display: block; }
      .w20-menu__items__drop--1 {
        position: absolute;
        left: 100.4%;
        list-style: none;
        height: max-content;
        border: 0.1em solid var(--main-color-w);
        width: 100%;
        top: -0.1em;
        display: none;
        background-color: white; }
        @media only screen and (max-width: 50em) {
          .w20-menu__items__drop--1 {
            position: relative;
            left: 0;
            top: 1em;
            border: unset;
            border-top: 0.1em solid var(--main-color-w); } }
        .w20-menu__items__drop--1__item {
          padding: 1em;
          display: flex;
          align-items: center;
          position: relative; }
          @media only screen and (max-width: 50em) {
            .w20-menu__items__drop--1__item {
              display: block; } }
          @media only screen and (max-width: 50em) {
            .w20-menu__items__drop--1__item {
              padding: 1em 0 1em .5em; } }
          .w20-menu__items__drop--1__item:hover .w20-menu__items__drop--1__item__text, .w20-menu__items__drop--1__item__icon {
            font-weight: 800;
            transition: all .2s;
            transform: scale(1.05); }
          .w20-menu__items__drop--1__item__icon {
            margin-left: auto; }
            @media only screen and (max-width: 50em) {
              .w20-menu__items__drop--1__item__icon {
                margin-left: auto;
                position: relative;
                float: right;
                top: .3em; } }
      .w20-menu__items__drop--2 {
        position: absolute;
        left: 0;
        left: 100.4%;
        list-style: none;
        height: max-content;
        border: 0.1em solid var(--main-color-w);
        width: 100%;
        top: -0.1em;
        display: none;
        background-color: white; }
        @media only screen and (max-width: 50em) {
          .w20-menu__items__drop--2 {
            position: relative;
            left: 0;
            top: 1em;
            border: unset;
            border-top: 0.1em solid var(--main-color-w); } }
        .w20-menu__items__drop--2__item {
          padding: 1em;
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 50em) {
            .w20-menu__items__drop--2__item {
              padding: 1em 0 1em .5em; } }
          .w20-menu__items__drop--2__item:hover .w20-menu__items__drop--2__item__text, .w20-menu__items__drop--2__item__icon {
            font-weight: 800;
            transition: all .2s;
            transform: scale(1.05); }
          .w20-menu__items__drop--2__item__icon {
            margin-left: auto; }
  @media only screen and (min-width: 50em) {
    .w20-menu__top {
      display: none; } }
  .w20-menu__top__user {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--main-color-w);
    padding: 2em 1em;
    box-shadow: .1em .1em .5em #191919; }
    .w20-menu__top__user__checkbox {
      display: none; }
    .w20-menu__top__user__label {
      margin: 0 2em 1em auto;
      cursor: pointer; }
      .w20-menu__top__user__label__icon {
        height: 3em;
        width: .2em;
        background-color: white;
        display: inline-block;
        transform: rotate(-45deg);
        position: relative; }
        .w20-menu__top__user__label__icon::after {
          content: "";
          height: 3em;
          width: .2em;
          background-color: white;
          display: inline-block;
          transform: rotate(-90deg);
          position: absolute;
          top: 0;
          left: 0; }
    .w20-menu__top__user__icon {
      padding: 1em 1.1em;
      font-size: 2em;
      background-color: orangered;
      border-radius: 50%; }
    .w20-menu__top__user__text {
      display: inline-block;
      margin-top: 1em;
      font-size: 1.4em; }
    .w20-menu__top__user__action {
      display: flex;
      margin-top: 2em; }
      .w20-menu__top__user__action__button {
        cursor: pointer;
        padding: 1em;
        text-transform: uppercase;
        background-color: transparent;
        border: none;
        outline: none;
        color: white;
        border: .1em solid white;
        width: 10em;
        font-weight: 600; }
        .w20-menu__top__user__action__button:not(:last-child) {
          margin-right: 1em; }
  .w20-menu__top__title {
    background-color: #f2f2f2;
    width: 100%;
    color: black;
    padding: 1em;
    text-transform: uppercase;
    font-size: 1.4em; }
  .w20-menu__imgbox {
    height: 15em;
    width: 100%;
    background-size: cover;
    position: absolute;
    background-image: url(/img/w20/left-menu-banner-1.png);
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center; }
    @media only screen and (min-width: 50em) {
      .w20-menu__imgbox {
        display: none; } }
    .w20-menu__imgbox__img {
      width: 100%; }

.w20-banner {
  width: 100%; }
  .w20-banner__group {
    max-width: 120em;
    margin: 0 auto; }
  .w20-banner__imgbox {
    width: 100%; }

.w20-product {
  width: 100%;
  padding: 3em 1em;
  background-color: white; }
  .w20-product__group {
    max-width: 120em;
    margin: 0 auto; }
  .w20-product__heading {
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 600;
    text-align: center;
    padding: .7em;
    position: relative;
    border-bottom: .1em solid #f2f2f2; }
    .w20-product__heading::after {
      content: "";
      width: 3em;
      height: .1em;
      background-color: var(--main-color-w);
      position: absolute;
      bottom: -0.1em;
      left: 50%;
      transform: translateX(-50%); }
  .w20-product__items {
    display: flex;
    margin-top: 2em; }
    .w20-product__items__item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      width: 100%;
      backface-visibility: hidden;
      cursor: pointer; }
      .w20-product__items__item__imgbox {
        width: 100%;
        position: relative; }
        .w20-product__items__item__imgbox__img {
          width: 100%; }
        .w20-product__items__item__imgbox__text {
          position: absolute;
          color: white;
          padding: .5em .3em;
          background-color: brown;
          top: 1em;
          right: 1em; }
      .w20-product__items__item__box {
        position: relative;
        cursor: pointer;
        width: 100%;
        transition: all .3s ease; }
        .w20-product__items__item__box__name {
          line-height: 1.6em;
          font-size: 1.2em;
          font-weight: 600;
          margin-top: .5em;
          text-align: center;
          transition: all .3s ease;
          display: block; }
        .w20-product__items__item__box__price {
          display: flex;
          justify-content: center;
          text-align: center;
          margin-top: 1em;
          align-items: center;
          transition: all .3s ease; }
          .w20-product__items__item__box__price__main {
            color: var(--main-color-w);
            font-weight: 800;
            font-size: 1.6em; }
          .w20-product__items__item__box__price__sub {
            color: #777;
            font-size: 1.2em;
            margin-right: 1em;
            text-decoration: line-through;
            font-weight: 800; }
        .w20-product__items__item__box__btn {
          display: flex;
          align-items: center;
          position: absolute;
          margin-left: 100%;
          transform: translateX(-50%);
          top: 30%;
          opacity: 0;
          left: 0;
          transition: all .3s ease; }
          .w20-product__items__item__box__btn__button {
            cursor: pointer;
            display: inline-block;
            background-color: var(--main-color-w);
            padding: .7em;
            color: white;
            border: none;
            outline: none;
            font-weight: 800;
            width: max-content;
            margin: auto;
            border-radius: 2em;
            margin-right: 1em; }
            @media only screen and (max-width: 37.5em) {
              .w20-product__items__item__box__btn__button {
                font-size: 1em; } }
          .w20-product__items__item__box__btn__icon {
            padding: 1em;
            font-size: 1.2em;
            background-color: var(--main-color-w);
            color: white;
            border-radius: 50%; }
      .w20-product__items__item:hover .w20-product__items__item__box {
        margin-left: -50%; }
      .w20-product__items__item:hover .w20-product__items__item__box__btn {
        opacity: 1 !important; }
      .w20-product__items__item:hover .w20-product__items__item__box__name {
        opacity: 0; }
      .w20-product__items__item:hover .w20-product__items__item__box__price {
        opacity: 0; }

.w20-product-1 {
  width: 100%;
  padding: 3em 1em;
  background-color: white; }
  .w20-product-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w20-product-1__heading {
    position: relative;
    border-bottom: .1em solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f2f2f2;
    flex-wrap: wrap; }
    .w20-product-1__heading__title {
      background-color: crimson;
      padding: .5em;
      font-size: 1.6em;
      text-transform: uppercase;
      position: relative;
      color: white; }
      .w20-product-1__heading__title__span {
        border-top: .3em solid crimson;
        border-left: .3em solid transparent;
        border-right: .3em solid transparent;
        transform: rotate(-90deg) translatey(-50%);
        position: absolute;
        top: 50%;
        left: 100%; }
    .w20-product-1__heading__items__item {
      margin-right: 1em;
      cursor: pointer; }
      @media only screen and (max-width: 37.5em) {
        .w20-product-1__heading__items__item {
          padding: 1em;
          display: inline-block; } }
      .w20-product-1__heading__items__item--active {
        font-weight: 800; }
  .w20-product-1__items {
    display: flex;
    flex-wrap: wrap; }
    .w20-product-1__items__item {
      margin-bottom: 2em;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      width: 25%;
      backface-visibility: hidden;
      cursor: pointer;
      padding: 1em;
      overflow: hidden; }
      @media only screen and (max-width: 37.5em) {
        .w20-product-1__items__item {
          width: 50%; } }
      .w20-product-1__items__item__imgbox {
        width: 100%;
        position: relative; }
        .w20-product-1__items__item__imgbox__img {
          width: 100%; }
        .w20-product-1__items__item__imgbox__text {
          position: absolute;
          color: white;
          padding: .5em .3em;
          background-color: brown;
          top: 1em;
          right: 1em; }
      .w20-product-1__items__item__box {
        position: relative;
        cursor: pointer;
        width: 100%;
        transition: all .3s ease;
        min-height: 7em; }
        .w20-product-1__items__item__box__name {
          line-height: 1.6em;
          font-size: 1.2em;
          font-weight: 600;
          margin-top: .5em;
          text-align: center;
          transition: all .3s ease;
          display: block; }
          @media only screen and (max-width: 50em) {
            .w20-product-1__items__item__box__name {
              font-size: 1em; } }
        .w20-product-1__items__item__box__price {
          display: flex;
          justify-content: center;
          text-align: center;
          margin-top: 1em;
          align-items: center;
          transition: all .3s ease; }
          .w20-product-1__items__item__box__price__main {
            color: var(--main-color-w);
            font-weight: 800;
            font-size: 1.6em; }
          .w20-product-1__items__item__box__price__sub {
            color: #777;
            font-size: 1.2em;
            margin-right: 1em;
            text-decoration: line-through;
            font-weight: 800; }
        .w20-product-1__items__item__box__btn {
          display: flex;
          align-items: center;
          position: absolute;
          margin-left: 100%;
          transform: translateX(-50%);
          top: 30%;
          opacity: 0;
          left: 0;
          transition: all .3s ease; }
          .w20-product-1__items__item__box__btn__button {
            cursor: pointer;
            display: inline-block;
            background-color: var(--main-color-w);
            padding: .7em;
            color: white;
            border: none;
            outline: none;
            font-weight: 800;
            width: max-content;
            margin: auto;
            border-radius: 2em;
            margin-right: 1em;
            font-size: 1.2em; }
            @media only screen and (max-width: 37.5em) {
              .w20-product-1__items__item__box__btn__button {
                font-size: 1em; } }
          .w20-product-1__items__item__box__btn__icon {
            padding: 1em;
            font-size: 1.2em;
            background-color: var(--main-color-w);
            color: white;
            border-radius: 50%; }
      .w20-product-1__items__item:hover {
        box-shadow: 0em 0 .5em .5em #e6e6e6;
        z-index: 1; }
      .w20-product-1__items__item:hover .w20-product-1__items__item__box {
        margin-left: -50%; }
      .w20-product-1__items__item:hover .w20-product-1__items__item__box__btn {
        opacity: 1 !important; }
      .w20-product-1__items__item:hover .w20-product-1__items__item__box__name {
        opacity: 0; }
      .w20-product-1__items__item:hover .w20-product-1__items__item__box__price {
        opacity: 0; }

.w20-article {
  width: 100%;
  background-color: white;
  padding: 2em 1em; }
  .w20-article__group {
    margin: 0 auto;
    max-width: 120em; }
  .w20-article__heading {
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 600;
    text-align: center;
    padding: .7em;
    position: relative;
    border-bottom: .1em solid #f2f2f2; }
    .w20-article__heading::after {
      content: "";
      width: 3em;
      height: .1em;
      background-color: var(--main-color-w);
      position: absolute;
      bottom: -0.1em;
      left: 50%;
      transform: translateX(-50%); }
  .w20-article__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em; }
    .w20-article__items__item {
      width: 25%;
      cursor: pointer;
      margin-bottom: 2em; }
      @media only screen and (max-width: 50em) {
        .w20-article__items__item {
          width: 33.3333333%; } }
      @media only screen and (max-width: 37.5em) {
        .w20-article__items__item {
          width: 50%; } }
      .w20-article__items__item__imgbox {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .w20-article__items__item__imgbox__img {
          width: 100%; }
        .w20-article__items__item__imgbox:hover .w20-article__items__item__imgbox__box {
          box-shadow: 0 0 0 20em var(--main-color-w);
          background-color: var(--main-color-w);
          opacity: 0.2; }
        .w20-article__items__item__imgbox__box {
          opacity: .3;
          z-index: 3;
          position: absolute;
          top: 49%;
          height: .2em;
          width: .2em;
          transition: all .4s ease;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
          box-shadow: 0 0 0 0 var(--main-color-w);
          border-radius: 50%; }
      .w20-article__items__item__name {
        text-align: center;
        font-weight: 600;
        line-height: 1.8em;
        font-size: 1.6em;
        margin-top: .5em;
        padding: .3em; }
      .w20-article__items__item__date {
        display: flex;
        align-items: center;
        margin-top: 1em;
        color: black;
        padding: .3em; }
        .w20-article__items__item__date__icon {
          margin-right: 1em; }
      .w20-article__items__item__des {
        padding: .3em;
        margin-top: .5em;
        font-size: 1.3em;
        line-height: 1.8em; }

.w20-ctaregister {
  width: 100%;
  background-color: var(--main-color-w);
  padding: 3em 1em; }
  .w20-ctaregister__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .w20-ctaregister__text {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    color: white; }
  .w20-ctaregister__in {
    background-color: white;
    width: 50%;
    display: flex;
    align-items: center; }
    .w20-ctaregister__in__input {
      width: 90%;
      border: none;
      outline: none;
      margin-left: 1em; }
    .w20-ctaregister__in__icon {
      padding: .5em 1em;
      background-color: black;
      color: white;
      margin-left: auto;
      float: right;
      border: .1em solid #f2f2f2;
      cursor: pointer; }
  .w20-ctaregister__social {
    display: flex;
    gap: 1em;
    color: white; }
    .w20-ctaregister__social__icon {
      display: inline-block;
      cursor: pointer; }

.w20-productdetail {
  position: relative;
  width: 100%;
  padding: 3em 1em; }
  .w20-productdetail .w1-blogdetail__first__review {
    padding: 0; }
  .w20-productdetail__group {
    max-width: 120em;
    margin: 0 auto; }
  .w20-productdetail__main {
    display: flex;
    flex-wrap: wrap; }
    .w20-productdetail__main__first {
      width: 70%; }
      @media only screen and (max-width: 50em) {
        .w20-productdetail__main__first {
          width: 100%; } }
      .w20-productdetail__main__first__info {
        display: flex;
        flex-wrap: wrap; }
        .w20-productdetail__main__first__info__col {
          width: 50%;
          height: max-content;
          margin-bottom: 3em; }
          @media only screen and (max-width: 50em) {
            .w20-productdetail__main__first__info__col {
              width: 100%; } }
          .w20-productdetail__main__first__info__col__owl-thumb {
            width: 100%;
            display: flex;
            margin-top: 2em; }
            .w20-productdetail__main__first__info__col__owl-thumb__imgbox {
              background-color: transparent;
              border: none;
              margin-right: .5em;
              cursor: pointer;
              outline: 0.1em solid #f2f2f2;
              width: 100%; }
              .w20-productdetail__main__first__info__col__owl-thumb__imgbox__img {
                width: 100%; }
        .w20-productdetail__main__first__info__productimg {
          width: 100%; }
          .w20-productdetail__main__first__info__productimg__imgbox {
            width: 100%;
            height: 25em; }
            .w20-productdetail__main__first__info__productimg__imgbox__img {
              width: 100%; }
        .w20-productdetail__main__first__info__content {
          padding: 0 1em;
          width: 50%;
          font-size: 1.2em; }
          @media only screen and (max-width: 50em) {
            .w20-productdetail__main__first__info__content {
              width: 100%; } }
          .w20-productdetail__main__first__info__content__name {
            font-size: 1.6em;
            line-height: 1.6em;
            font-weight: 800;
            text-align: center;
            display: block; }
          .w20-productdetail__main__first__info__content__dg {
            display: flex;
            align-items: center;
            font-size: 1.2em;
            padding: 1em 0; }
            .w20-productdetail__main__first__info__content__dg__text:hover {
              color: var(--main-color-w); }
            .w20-productdetail__main__first__info__content__dg__stars {
              display: flex;
              align-items: center;
              margin-right: .5em;
              gap: .5em;
              cursor: pointer; }
              .w20-productdetail__main__first__info__content__dg__stars__star {
                color: gold; }
          .w20-productdetail__main__first__info__content__price {
            display: flex;
            align-items: center;
            padding: 1em 0; }
            .w20-productdetail__main__first__info__content__price__main {
              font-size: 2.5em;
              font-weight: 800;
              color: var(--main-color-w);
              margin-right: .5em; }
            .w20-productdetail__main__first__info__content__price__sub {
              color: #777;
              text-decoration: line-through;
              font-weight: 600;
              font-size: 1.6em; }
          .w20-productdetail__main__first__info__content__des {
            line-height: 1.6em;
            font-size: 1.2em;
            padding: 1em 0;
            display: block; }
          .w20-productdetail__main__first__info__content__tt {
            line-height: 1.6em;
            font-size: 1.2em;
            border-top: .1em solid #c7c7c7;
            padding: .5em 0; }
          .w20-productdetail__main__first__info__content__soluong {
            display: flex;
            align-items: center;
            border-top: .1em solid #c7c7c7; }
            .w20-productdetail__main__first__info__content__soluong__sl {
              line-height: 1.6em;
              font-size: 1.2em;
              padding: 1em 0;
              margin-right: 1em; }
            .w20-productdetail__main__first__info__content__soluong__action {
              display: flex;
              align-items: center;
              margin-top: .5em; }
              .w20-productdetail__main__first__info__content__soluong__action__icon {
                border: .1em solid #f2f2f2;
                padding: .75em .8em;
                cursor: pointer; }
              .w20-productdetail__main__first__info__content__soluong__action__number {
                border: .1em solid #f2f2f2;
                width: 3em;
                height: 2.4em;
                border-right: none;
                border-left: none;
                outline: none;
                text-align: center; }
          .w20-productdetail__main__first__info__content__button {
            padding: 1em;
            color: white;
            font-size: 1.2em;
            text-align: center;
            font-weight: 800;
            text-transform: uppercase;
            margin-top: 1em;
            width: 100%;
            cursor: pointer;
            background-color: var(--main-color-w);
            transition: all .2s ease;
            border: 0.1em solid var(--main-color-w); }
            .w20-productdetail__main__first__info__content__button:hover {
              background-color: white;
              color: var(--main-color-w); }
      .w20-productdetail__main__first__social {
        display: flex;
        align-items: center;
        margin-top: 1em; }
        .w20-productdetail__main__first__social__imgbox {
          width: 5em;
          height: 5em;
          min-width: 5em;
          margin-right: 1em;
          cursor: pointer; }
          .w20-productdetail__main__first__social__imgbox__img {
            width: 100%; }
      .w20-productdetail__main__first__splq__text {
        text-align: center;
        font-weight: 600;
        font-size: 2.5em;
        position: relative;
        border-bottom: .1em solid #f2f2f2;
        padding: .5em; }
        .w20-productdetail__main__first__splq__text::after {
          content: "";
          height: .1em;
          width: 3em;
          top: 2.2em;
          position: absolute;
          bottom: 0;
          background-color: var(--main-color-w);
          left: 50%;
          transform: translateX(-50%); }
      .w20-productdetail__main__first__splq__items__item {
        margin-top: 1em;
        text-align: center; }
        .w20-productdetail__main__first__splq__items__item__name {
          margin-top: 1em;
          font-weight: 600;
          font-size: 1.3em; }
        .w20-productdetail__main__first__splq__items__item__price {
          color: var(--main-color-w);
          margin-top: 1em;
          font-weight: 800;
          font-size: 1.6em; }
      .w20-productdetail__main__first__content {
        margin-top: 2em; }
        .w20-productdetail__main__first__content .w1-blogdetail__first__review {
          display: none; }
        .w20-productdetail__main__first__content__tab {
          display: flex;
          align-items: center; }
          .w20-productdetail__main__first__content__tab .active {
            background-color: white;
            border-bottom: none;
            color: black; }
          .w20-productdetail__main__first__content__tab__mt {
            padding: 1em;
            border: 0.1em solid #f2f2f2;
            background-color: #777;
            text-align: center;
            color: white;
            cursor: pointer;
            font-size: 1.2em; }
        .w20-productdetail__main__first__content__text {
          border: 0.1em solid #f2f2f2;
          margin-top: -.1em;
          padding: .7em 1em 1em 1em;
          overflow: hidden;
          line-height: 1.8em;
          font-size: 1.6em;
          text-align: justify; }
          .w20-productdetail__main__first__content__text h2, .w20-productdetail__main__first__content__text h3, .w20-productdetail__main__first__content__text h4, .w20-productdetail__main__first__content__text h5, .w20-productdetail__main__first__content__text img, .w20-productdetail__main__first__content__text iframe, .w20-productdetail__main__first__content__text p {
            margin: .7em 0; }
          .w20-productdetail__main__first__content__text ul, .w20-productdetail__main__first__content__text ol {
            list-style: none; }
        .w20-productdetail__main__first__content__content {
          border: 0.1em solid #f2f2f2;
          margin-top: -.1em;
          padding: .7em 1em 1em 1em;
          overflow: hidden;
          line-height: 1.8em;
          font-size: 1.6em;
          text-align: justify; }
          .w20-productdetail__main__first__content__content h2, .w20-productdetail__main__first__content__content h3, .w20-productdetail__main__first__content__content h4, .w20-productdetail__main__first__content__content h5, .w20-productdetail__main__first__content__content img, .w20-productdetail__main__first__content__content iframe, .w20-productdetail__main__first__content__content p {
            margin: .7em 0; }
          .w20-productdetail__main__first__content__content ul, .w20-productdetail__main__first__content__content ol {
            list-style: none; }
      .w20-productdetail__main__first__buymany {
        margin-top: 2em; }
        .w20-productdetail__main__first__buymany__table {
          border-collapse: collapse;
          width: 100%; }
          .w20-productdetail__main__first__buymany__table td, .w20-productdetail__main__first__buymany__table th {
            border: 1px solid #dddddd;
            padding: .5em;
            font-size: 1.2em; }
          .w20-productdetail__main__first__buymany__table__sl {
            width: 10%; }
          .w20-productdetail__main__first__buymany__table__quan {
            display: flex;
            align-items: center; }
            .w20-productdetail__main__first__buymany__table__quan__in {
              width: 4em;
              padding: 1em;
              border: none;
              outline: none;
              background-color: #f3f3f3;
              text-align: center; }
            .w20-productdetail__main__first__buymany__table__quan__ope {
              display: flex;
              flex-direction: column;
              background-color: #e4e4e4;
              margin-left: .2em; }
              .w20-productdetail__main__first__buymany__table__quan__ope__icon {
                padding: .5em;
                cursor: pointer; }
          .w20-productdetail__main__first__buymany__table__action {
            width: 10%;
            text-align: center;
            justify-content: center; }
          .w20-productdetail__main__first__buymany__table__cart {
            background-color: var(--main-color-w);
            color: white;
            padding: .5em;
            font-size: 1.5em;
            cursor: pointer;
            transition: all .2s ease; }
            .w20-productdetail__main__first__buymany__table__cart:hover {
              color: var(--main-color-w);
              background-color: white; }
    .w20-productdetail__main__second {
      width: 29%;
      margin-left: 1%;
      max-width: 29%; }
      @media only screen and (max-width: 50em) {
        .w20-productdetail__main__second {
          width: 100%;
          max-width: 100%; } }
      .w20-productdetail__main__second__items {
        background-color: #f2f2f2;
        font-size: 1.4em; }
        @media only screen and (max-width: 50em) {
          .w20-productdetail__main__second__items {
            display: flex;
            align-items: center; } }
        @media only screen and (max-width: 37.5em) {
          .w20-productdetail__main__second__items {
            display: block; } }
        .w20-productdetail__main__second__items__item {
          padding: 1em;
          display: flex;
          align-items: center; }
          .w20-productdetail__main__second__items__item__icon {
            padding: .5em;
            font-size: 3em;
            width: 2em;
            min-width: 2em;
            color: var(--main-color-w); }
          .w20-productdetail__main__second__items__item__tt__main {
            font-weight: 600; }
          .w20-productdetail__main__second__items__item__tt__sub {
            margin-top: .5em;
            line-height: 1.6em;
            text-align: justify; }
      .w20-productdetail__main__second__dm {
        margin-top: 1em; }
        .w20-productdetail__main__second__dm__title {
          border-left: 0.5em solid var(--main-color-w);
          padding: 1em;
          text-transform: uppercase;
          text-align: center;
          font-weight: bold;
          font-size: 1.4em; }
        .w20-productdetail__main__second__dm__content {
          list-style: none;
          font-size: 1.4em; }
          .w20-productdetail__main__second__dm__content__child {
            cursor: pointer;
            padding: .5em; }
            .w20-productdetail__main__second__dm__content__child__checkbox {
              display: none; }
            .w20-productdetail__main__second__dm__content__child__cate {
              display: flex;
              align-items: center;
              cursor: pointer; }
              .w20-productdetail__main__second__dm__content__child__cate__text {
                transition: all .2s ease; }
                .w20-productdetail__main__second__dm__content__child__cate__text:hover {
                  color: var(--main-color-w);
                  text-decoration: underline; }
              .w20-productdetail__main__second__dm__content__child__cate__lbl {
                float: right;
                margin-left: auto;
                cursor: pointer; }
          .w20-productdetail__main__second__dm__content__child__checkbox:checked ~ .w20-productdetail__main__second__dm__content__drop {
            display: block; }
          .w20-productdetail__main__second__dm__content__drop {
            list-style: none;
            display: none;
            margin-top: .5em; }
            .w20-productdetail__main__second__dm__content__drop__child {
              font-size: 1em;
              cursor: pointer;
              padding: .5em; }
              .w20-productdetail__main__second__dm__content__drop__child__checkbox {
                display: none; }
              .w20-productdetail__main__second__dm__content__drop__child__cate {
                display: flex;
                align-items: center;
                cursor: pointer; }
                .w20-productdetail__main__second__dm__content__drop__child__cate__text {
                  transition: all .2s ease;
                  cursor: pointer; }
                  .w20-productdetail__main__second__dm__content__drop__child__cate__text:hover {
                    color: var(--main-color-w);
                    text-decoration: underline; }
                .w20-productdetail__main__second__dm__content__drop__child__cate__lbl {
                  float: right;
                  margin-left: auto;
                  cursor: pointer; }
            .w20-productdetail__main__second__dm__content__drop__child__checkbox:checked ~ .w20-productdetail__main__second__dm__content__drop-1 {
              display: block; }
            .w20-productdetail__main__second__dm__content__drop-1 {
              list-style: none;
              display: none;
              margin-top: .5em; }
              .w20-productdetail__main__second__dm__content__drop-1__child {
                font-size: 1em;
                cursor: pointer;
                padding: .5em; }
                .w20-productdetail__main__second__dm__content__drop-1__child__checkbox {
                  display: none; }
                .w20-productdetail__main__second__dm__content__drop-1__child__cate {
                  display: flex;
                  align-items: center;
                  cursor: pointer; }
                  .w20-productdetail__main__second__dm__content__drop-1__child__cate__text {
                    transition: all .2s ease;
                    cursor: pointer; }
                    .w20-productdetail__main__second__dm__content__drop-1__child__cate__text:hover {
                      color: var(--main-color-w);
                      text-decoration: underline; }
                  .w20-productdetail__main__second__dm__content__drop-1__child__cate__lbl {
                    float: right;
                    margin-left: auto;
                    cursor: pointer; }
      .w20-productdetail__main__second__sp {
        margin-top: 2em; }
        .w20-productdetail__main__second__sp__cl {
          margin-top: 1em;
          display: flex;
          align-items: center;
          border-bottom: .1em solid #eee;
          padding: 1em; }
          .w20-productdetail__main__second__sp__cl__imgbox {
            width: 40%;
            height: 10em;
            min-width: 40%; }
            .w20-productdetail__main__second__sp__cl__imgbox__img {
              width: 100%; }
          .w20-productdetail__main__second__sp__cl__info {
            margin-left: 1em; }
            .w20-productdetail__main__second__sp__cl__info__name {
              font-weight: 600;
              font-size: 1.4em;
              transition: all .2s ease;
              cursor: pointer; }
              .w20-productdetail__main__second__sp__cl__info__name:hover {
                color: var(--main-color-w);
                text-decoration: underline; }
            .w20-productdetail__main__second__sp__cl__info__stars {
              margin-top: .5em;
              font-size: 1.3em; }
              .w20-productdetail__main__second__sp__cl__info__stars__star {
                color: orange; }
            .w20-productdetail__main__second__sp__cl__info__mainprice {
              margin-top: .5em;
              color: var(--main-color-w);
              font-size: 1.6em;
              font-weight: 800; }
            .w20-productdetail__main__second__sp__cl__info__subprice {
              margin-top: .5em;
              font-size: 1.2em;
              text-decoration: line-through; }
  .w20-productdetail__spdx__title {
    text-align: center;
    font-weight: 600;
    font-size: 2.5em;
    position: relative;
    border-bottom: .1em solid #f2f2f2;
    padding: .5em;
    margin-top: 1em;
    padding-bottom: 2em; }
    .w20-productdetail__spdx__title::after {
      content: "";
      height: .1em;
      width: 3em;
      top: 2.2em;
      position: absolute;
      bottom: 0;
      background-color: var(--main-color-w);
      left: 50%;
      transform: translateX(-50%); }
  .w20-productdetail__spdx__item {
    margin-top: 1em; }
    .w20-productdetail__spdx__item__imgbox {
      height: 15em; }
  .w20-productdetail__popup {
    position: fixed;
    top: 10em;
    z-index: 10;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    background-color: white;
    width: 60em;
    opacity: 1 !important; }
    .w20-productdetail__popup__head {
      background: var(--main-color-w);
      padding: 1em;
      color: white;
      font-weight: 600;
      font-size: 1.2em; }
      .w20-productdetail__popup__head__link {
        color: tomato;
        line-height: 1.7em; }
      .w20-productdetail__popup__head__text {
        line-height: 1.7em; }
    .w20-productdetail__popup__text {
      font-size: 1.4em;
      font-weight: 600;
      padding: 1em; }
    .w20-productdetail__popup__table__tbl {
      border-collapse: collapse;
      width: 100%;
      border: none; }
      .w20-productdetail__popup__table__tbl__sp {
        width: 50%;
        min-width: 50%; }
      .w20-productdetail__popup__table__tbl td, .w20-productdetail__popup__table__tbl th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px; }
      .w20-productdetail__popup__table__tbl th {
        font-size: 1.1em;
        background: #e4e4e4; }
      .w20-productdetail__popup__table__tbl__sl {
        width: 10%; }
      .w20-productdetail__popup__table__tbl__cart {
        display: flex; }
        .w20-productdetail__popup__table__tbl__cart__imgbox {
          width: 25%;
          border: 0.1em solid #ebebeb;
          height: max-content;
          height: 7em;
          min-width: 25%; }
          .w20-productdetail__popup__table__tbl__cart__imgbox__img {
            width: 100%;
            height: 100%; }
        .w20-productdetail__popup__table__tbl__cart__info {
          margin-left: 2%;
          width: 73%; }
          .w20-productdetail__popup__table__tbl__cart__info__name {
            font-weight: 600;
            display: block;
            line-height: 1.6em;
            font-size: 1.1em;
            transition: all .2s ease;
            cursor: pointer; }
            .w20-productdetail__popup__table__tbl__cart__info__name:hover {
              color: var(--main-color-w);
              text-decoration: underline; }
          .w20-productdetail__popup__table__tbl__cart__info__bsp {
            display: flex;
            align-items: center;
            margin-top: .5em;
            cursor: pointer; }
            .w20-productdetail__popup__table__tbl__cart__info__bsp__icon-1 {
              color: orangered; }
            .w20-productdetail__popup__table__tbl__cart__info__bsp__text {
              margin-left: 1em; }
      .w20-productdetail__popup__table__tbl__vl {
        font-weight: 600; }
      .w20-productdetail__popup__table__tbl__quan {
        display: flex; }
        .w20-productdetail__popup__table__tbl__quan__icon {
          padding: 1em;
          border: .1em solid #e4e4e4;
          cursor: pointer; }
        .w20-productdetail__popup__table__tbl__quan__in {
          width: 2.2em;
          border: .1em solid #e4e4e4;
          outline: none;
          border-left: none;
          border-right: none;
          text-align: center; }
    .w20-productdetail__popup__tong {
      display: flex;
      justify-content: space-between;
      padding: 1em;
      margin: 1em 0;
      font-size: 1.2em; }
      .w20-productdetail__popup__tong__ttml {
        transition: all .2s ease;
        cursor: pointer; }
        .w20-productdetail__popup__tong__ttml__text:hover {
          text-decoration: underline; }
      .w20-productdetail__popup__tong__thanhtien {
        font-weight: 800; }
        .w20-productdetail__popup__tong__thanhtien__vl {
          color: var(--main-color-w); }
    .w20-productdetail__popup__btn {
      text-align: center;
      width: 98%;
      display: block;
      margin: 0 auto;
      padding: .5em;
      font-size: 1.4em;
      background: var(--main-color-w);
      border: none;
      outline: none;
      color: white;
      font-weight: 600;
      margin-bottom: 1em;
      border-radius: .2em;
      cursor: pointer;
      transition: all .2s ease;
      border: 0.1em solid var(--main-color-w); }
      .w20-productdetail__popup__btn:hover {
        background: white;
        color: var(--main-color-w); }
    .w20-productdetail__popup__exicon {
      backface-visibility: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      position: absolute;
      top: -.7em;
      height: 1.5em;
      width: 1.5em;
      right: -.7em;
      font-size: 1.5em;
      padding: .5em;
      cursor: pointer;
      background: black;
      border: none;
      outline: none; }
      .w20-productdetail__popup__exicon__icon {
        color: white;
        backface-visibility: hidden; }
  .w20-productdetail__overlay {
    width: 100%;
    background-color: black;
    opacity: .5;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    filter: brightness(50%); }

.w20-bloglist {
  width: 100%;
  padding: 3em 1em; }
  .w20-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse; }
  .w20-bloglist__first {
    width: 30%;
    min-width: 30%; }
    @media only screen and (max-width: 50em) {
      .w20-bloglist__first {
        width: 100%;
        margin-top: 2em; } }
    .w20-bloglist__first__dmbv__title {
      padding: 1em;
      text-align: center;
      font-weight: 800;
      border-left: 0.5em solid var(--main-color-w);
      background-color: #ececec; }
    .w20-bloglist__first__dmbv .active {
      color: var(--main-color-w);
      font-weight: 800; }
    .w20-bloglist__first__dmbv__link {
      display: block;
      padding: 1em .5em; }
    .w20-bloglist__first__relate__items {
      margin-top: .5em;
      display: flex; }
      .w20-bloglist__first__relate__items__imgbox {
        width: 25%;
        min-width: 25%; }
      .w20-bloglist__first__relate__items__info {
        margin-left: 1em; }
        .w20-bloglist__first__relate__items__info__name {
          display: block;
          cursor: pointer; }
        .w20-bloglist__first__relate__items__info__date {
          margin-top: .5em;
          color: #777;
          font-style: italic;
          display: block; }
  .w20-bloglist__second {
    width: 69%;
    margin-left: 1%; }
    @media only screen and (max-width: 50em) {
      .w20-bloglist__second {
        width: 100%;
        margin-left: unset; } }
    .w20-bloglist__second__text {
      text-align: justify;
      color: black;
      line-height: 1.8em;
      margin-top: 1em;
      margin-bottom: 1em;
      display: block;
      font-size: 1.4em; }
      .w20-bloglist__second__text h2 {
        margin: .5em 0; }
      .w20-bloglist__second__text h3 {
        margin: .5em 0; }
      .w20-bloglist__second__text h4 {
        margin: .5em 0; }
      .w20-bloglist__second__text iframe {
        margin: .5em 0; }
      .w20-bloglist__second__text img {
        margin: .5em 0; }
    .w20-bloglist__second__head {
      display: flex;
      margin-left: -1%; }
      .w20-bloglist__second__head__items {
        width: 49%;
        min-width: 50%;
        margin-left: 1%;
        text-align: center; }
        .w20-bloglist__second__head__items__imgbox {
          padding: .5em;
          box-shadow: 0 0 .3em .3em #ececec;
          width: 100%;
          position: relative;
          overflow: hidden; }
          .w20-bloglist__second__head__items__imgbox::before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            background-color: var(--main-color-w);
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%) scale(2);
            transition: all .3s ease;
            border-radius: 50%;
            opacity: 0.1; }
          .w20-bloglist__second__head__items__imgbox:hover:before {
            width: 50em;
            height: 50em;
            opacity: 0.5; }
        .w20-bloglist__second__head__items__name {
          font-weight: 600;
          display: block;
          font-size: 1.2em;
          line-height: 1.6em;
          margin-top: .5em; }
        .w20-bloglist__second__head__items__date {
          color: #777;
          display: block;
          margin-top: 1em; }
        .w20-bloglist__second__head__items__des {
          margin-top: .5em;
          line-height: 1.6em;
          font-size: 1.2em; }
    .w20-bloglist__second__body {
      margin-top: 2em;
      display: block; }
      .w20-bloglist__second__body__items {
        display: flex;
        margin-top: 1em;
        flex-wrap: wrap; }
        @media only screen and (max-width: 31.25em) {
          .w20-bloglist__second__body__items {
            margin-top: 2em; } }
        .w20-bloglist__second__body__items__imgbox {
          width: 30%;
          min-width: 30%;
          height: 14em; }
          @media only screen and (max-width: 31.25em) {
            .w20-bloglist__second__body__items__imgbox {
              width: 100%; } }
          .w20-bloglist__second__body__items__imgbox__img {
            width: 100%; }
        .w20-bloglist__second__body__items__item {
          width: 69%;
          margin-left: 1%; }
          @media only screen and (max-width: 31.25em) {
            .w20-bloglist__second__body__items__item {
              width: 100%;
              margin-left: unset; } }
          .w20-bloglist__second__body__items__item__name {
            font-weight: 600;
            display: block;
            font-size: 1.6em;
            line-height: 1.6em; }
            @media only screen and (max-width: 31.25em) {
              .w20-bloglist__second__body__items__item__name {
                font-size: 1.2em; } }
          .w20-bloglist__second__body__items__item__date {
            color: #777;
            display: block;
            margin-top: 1em; }
          .w20-bloglist__second__body__items__item__des {
            margin-top: .5em;
            line-height: 1.6em;
            font-size: 1.4em; }
    .w20-bloglist__second__paging {
      display: flex;
      align-items: center;
      margin-top: 2em;
      justify-content: center; }
      .w20-bloglist__second__paging__list {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .w20-bloglist__second__paging__list__number {
          padding: .7em 1.2em;
          border: .1em solid #f2f2f2;
          margin-right: 1em;
          cursor: pointer;
          transition: all .2s;
          border-radius: .2em;
          margin-bottom: 1em; }
          .w20-bloglist__second__paging__list__number:hover {
            color: white;
            background: var(--main-color-w); }
        .w20-bloglist__second__paging__list__icon {
          padding: .7em 1.2em;
          border: .1em solid #f2f2f2;
          margin-right: 1em;
          cursor: pointer;
          border-radius: .2em; }
          .w20-bloglist__second__paging__list__icon:hover {
            color: white;
            background: var(--main-color-w); }
        .w20-bloglist__second__paging__list .active {
          background-color: var(--main-color-w);
          color: white;
          font-weight: 800; }

.w20-blogdetail {
  width: 100%;
  padding: 3em 1em; }
  .w20-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse; }
  .w20-blogdetail__first {
    width: 30%;
    min-width: 30%; }
    @media only screen and (max-width: 50em) {
      .w20-blogdetail__first {
        width: 100%;
        margin-top: 2em; } }
    .w20-blogdetail__first__dmbv__title {
      padding: 1em;
      text-align: center;
      font-weight: 800;
      border-left: 0.5em solid var(--main-color-w);
      background-color: #ececec; }
    .w20-blogdetail__first__dmbv .active {
      color: var(--main-color-w);
      font-weight: 800; }
    .w20-blogdetail__first__dmbv__link {
      display: block;
      padding: 1em .5em; }
    .w20-blogdetail__first__relate__items {
      margin-top: .5em;
      display: flex; }
      .w20-blogdetail__first__relate__items__imgbox {
        width: 25%;
        min-width: 25%; }
      .w20-blogdetail__first__relate__items__info {
        margin-left: 1em; }
        .w20-blogdetail__first__relate__items__info__name {
          display: block;
          cursor: pointer; }
        .w20-blogdetail__first__relate__items__info__date {
          margin-top: .5em;
          color: #777;
          font-style: italic;
          display: block; }
  .w20-blogdetail__second {
    width: 69%;
    margin-left: 1%; }
    @media only screen and (max-width: 50em) {
      .w20-blogdetail__second {
        width: 100%;
        margin-left: unset; } }
    .w20-blogdetail__second__text {
      line-height: 1.8em;
      font-size: 1.4em;
      font-weight: 400; }
      .w20-blogdetail__second__text h2, .w20-blogdetail__second__text h3, .w20-blogdetail__second__text iframe, .w20-blogdetail__second__text h4, .w20-blogdetail__second__text h5, .w20-blogdetail__second__text img, .w20-blogdetail__second__text p {
        margin: .5em 0; }
      .w20-blogdetail__second__text ul, .w20-blogdetail__second__text ol {
        list-style: none; }

.w20-checkout {
  width: 100%;
  padding: 3em 1em; }
  .w20-checkout__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
  .w20-checkout__first {
    width: 65%;
    padding: .5em; }
    @media only screen and (max-width: 50em) {
      .w20-checkout__first {
        width: 100%; } }
    .w20-checkout__first__head {
      display: block; }
      .w20-checkout__first__head__imgbox {
        width: 15em; }
        @media only screen and (max-width: 50em) {
          .w20-checkout__first__head__imgbox {
            margin: 0 auto; } }
        .w20-checkout__first__head__imgbox__img {
          width: 100%; }
    .w20-checkout__first__main {
      display: flex;
      flex-wrap: wrap; }
    .w20-checkout__first__tthn {
      width: 50%; }
      @media only screen and (max-width: 50em) {
        .w20-checkout__first__tthn {
          width: 100%; } }
      .w20-checkout__first__tthn__title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1em; }
        .w20-checkout__first__tthn__title__text {
          font-size: 1.6em;
          font-weight: 600; }
        .w20-checkout__first__tthn__title__dn {
          color: var(--main-color-w); }
          .w20-checkout__first__tthn__title__dn__icon {
            padding: .5em .6em;
            font-size: 1.2em;
            border: 0.1em solid var(--main-color-w);
            border-radius: 50%; }
          .w20-checkout__first__tthn__title__dn__text {
            font-weight: 600; }
      .w20-checkout__first__tthn__form {
        width: 100%; }
        .w20-checkout__first__tthn__form__in {
          display: block;
          width: 100%;
          padding: .5em;
          margin-bottom: 1em;
          border-radius: .3em;
          border: .1em solid #e4e4e4;
          outline: none; }
        .w20-checkout__first__tthn__form__tinhthanh {
          margin-bottom: 1em;
          border: .1em solid #e4e4e4;
          border-radius: .3em; }
          .w20-checkout__first__tthn__form__tinhthanh__info {
            display: flex;
            align-items: center;
            border-bottom: .1em solid #e4e4e4;
            cursor: pointer; }
            .w20-checkout__first__tthn__form__tinhthanh__info__name {
              padding: .5em 1em;
              font-size: 1.2em; }
              .w20-checkout__first__tthn__form__tinhthanh__info__name__tt {
                color: #777; }
              .w20-checkout__first__tthn__form__tinhthanh__info__name__ad {
                margin-top: .5em; }
            .w20-checkout__first__tthn__form__tinhthanh__info__icon {
              padding: 1em;
              margin-left: auto;
              border-left: .1em solid #e4e4e4;
              cursor: pointer; }
          .w20-checkout__first__tthn__form__tinhthanh__checkbox:checked ~ .w20-checkout__first__tthn__form__tinhthanh__content {
            display: block; }
          .w20-checkout__first__tthn__form__tinhthanh__checkbox {
            display: none; }
          .w20-checkout__first__tthn__form__tinhthanh__content {
            display: none;
            margin-top: 1em;
            max-height: 20em;
            overflow: scroll; }
            .w20-checkout__first__tthn__form__tinhthanh__content__in {
              width: 98%;
              border: .1em solid #e4e4e4;
              outline: none;
              padding: .5em;
              margin: 0 auto;
              display: block;
              border-radius: .3em; }
            .w20-checkout__first__tthn__form__tinhthanh__content__diachi {
              padding: .5em;
              font-size: 1.2em;
              cursor: pointer; }
              .w20-checkout__first__tthn__form__tinhthanh__content__diachi:hover {
                background-color: var(--main-color-w);
                color: white; }
        .w20-checkout__first__tthn__form__ghichu {
          width: 100%;
          border: .1em solid #e4e4e4;
          outline: none;
          padding: 1em; }
    .w20-checkout__first__phu {
      width: 47%;
      margin-left: 3%; }
      @media only screen and (max-width: 50em) {
        .w20-checkout__first__phu {
          width: 100%;
          margin-left: 0;
          margin-top: 2em; } }
      .w20-checkout__first__phu__vc {
        margin-bottom: 2em;
        border: .1em solid #e4e4e4;
        border-radius: .3em; }
        .w20-checkout__first__phu__vc__title {
          font-size: 1.6em;
          font-weight: 600;
          margin-bottom: 1em; }
        .w20-checkout__first__phu__vc__gh {
          display: flex;
          align-items: center;
          padding: 1em;
          font-size: 1.2em;
          justify-content: space-between; }
          .w20-checkout__first__phu__vc__gh__it {
            display: flex;
            align-items: center; }
            .w20-checkout__first__phu__vc__gh__it__check {
              background-color: var(--main-color-w);
              height: 1.5em;
              width: 1.5em;
              position: relative;
              border-radius: 50%; }
              .w20-checkout__first__phu__vc__gh__it__check::after {
                content: "";
                background-color: white;
                height: .5em;
                width: .5em;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translateX(-50%) translateY(-50%);
                border-radius: 50%; }
            .w20-checkout__first__phu__vc__gh__it__text {
              margin-left: 1em; }
          .w20-checkout__first__phu__vc__gh__icon {
            color: var(--main-color-w);
            font-size: 1.6em; }
        .w20-checkout__first__phu__vc__text {
          padding: 1em;
          font-size: 1.2em; }
  .w20-checkout__second {
    background-color: #f5f5f5;
    width: 33%;
    margin-left: 2%;
    padding: .5em; }
    @media only screen and (max-width: 50em) {
      .w20-checkout__second {
        width: 100%;
        margin-left: 0;
        margin-top: 2em; } }
    .w20-checkout__second__title {
      font-weight: 600;
      font-size: 1.6em;
      padding: 1em;
      border-bottom: .1em solid #e4e4e4; }
    .w20-checkout__second__items {
      border-bottom: .1em solid #e4e4e4; }
      .w20-checkout__second__items__item {
        display: flex;
        padding: 1em;
        align-items: center;
        margin-top: 1em; }
        .w20-checkout__second__items__item__imgbox {
          width: 5em;
          min-width: 5em;
          position: relative;
          height: 5em; }
          .w20-checkout__second__items__item__imgbox__img {
            width: 100%; }
          .w20-checkout__second__items__item__imgbox__num {
            position: absolute;
            top: -0.7em;
            right: -0.7em;
            background-color: var(--main-color-w);
            color: white;
            padding: .5em .9em;
            border-radius: 50%; }
        .w20-checkout__second__items__item__info {
          margin-left: 1em;
          display: flex;
          align-items: center; }
          .w20-checkout__second__items__item__info__name {
            font-weight: 600;
            display: inline-block;
            margin-right: .5em;
            font-size: 1.2em; }
          .w20-checkout__second__items__item__info__price {
            font-size: 1.2em; }
    .w20-checkout__second__tamtinh {
      border-bottom: .1em solid #e4e4e4; }
      .w20-checkout__second__tamtinh__vl {
        padding: 1em;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 1.2em; }
        .w20-checkout__second__tamtinh__vl__price {
          font-size: 1.2em; }
        .w20-checkout__second__tamtinh__vl__text {
          font-size: 1.2em; }
    .w20-checkout__second__voucher {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: .1em solid #e4e4e4;
      padding: 1em; }
      .w20-checkout__second__voucher__in {
        border-radius: .3em;
        border: .1em solid #e4e4e4;
        padding: .5em;
        outline: none;
        width: 80%; }
        @media only screen and (max-width: 50em) {
          .w20-checkout__second__voucher__in {
            width: 70%; } }
      .w20-checkout__second__voucher__btn {
        padding: .5em;
        background-color: var(--main-color-w);
        border: 0.1em solid var(--main-color-w);
        color: white;
        font-weight: bold;
        outline: none;
        cursor: pointer;
        border-radius: .2em;
        transition: all .2s ease;
        white-space: nowrap; }
        .w20-checkout__second__voucher__btn:hover {
          color: var(--main-color-w);
          background-color: white; }
    .w20-checkout__second__tongcong__vl {
      padding: 1em;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .w20-checkout__second__tongcong__vl__text {
        font-size: 1.2em; }
      .w20-checkout__second__tongcong__vl__price {
        color: var(--main-color-w);
        font-weight: 600;
        font-size: 2em; }
    .w20-checkout__second__dh {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1em;
      font-size: 1.2em;
      cursor: pointer; }
      .w20-checkout__second__dh__gh {
        color: var(--main-color-w); }
        .w20-checkout__second__dh__gh__text {
          font-size: 1.2em; }
        .w20-checkout__second__dh__gh:hover {
          text-decoration: underline; }
      .w20-checkout__second__dh__btn {
        padding: .5em;
        background-color: var(--main-color-w);
        border: 0.1em solid var(--main-color-w);
        color: white;
        font-weight: bold;
        outline: none;
        cursor: pointer;
        border-radius: .2em;
        transition: all .2s ease; }
        .w20-checkout__second__dh__btn:hover {
          color: var(--main-color-w);
          background-color: white; }

.w20-productlist {
  width: 100%; }
  .w20-productlist .w1-blogdetail__first__review {
    padding: 0; }
  .w20-productlist__edit .w20-product-1__items__item__box__btn {
    opacity: 1 !important;
    margin-left: 50% !important;
    top: unset !important;
    bottom: 0; }
  .w20-productlist__edit .w20-product-1__items__item__box {
    margin-left: unset !important;
    opacity: 1 !important; }
  .w20-productlist__edit .w20-product-1__items__item__box__name, .w20-productlist__edit .w20-product-1__items__item__box__price {
    opacity: 1 !important; }
  .w20-productlist__group {
    max-width: 120em;
    margin: 0 auto; }
  .w20-productlist__head__title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.4em; }
  .w20-productlist__head__items {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap; }
    .w20-productlist__head__items .active {
      border-color: var(--main-color-w);
      color: var(--main-color-w); }
    .w20-productlist__head__items__item {
      margin-right: .5em;
      padding: 1em;
      border: .1em dashed #f8f8f8;
      transition: all .2s ease;
      cursor: pointer;
      font-size: 1.2em; }
      .w20-productlist__head__items__item:hover {
        border-color: var(--main-color-w);
        color: var(--main-color-w); }
  .w20-productlist__main {
    display: flex;
    flex-wrap: wrap; }
    .w20-productlist__main__first {
      width: 25%;
      max-width: 25%; }
      @media only screen and (max-width: 50em) {
        .w20-productlist__main__first {
          width: 100%;
          max-width: 100%; } }
      .w20-productlist__main__first__dm {
        margin-top: 1em; }
        .w20-productlist__main__first__dm__title {
          border-left: 0.5em solid var(--main-color-w);
          padding: 1em;
          text-transform: uppercase;
          text-align: center;
          font-weight: bold;
          font-size: 1.4em;
          background: #eeeeee; }
        .w20-productlist__main__first__dm__content {
          list-style: none; }
          .w20-productlist__main__first__dm__content__child {
            font-size: 1.2em;
            cursor: pointer;
            padding: .5em; }
            .w20-productlist__main__first__dm__content__child__checkbox {
              display: none; }
            .w20-productlist__main__first__dm__content__child__cate {
              display: flex;
              align-items: center;
              cursor: pointer; }
              .w20-productlist__main__first__dm__content__child__cate__text {
                transition: all .2s ease; }
                .w20-productlist__main__first__dm__content__child__cate__text:hover {
                  color: var(--main-color-w);
                  text-decoration: underline; }
              .w20-productlist__main__first__dm__content__child__cate__lbl {
                float: right;
                margin-left: auto;
                cursor: pointer; }
          .w20-productlist__main__first__dm__content__child__checkbox:checked ~ .w20-productlist__main__first__dm__content__drop {
            display: block; }
          .w20-productlist__main__first__dm__content__drop {
            list-style: none;
            display: none;
            margin-top: .5em; }
            .w20-productlist__main__first__dm__content__drop__child {
              font-size: 1em;
              cursor: pointer;
              padding: .5em; }
              .w20-productlist__main__first__dm__content__drop__child__checkbox {
                display: none; }
              .w20-productlist__main__first__dm__content__drop__child__cate {
                display: flex;
                align-items: center;
                cursor: pointer; }
                .w20-productlist__main__first__dm__content__drop__child__cate__text {
                  transition: all .2s ease;
                  cursor: pointer; }
                  .w20-productlist__main__first__dm__content__drop__child__cate__text:hover {
                    color: var(--main-color-w);
                    text-decoration: underline; }
                .w20-productlist__main__first__dm__content__drop__child__cate__lbl {
                  float: right;
                  margin-left: auto;
                  cursor: pointer; }
            .w20-productlist__main__first__dm__content__drop__child__checkbox:checked ~ .w20-productlist__main__first__dm__content__drop-1 {
              display: block; }
            .w20-productlist__main__first__dm__content__drop-1 {
              list-style: none;
              display: none;
              margin-top: .5em; }
              .w20-productlist__main__first__dm__content__drop-1__child {
                font-size: 1em;
                cursor: pointer;
                padding: .5em; }
                .w20-productlist__main__first__dm__content__drop-1__child__checkbox {
                  display: none; }
                .w20-productlist__main__first__dm__content__drop-1__child__cate {
                  display: flex;
                  align-items: center;
                  cursor: pointer; }
                  .w20-productlist__main__first__dm__content__drop-1__child__cate__text {
                    transition: all .2s ease;
                    cursor: pointer; }
                    .w20-productlist__main__first__dm__content__drop-1__child__cate__text:hover {
                      color: var(--main-color-w);
                      text-decoration: underline; }
                  .w20-productlist__main__first__dm__content__drop-1__child__cate__lbl {
                    float: right;
                    margin-left: auto;
                    cursor: pointer; }
      .w20-productlist__main__first__boloc__sub {
        font-weight: 600;
        padding: 1em;
        font-size: 1.2em;
        display: block; }
      .w20-productlist__main__first__boloc__items {
        max-height: 60em;
        overflow: scroll; }
        .w20-productlist__main__first__boloc__items__item {
          display: flex;
          align-items: center;
          margin-top: 1em;
          color: #333;
          transition: all .2s ease; }
          .w20-productlist__main__first__boloc__items__item:hover {
            color: var(--main-color-w);
            text-decoration: underline; }
          .w20-productlist__main__first__boloc__items__item__text {
            cursor: pointer;
            font-size: 1.2em; }
          .w20-productlist__main__first__boloc__items__item__check {
            display: none; }
          .w20-productlist__main__first__boloc__items__item__check:checked ~ .w20-productlist__main__first__boloc__items__item__lbl::after {
            display: block; }
          .w20-productlist__main__first__boloc__items__item__lbl {
            border: .1em solid #e6e6e6;
            padding: 1em;
            margin-right: 1em;
            cursor: pointer;
            position: relative; }
            .w20-productlist__main__first__boloc__items__item__lbl::after {
              content: "\2714";
              position: absolute;
              display: none;
              font-size: 2em;
              top: -.2em;
              left: .15em;
              color: orangered; }
      .w20-productlist__main__first__boloc__timkiem {
        border: .1em solid #e4e4e4;
        display: flex; }
        .w20-productlist__main__first__boloc__timkiem__in {
          border: none;
          width: 80%;
          outline: none;
          margin-left: 1em;
          display: inline-block; }
        .w20-productlist__main__first__boloc__timkiem__btn {
          padding: .5em;
          border: none;
          outline: none;
          margin-left: auto;
          display: inline-block;
          cursor: pointer;
          background: var(--main-color-w);
          color: white; }
      .w20-productlist__main__first__km__imgbox {
        margin-top: 1em; }
        .w20-productlist__main__first__km__imgbox__img {
          width: 100%; }
    .w20-productlist__main__second {
      width: 74%;
      margin-left: 1%; }
      @media only screen and (max-width: 50em) {
        .w20-productlist__main__second {
          width: 100%;
          margin-top: 1em; } }
      .w20-productlist__main__second__head {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .w20-productlist__main__second__head__show .active {
          background: var(--main-color-w);
          color: white; }
        .w20-productlist__main__second__head__show__icon {
          padding: 1em;
          transition: all .2s ease;
          cursor: pointer;
          border: .1em solid #f1f1f1; }
          .w20-productlist__main__second__head__show__icon:hover {
            background: var(--main-color-w);
            color: white; }
        .w20-productlist__main__second__head__sort {
          display: flex;
          align-items: center; }
          .w20-productlist__main__second__head__sort__text {
            font-weight: 600;
            white-space: nowrap; }
          .w20-productlist__main__second__head__sort__col {
            margin-left: 1em;
            border: .1em solid #e4e4e4;
            padding: .7em;
            position: relative;
            cursor: pointer;
            z-index: 1; }
            .w20-productlist__main__second__head__sort__col__name {
              width: 10em; }
              .w20-productlist__main__second__head__sort__col__name__icon {
                margin-left: auto;
                float: right; }
          .w20-productlist__main__second__head__sort__col:hover .w20-productlist__main__second__head__sort__items {
            display: block; }
          .w20-productlist__main__second__head__sort__items {
            list-style: none;
            position: absolute;
            background-color: white;
            left: -.1em;
            top: 2.5em;
            display: none;
            width: 102%; }
            .w20-productlist__main__second__head__sort__items__item {
              width: 100%;
              border: .1em solid #e4e4e4;
              padding: .7em;
              cursor: pointer; }
              .w20-productlist__main__second__head__sort__items__item:hover {
                background-color: var(--main-color-w);
                color: white; }
              .w20-productlist__main__second__head__sort__items__item__icon {
                margin-left: auto;
                float: right; }
  .w20-productlist__spdx {
    margin-bottom: 2em; }
    .w20-productlist__spdx__title {
      text-align: center;
      font-weight: 600;
      font-size: 2.5em !important;
      position: relative;
      border-bottom: .1em solid #f2f2f2;
      padding: .5em;
      padding-bottom: 1em;
      margin-top: 1em; }
      .w20-productlist__spdx__title::after {
        content: "";
        height: .1em;
        width: 3em;
        top: 2.2em;
        position: absolute;
        bottom: 0;
        background-color: var(--main-color-w);
        left: 50%;
        transform: translateX(-50%); }
    .w20-productlist__spdx__item {
      margin-top: .5em; }

.w20-contact {
  padding: 3em 1em;
  position: fixed;
  bottom: 2em;
  left: 2em;
  background-color: #f2f2f2;
  border: .1em solid #e4e4e4;
  box-shadow: .1em .1em .5em #f2f2f2;
  z-index: 1; }
  .w20-contact__items__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1em 0;
    cursor: pointer; }
    .w20-contact__items__item__imgbox {
      width: 3.5em;
      height: 3.5em; }
    .w20-contact__items__item__text {
      font-weight: 600; }

.w21-header {
  width: 100%;
  background-color: white;
  padding: 2em .5em; }
  .w21-header__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
  .w21-header__imgbox {
    max-width: 50%;
    height: 8em; }
    @media only screen and (max-width: 37.5em) {
      .w21-header__imgbox {
        width: 100% !important;
        max-width: 100%; } }
    .w21-header__imgbox__img {
      max-height: 8em; }
  .w21-header__content {
    width: 47%; }
    @media only screen and (max-width: 37.5em) {
      .w21-header__content {
        width: 100%;
        margin-top: 1.5em;
        border-top: .1em solid #e4e4e4;
        padding: 1em; } }
    .w21-header__content__contact {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      flex-wrap: wrap; }
      .w21-header__content__contact__hotline {
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        margin-bottom: 1em; }
        @media only screen and (max-width: 43.75em) {
          .w21-header__content__contact__hotline {
            font-size: 0.8em; } }
        .w21-header__content__contact__hotline__icon {
          font-size: 1.6em;
          padding: .5em;
          border-radius: .2em; }
        .w21-header__content__contact__hotline__text {
          font-size: 2.5em;
          margin-left: .5em; }
        .w21-header__content__contact__hotline__phone {
          text-transform: uppercase;
          font-size: 2.5em;
          color: orangered;
          font-weight: 800;
          margin-left: .5em; }
      .w21-header__content__contact__social {
        margin-bottom: .5em;
        font-size: 1.6em;
        margin-left: 1em;
        white-space: nowrap; }
        .w21-header__content__contact__social__icon {
          padding: .5em;
          background-color: var(--main-color-w);
          color: white;
          border-radius: .2em; }
          .w21-header__content__contact__social__icon:hover {
            background: white;
            color: var(--main-color-w);
            cursor: pointer; }
    .w21-header__content__search {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      border: .05em solid #e4e4e4;
      padding-left: 1em;
      margin-top: .5em;
      background-color: white; }
      @media only screen and (max-width: 37.5em) {
        .w21-header__content__search {
          width: 100%;
          margin-top: 1.5em; } }
      .w21-header__content__search__in {
        width: 85%;
        border: none;
        outline: none; }
      .w21-header__content__search__btn {
        background: var(--main-color-w);
        color: white;
        padding: .5em;
        white-space: nowrap;
        border: none;
        font-weight: 600;
        font-size: 1.6em;
        transition: all .2s ease;
        outline: none; }
        .w21-header__content__search__btn:hover {
          background: white;
          color: var(--main-color-w);
          cursor: pointer; }

.w21-banner {
  width: 100%; }
  .w21-banner__button {
    border: .1em solid white;
    border-radius: .5em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.473);
    outline: none;
    font-size: 1em;
    cursor: pointer;
    transition: all .2s;
    transform: translateY(-50%); }
    .w21-banner__button:hover {
      background-color: rgba(255, 255, 255, 0.685);
      color: black; }
    .w21-banner__button-next {
      position: absolute;
      right: 1em;
      top: 45%;
      z-index: 2; }
    .w21-banner__button__icon {
      font-size: 2em; }
    .w21-banner__button-prev {
      position: absolute;
      top: 45%;
      left: 1em;
      z-index: 2; }
  .w21-banner__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto; }
    .w21-banner__group .owl-dots {
      margin-top: -2em !important;
      position: absolute;
      width: 100%; }
  .w21-banner__imgbox {
    width: 100%; }

.w21-product {
  width: 100%;
  padding: 3em 1em;
  background-color: white; }
  .w21-product__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse; }
  .w21-product__first {
    min-width: 30%;
    width: 30%; }
    @media only screen and (max-width: 37.5em) {
      .w21-product__first {
        width: 100%;
        margin-top: 2em; } }
    .w21-product__first__dmsp__ds {
      display: flex;
      flex-wrap: wrap; }
    .w21-product__first__dmsp__title {
      background: var(--main-color-w);
      padding: 1em;
      color: white;
      font-weight: 800;
      font-size: 1em; }
    .w21-product__first__dmsp__items {
      width: 100%;
      display: flex;
      align-items: center;
      border-bottom: .1em dashed #e4e4e4;
      padding: 1em;
      font-size: 1em; }
      @media only screen and (max-width: 37.5em) {
        .w21-product__first__dmsp__items {
          width: 50%;
          min-width: 50%; } }
      .w21-product__first__dmsp__items__text {
        margin-left: 1em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
        .w21-product__first__dmsp__items__text:hover {
          color: var(--main-color-w);
          cursor: pointer;
          text-decoration: underline; }
    .w21-product__first__listing {
      margin-top: 1em; }
      .w21-product__first__listing__listimg {
        display: flex;
        flex-wrap: wrap;
        margin-top: .5em;
        max-height: 50vh; }
        .w21-product__first__listing__listimg__imgbox {
          width: 100%; }
          @media only screen and (max-width: 37.5em) {
            .w21-product__first__listing__listimg__imgbox {
              width: 50%; } }
  .w21-product__second {
    margin-left: 1%;
    width: 69%;
    overflow: hidden; }
    @media only screen and (max-width: 37.5em) {
      .w21-product__second {
        width: 100%;
        margin-left: unset; } }
    .w21-product__second__row:not(:first-child) {
      margin-top: 1em; }
    .w21-product__second__title {
      background: var(--main-color-w);
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .w21-product__second__title__text {
        padding: 1em;
        color: white;
        font-weight: 800;
        font-size: 1em;
        position: relative; }
      .w21-product__second__title__grbtn {
        margin: 1em; }
        .w21-product__second__title__grbtn__button {
          border: .1em solid white;
          border-radius: 50%;
          padding: 0.5em 0.5em;
          text-align: center;
          color: white;
          display: inline-block;
          padding: .5em .6em;
          background-color: rgba(0, 0, 0, 0.473);
          outline: none;
          cursor: pointer;
          transition: all .2s;
          margin-left: .5em;
          z-index: 2; }
          .w21-product__second__title__grbtn__button:hover {
            background-color: rgba(255, 255, 255, 0.685);
            color: black; }
          .w21-product__second__title__grbtn__button-next {
            display: inline-block; }
          .w21-product__second__title__grbtn__button__icon {
            font-size: 1em; }
          .w21-product__second__title__grbtn__button-prev {
            display: inline-block; }
    .w21-product__second__items .owl-stage-outer {
      overflow: visible !important; }
    .w21-product__second__items__item {
      cursor: pointer;
      text-align: center;
      margin-top: .5em;
      box-shadow: .5em 0.5em 1em #dddddd;
      padding-bottom: 1em; }
      .w21-product__second__items__item__imgbox {
        width: 100%; }
      .w21-product__second__items__item__name {
        font-weight: 600;
        margin-top: 1em;
        font-size: 1.2em;
        display: block;
        padding: .5em;
        line-height: 1.6em; }
      .w21-product__second__items__item__price {
        color: var(--main-color-w);
        font-weight: 800;
        margin-top: 1em;
        font-size: 1.2em;
        padding: .5em;
        font-size: 1.4em; }
      .w21-product__second__items__item__price-down {
        font-weight: 600;
        text-decoration: line-through;
        margin-top: 1em;
        padding: .5em; }
      .w21-product__second__items__item__btn {
        padding: .7em;
        font-size: 1.2em;
        font-weight: 600;
        border-radius: 2em;
        background-color: orangered;
        color: white;
        border: none;
        outline: none;
        margin-top: 1em;
        cursor: pointer;
        transition: all .2s; }
        .w21-product__second__items__item__btn:hover {
          background: var(--main-color-w); }

.w21-blankpage {
  width: 100%;
  background-color: white; }
  .w21-blankpage__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 .5em; }
  .w21-blankpage__content {
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify; }
    .w21-blankpage__content h1, .w21-blankpage__content h2, .w21-blankpage__content h3, .w21-blankpage__content h4, .w21-blankpage__content h5, .w21-blankpage__content img, .w21-blankpage__content iframe {
      margin: .2em 0; }
    .w21-blankpage__content p {
      margin: .5em 0; }
    .w21-blankpage__content ul, .w21-blankpage__content ol {
      list-style: none; }

.w21-blankpage-1 {
  width: 100%;
  padding: 0 1em; }
  .w21-blankpage-1__group {
    max-width: 120em;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(1.5em);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    padding: 2em 1em;
    position: relative; }
  .w21-blankpage-1__content {
    font-size: 1.6em;
    line-height: 2em;
    text-align: justify;
    color: black;
    letter-spacing: 1px; }

.w21-productdetail {
  width: 100%;
  padding: 3em 1em; }
  .w21-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse; }
  .w21-productdetail__first {
    min-width: 30%;
    width: 30%; }
    @media only screen and (max-width: 37.5em) {
      .w21-productdetail__first {
        width: 100%;
        margin-top: 2em; } }
    .w21-productdetail__first__dmsp__ds {
      display: flex;
      flex-wrap: wrap; }
    .w21-productdetail__first__dmsp__title {
      background: var(--main-color-w);
      padding: 1em;
      color: white;
      font-weight: 800;
      font-size: 1em; }
    .w21-productdetail__first__dmsp__items {
      display: flex;
      align-items: center;
      border-bottom: .1em dashed #e4e4e4;
      padding: 1em;
      font-size: 1em; }
      @media only screen and (max-width: 37.5em) {
        .w21-productdetail__first__dmsp__items {
          width: 50%;
          min-width: 50%; } }
      .w21-productdetail__first__dmsp__items__text {
        margin-left: 1em;
        white-space: nowrap; }
        .w21-productdetail__first__dmsp__items__text:hover {
          color: var(--main-color-w);
          cursor: pointer;
          text-decoration: underline; }
    .w21-productdetail__first__listing {
      margin-top: 1em; }
      .w21-productdetail__first__listing__listimg {
        display: flex;
        flex-wrap: wrap;
        margin-top: .5em;
        max-height: 50vh; }
        .w21-productdetail__first__listing__listimg__imgbox {
          width: 100%; }
          @media only screen and (max-width: 37.5em) {
            .w21-productdetail__first__listing__listimg__imgbox {
              width: 50%; } }
  .w21-productdetail__second {
    margin-left: 1%;
    width: 69%;
    overflow: hidden; }
    .w21-productdetail__second .w1-blogdetail__first__review {
      padding: 0; }
    @media only screen and (max-width: 37.5em) {
      .w21-productdetail__second {
        width: 100%;
        margin-left: unset; } }

.w21-bloglist {
  width: 100%;
  padding: 2em 1em; }
  .w21-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse; }
  .w21-bloglist__first {
    min-width: 30%;
    width: 30%; }
    @media only screen and (max-width: 37.5em) {
      .w21-bloglist__first {
        width: 100%;
        margin-top: 2em; } }
    .w21-bloglist__first__dmsp__ds {
      display: flex;
      flex-wrap: wrap; }
    .w21-bloglist__first__dmsp__title {
      background: var(--main-color-w);
      padding: 1em;
      color: white;
      font-weight: 800;
      font-size: 1em; }
    .w21-bloglist__first__dmsp__items {
      width: 100%;
      display: flex;
      align-items: center;
      border-bottom: .1em dashed #e4e4e4;
      padding: 1em;
      font-size: 1.3em; }
      @media only screen and (max-width: 37.5em) {
        .w21-bloglist__first__dmsp__items {
          width: 50%;
          min-width: 50%; } }
      .w21-bloglist__first__dmsp__items__text {
        margin-left: 1em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
        .w21-bloglist__first__dmsp__items__text:hover {
          color: var(--main-color-w);
          cursor: pointer;
          text-decoration: underline; }
    .w21-bloglist__first__listing {
      margin-top: 1em; }
      .w21-bloglist__first__listing__listimg {
        display: flex;
        flex-wrap: wrap;
        margin-top: .5em;
        max-height: 50vh; }
        .w21-bloglist__first__listing__listimg__imgbox {
          width: 100%; }
          @media only screen and (max-width: 37.5em) {
            .w21-bloglist__first__listing__listimg__imgbox {
              width: 50%; } }
  .w21-bloglist__second {
    margin-left: 1%;
    width: 69%;
    overflow: hidden; }
    @media only screen and (max-width: 37.5em) {
      .w21-bloglist__second {
        width: 100%;
        margin-left: unset; } }
    .w21-bloglist__second__row__text {
      color: black;
      margin-top: 1em;
      display: block;
      line-height: 1.8em;
      font-size: 1.6em;
      text-align: justify; }
      .w21-bloglist__second__row__text h2, .w21-bloglist__second__row__text h3, .w21-bloglist__second__row__text h4, .w21-bloglist__second__row__text h5, .w21-bloglist__second__row__text img, .w21-bloglist__second__row__text iframe, .w21-bloglist__second__row__text p {
        margin: .7em 0; }
      .w21-bloglist__second__row__text ul, .w21-bloglist__second__row__text ol {
        list-style: none; }
    .w21-bloglist__second__title {
      background: var(--main-color-w);
      padding: 1em;
      color: white;
      font-weight: 800;
      font-size: 1em; }
    .w21-bloglist__second__items {
      margin-top: .5em; }
      .w21-bloglist__second__items__item {
        display: flex;
        width: 100%;
        margin-top: .5em;
        border-bottom: .1em dashed #e4e4e4;
        padding-bottom: .5em; }
        .w21-bloglist__second__items__item__imgbox {
          width: 30%;
          height: 15em;
          min-width: 30%; }
          .w21-bloglist__second__items__item__imgbox__img {
            width: 100%; }
        .w21-bloglist__second__items__item__content {
          margin-left: 1em;
          margin-top: .5em;
          width: 100%; }
          .w21-bloglist__second__items__item__content__name {
            font-weight: 800;
            font-size: 1.4em;
            padding: .5em .5em .5em 0;
            display: block;
            border-bottom: .1em solid #e4e4e4;
            cursor: pointer; }
            .w21-bloglist__second__items__item__content__name:hover {
              text-decoration: underline; }
          .w21-bloglist__second__items__item__content__des {
            display: block;
            margin-top: 1em;
            line-height: 1.6em;
            font-size: 1.1em; }
          .w21-bloglist__second__items__item__content__more {
            color: var(--main-color-w);
            display: inline-block;
            float: right;
            margin-left: auto;
            cursor: pointer; }

.w21-bloglist-1 {
  width: 100%;
  padding: 2em 1em; }
  .w21-bloglist-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w21-bloglist-1__text {
    display: block;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify; }
    .w21-bloglist-1__text h1, .w21-bloglist-1__text h2, .w21-bloglist-1__text h3, .w21-bloglist-1__text h4, .w21-bloglist-1__text h5, .w21-bloglist-1__text img, .w21-bloglist-1__text iframe, .w21-bloglist-1__text p {
      margin: .7em 0; }
    .w21-bloglist-1__text ul, .w21-bloglist-1__text ol {
      list-style: none; }
  .w21-bloglist-1__article {
    width: 100%;
    overflow: hidden; }
    .w21-bloglist-1__article__row__text {
      color: black;
      margin-top: 1em;
      display: block;
      line-height: 1.8em;
      font-size: 1.6em;
      text-align: justify; }
      .w21-bloglist-1__article__row__text h1, .w21-bloglist-1__article__row__text h2, .w21-bloglist-1__article__row__text h3, .w21-bloglist-1__article__row__text h4, .w21-bloglist-1__article__row__text h5, .w21-bloglist-1__article__row__text img, .w21-bloglist-1__article__row__text iframe, .w21-bloglist-1__article__row__text p {
        margin: .7em 0; }
      .w21-bloglist-1__article__row__text ul, .w21-bloglist-1__article__row__text ol {
        list-style: none; }
    .w21-bloglist-1__article__title {
      background: var(--main-color-w);
      padding: 1em;
      color: white;
      font-weight: 800;
      font-size: 1em; }
    .w21-bloglist-1__article__items {
      margin-top: .5em; }
      .w21-bloglist-1__article__items__item {
        display: flex;
        width: 100%;
        margin-top: .5em;
        border-bottom: .1em dashed #e4e4e4;
        padding-bottom: .5em; }
        .w21-bloglist-1__article__items__item__imgbox {
          width: 30%;
          height: 15em;
          min-width: 30%; }
          .w21-bloglist-1__article__items__item__imgbox__img {
            width: 100%; }
        .w21-bloglist-1__article__items__item__content {
          margin-left: 1em;
          margin-top: .5em;
          width: 100%; }
          .w21-bloglist-1__article__items__item__content__name {
            font-weight: 800;
            font-size: 1.4em;
            padding: .5em .5em .5em 0;
            display: block;
            border-bottom: .1em solid #e4e4e4;
            cursor: pointer; }
            .w21-bloglist-1__article__items__item__content__name:hover {
              text-decoration: underline; }
          .w21-bloglist-1__article__items__item__content__des {
            display: block;
            margin-top: 1em;
            line-height: 1.6em;
            font-size: 1.1em; }
          .w21-bloglist-1__article__items__item__content__more {
            color: var(--main-color-w);
            display: inline-block;
            float: right;
            margin-left: auto;
            cursor: pointer; }
  .w21-bloglist-1__paging {
    display: flex;
    align-items: center;
    margin-top: 2em;
    justify-content: center; }
    .w21-bloglist-1__paging__list {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .w21-bloglist-1__paging__list__number {
        padding: .7em 1.2em;
        border: .1em solid #f2f2f2;
        margin-right: 1em;
        cursor: pointer;
        transition: all .2s;
        border-radius: .2em;
        margin-bottom: 1em; }
        .w21-bloglist-1__paging__list__number:hover {
          color: white;
          background: var(--main-color-w); }
      .w21-bloglist-1__paging__list__icon {
        padding: .7em 1.2em;
        border: .1em solid #f2f2f2;
        margin-right: 1em;
        cursor: pointer;
        border-radius: .2em; }
        .w21-bloglist-1__paging__list__icon:hover {
          color: white;
          background: var(--main-color-w); }
      .w21-bloglist-1__paging__list .active {
        background-color: var(--main-color-w);
        color: white;
        font-weight: 800; }

.w21-productlist {
  width: 100%;
  padding: 2em .5em; }
  .w21-productlist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse; }
  .w21-productlist__first {
    min-width: 30%;
    width: 30%; }
    @media only screen and (max-width: 37.5em) {
      .w21-productlist__first {
        width: 100%;
        margin-top: 2em; } }
    .w21-productlist__first__dmsp__ds {
      display: flex;
      flex-wrap: wrap; }
    .w21-productlist__first__dmsp__title {
      background: var(--main-color-w);
      padding: 1em;
      color: white;
      font-weight: 800;
      font-size: 1em; }
    .w21-productlist__first__dmsp__items {
      width: 100%;
      display: flex;
      align-items: center;
      border-bottom: .1em dashed #e4e4e4;
      padding: 1em;
      font-size: 1em; }
      @media only screen and (max-width: 37.5em) {
        .w21-productlist__first__dmsp__items {
          width: 50%;
          min-width: 50%; } }
      .w21-productlist__first__dmsp__items__text {
        margin-left: 1em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
        .w21-productlist__first__dmsp__items__text:hover {
          color: var(--main-color-w);
          cursor: pointer;
          text-decoration: underline; }
    .w21-productlist__first__listing {
      margin-top: 1em; }
      .w21-productlist__first__listing__listimg {
        display: flex;
        flex-wrap: wrap;
        margin-top: .5em;
        max-height: 50vh; }
        .w21-productlist__first__listing__listimg__imgbox {
          width: 100%; }
          @media only screen and (max-width: 37.5em) {
            .w21-productlist__first__listing__listimg__imgbox {
              width: 50%; } }
  .w21-productlist__second {
    margin-left: 1%;
    width: 69%;
    overflow: hidden; }
    @media only screen and (max-width: 37.5em) {
      .w21-productlist__second {
        width: 100%;
        margin-left: unset; } }
    .w21-productlist__second__row:not(:first-child) {
      margin-top: 1em; }
    .w21-productlist__second__row__text h2, .w21-productlist__second__row__text h3, .w21-productlist__second__row__text h4, .w21-productlist__second__row__text h5, .w21-productlist__second__row__text img, .w21-productlist__second__row__text iframe, .w21-productlist__second__row__text p {
      margin: .7em 0; }
    .w21-productlist__second__row__text ul, .w21-productlist__second__row__text ol {
      list-style: none; }
    .w21-productlist__second__title {
      background: var(--main-color-w);
      padding: 1em;
      color: white;
      font-weight: 800;
      font-size: 1em; }
    .w21-productlist__second__items {
      margin-left: -1%;
      display: flex;
      flex-wrap: wrap; }
      @media only screen and (max-width: 50em) {
        .w21-productlist__second__items {
          margin-left: -1.33333%; } }
      @media only screen and (max-width: 37.5em) {
        .w21-productlist__second__items {
          margin-left: -2%; } }
      .w21-productlist__second__items__item {
        cursor: pointer;
        text-align: center;
        margin-top: .5em;
        box-shadow: .5em 0.5em 1em #dddddd;
        padding-bottom: 1em;
        width: 24%;
        margin-left: 1%;
        margin-bottom: 1%;
        height: max-content; }
        @media only screen and (max-width: 50em) {
          .w21-productlist__second__items__item {
            width: 32%;
            margin-left: 1.33333%; } }
        @media only screen and (max-width: 37.5em) {
          .w21-productlist__second__items__item {
            width: 48%;
            margin-left: 2%; } }
        .w21-productlist__second__items__item__imgbox {
          width: 100%;
          height: 20em; }
        .w21-productlist__second__items__item__name {
          font-weight: 600;
          margin-top: 1em;
          font-size: 1.2em;
          display: block;
          padding: .5em;
          line-height: 1.6em; }
        .w21-productlist__second__items__item__price {
          color: var(--main-color-w);
          font-weight: 800;
          margin-top: 1em;
          padding: .5em; }
        .w21-productlist__second__items__item__btn {
          padding: .7em;
          font-size: 1.2em;
          font-weight: 600;
          border-radius: 2em;
          background-color: orangered;
          color: white;
          border: none;
          outline: none;
          margin-top: 1em;
          cursor: pointer;
          transition: all .2s; }
          .w21-productlist__second__items__item__btn:hover {
            background: var(--main-color-w); }

.w21-blogdetail {
  width: 100%;
  padding: 3em 1em; }
  .w21-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse; }
  .w21-blogdetail__first {
    min-width: 30%;
    width: 30%; }
    @media only screen and (max-width: 37.5em) {
      .w21-blogdetail__first {
        width: 100%;
        margin-top: 2em; } }
    .w21-blogdetail__first__dmsp__ds {
      display: flex;
      flex-wrap: wrap; }
    .w21-blogdetail__first__dmsp__title {
      background: var(--main-color-w);
      padding: 1em;
      color: white;
      font-weight: 800;
      font-size: 1em; }
    .w21-blogdetail__first__dmsp__items {
      width: 100%;
      display: flex;
      align-items: center;
      border-bottom: .1em dashed #e4e4e4;
      padding: 1em;
      font-size: 1em; }
      @media only screen and (max-width: 37.5em) {
        .w21-blogdetail__first__dmsp__items {
          width: 50%;
          min-width: 50%; } }
      .w21-blogdetail__first__dmsp__items__text {
        margin-left: 1em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
        .w21-blogdetail__first__dmsp__items__text:hover {
          color: var(--main-color-w);
          cursor: pointer;
          text-decoration: underline; }
    .w21-blogdetail__first__listing {
      margin-top: 1em; }
      .w21-blogdetail__first__listing__listimg {
        display: flex;
        flex-wrap: wrap;
        margin-top: .5em;
        max-height: 50vh; }
        .w21-blogdetail__first__listing__listimg__imgbox {
          width: 100%; }
          @media only screen and (max-width: 37.5em) {
            .w21-blogdetail__first__listing__listimg__imgbox {
              width: 50%; } }
  .w21-blogdetail__second {
    margin-left: 1%;
    width: 69%;
    overflow: hidden; }
    @media only screen and (max-width: 37.5em) {
      .w21-blogdetail__second {
        width: 100%;
        margin-left: unset; } }
    .w21-blogdetail__second__title {
      padding: 1em 1em 1em 0;
      font-weight: 800;
      font-size: 1.6em;
      border-bottom: .1em solid #e4e4e4; }
    .w21-blogdetail__second__text {
      text-align: justify;
      color: black;
      line-height: 1.8em;
      margin-top: 1em;
      display: block;
      font-size: 1.6em; }
      .w21-blogdetail__second__text h2, .w21-blogdetail__second__text h3, .w21-blogdetail__second__text iframe, .w21-blogdetail__second__text h4, .w21-blogdetail__second__text h5, .w21-blogdetail__second__text img, .w21-blogdetail__second__text p {
        margin: .5em 0; }
      .w21-blogdetail__second__text ul, .w21-blogdetail__second__text ol {
        list-style: none; }
    .w21-blogdetail__second__social {
      margin-top: 1em; }
      .w21-blogdetail__second__social__icon {
        cursor: pointer;
        padding: .5em;
        background-color: var(--main-color-w);
        color: white;
        margin-right: .5em;
        font-size: 1.6em;
        display: inline-block;
        transition: all .2s ease; }
        .w21-blogdetail__second__social__icon:hover {
          background-color: white;
          color: var(--main-color-w);
          border: 0.1em solid var(--main-color-w); }

.w21-blogdetail-1 {
  width: 100%;
  padding: 2em 1em; }
  .w21-blogdetail-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse; }
  .w21-blogdetail-1__article {
    width: 100%;
    overflow: hidden; }
    .w21-blogdetail-1__article__title {
      padding: 1em 1em 1em 0;
      font-weight: 800;
      font-size: 1.6em;
      border-bottom: .1em solid #e4e4e4; }
    .w21-blogdetail-1__article__text {
      text-align: justify;
      color: black;
      line-height: 1.8em;
      margin-top: 1em;
      display: block;
      font-size: 1.6em; }
      .w21-blogdetail-1__article__text h1, .w21-blogdetail-1__article__text h2, .w21-blogdetail-1__article__text h3, .w21-blogdetail-1__article__text iframe, .w21-blogdetail-1__article__text h4, .w21-blogdetail-1__article__text h5, .w21-blogdetail-1__article__text img, .w21-blogdetail-1__article__text p {
        margin: .5em 0; }
      .w21-blogdetail-1__article__text ul, .w21-blogdetail-1__article__text ol {
        list-style: none; }
    .w21-blogdetail-1__article__social {
      margin-top: 1em; }
      .w21-blogdetail-1__article__social__icon {
        cursor: pointer;
        padding: .5em;
        background-color: var(--main-color-w);
        color: white;
        margin-right: .5em;
        font-size: 1.6em;
        display: inline-block;
        transition: all .2s ease; }
        .w21-blogdetail-1__article__social__icon:hover {
          background-color: white;
          color: var(--main-color-w);
          border: 0.1em solid var(--main-color-w); }

.w21-footer {
  width: 100%;
  position: relative;
  background-color: #2A2A2A;
  padding: 3em 1em;
  color: var(--text-color-w1);
  margin-top: .5em; }
  .w21-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    flex-wrap: wrap; }
  .w21-footer-col {
    width: 32%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 1em;
    margin-bottom: 1em; }
    @media only screen and (max-width: 50em) {
      .w21-footer-col {
        width: 100%;
        text-align: center; } }
  .w21-footer__item {
    width: 100%;
    color: black; }
    .w21-footer__item__code {
      margin-top: 2em; }
    @media only screen and (max-width: 50em) {
      .w21-footer__item {
        margin-top: 2em; } }
    @media only screen and (max-width: 50em) {
      .w21-footer__item {
        width: 100%;
        text-align: center; } }
    .w21-footer__item__connect {
      margin-top: 2em; }
      .w21-footer__item__connect__info {
        margin-top: 1em;
        max-width: 100%;
        color: white;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 50em) {
          .w21-footer__item__connect__info {
            justify-content: center; } }
        .w21-footer__item__connect__info__icon {
          font-size: 1.3em; }
        .w21-footer__item__connect__info__text {
          margin-left: 1em;
          font-size: 1.3em;
          font-weight: 300;
          line-height: 1.8em; }
    @media only screen and (max-width: 37.5em) {
      .w21-footer__item {
        max-width: 100%;
        margin-top: 4em; } }
    .w21-footer__item__title {
      text-transform: uppercase;
      font-size: 1.4em;
      fill: black;
      color: white;
      line-height: 1.8em; }
    .w21-footer__item__des {
      margin-top: 1em;
      height: .2em;
      width: 70%;
      background-color: var(--main-color-w);
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w21-footer__item__des {
          width: 100%; } }
      .w21-footer__item__des::after {
        position: absolute;
        content: "";
        background: white;
        width: 30%;
        height: 100%;
        left: 0; }

.w21-footer--light {
  width: 100%;
  position: relative;
  color: var(--text-color-w1); }
  .w21-footer--light__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    padding: 2em 1em;
    border-bottom-right-radius: 3em;
    border-bottom-left-radius: 3em; }
  .w21-footer--light-col {
    width: 32%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 1em;
    margin-bottom: 1em; }
    @media only screen and (max-width: 50em) {
      .w21-footer--light-col {
        width: 100%;
        text-align: center; } }
  .w21-footer--light__item {
    width: 100%;
    color: black; }
    .w21-footer--light__item__code {
      margin-top: 2em; }
    @media only screen and (max-width: 50em) {
      .w21-footer--light__item {
        margin-top: 2em; } }
    @media only screen and (max-width: 50em) {
      .w21-footer--light__item {
        width: 100%;
        text-align: center; } }
    .w21-footer--light__item__connect {
      margin-top: 2em; }
      .w21-footer--light__item__connect__info {
        margin-top: 1em;
        max-width: 100%;
        color: black;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 50em) {
          .w21-footer--light__item__connect__info {
            justify-content: center; } }
        .w21-footer--light__item__connect__info__icon {
          font-size: 1.3em; }
        .w21-footer--light__item__connect__info__text {
          margin-left: 1em;
          font-size: 1.3em;
          font-weight: 300;
          line-height: 1.8em; }
    @media only screen and (max-width: 37.5em) {
      .w21-footer--light__item {
        max-width: 100%;
        margin-top: 4em; } }
    .w21-footer--light__item__title {
      text-transform: uppercase;
      font-size: 1.4em;
      fill: black;
      color: black;
      line-height: 1.8em; }
    .w21-footer--light__item__des {
      margin-top: 1em;
      height: .2em;
      width: 70%;
      background-color: var(--main-color-w);
      position: relative; }
      @media only screen and (max-width: 50em) {
        .w21-footer--light__item__des {
          width: 100%; } }
      .w21-footer--light__item__des::after {
        position: absolute;
        content: "";
        background: black;
        width: 30%;
        height: 100%;
        left: 0; }

.w21-googlemap {
  width: 100%; }
  .w21-googlemap__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative; }
  .w21-googlemap__head {
    width: 100%;
    position: absolute;
    top: 0;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    .w21-googlemap__head__first {
      width: 50%;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 56.25em) {
        .w21-googlemap__head__first {
          width: 100%; } }
      .w21-googlemap__head__first__icon {
        margin-left: .3em;
        padding: .5em;
        background-color: rgba(0, 0, 0, 0.805);
        font-size: 1.6em;
        cursor: pointer;
        color: white; }
        .w21-googlemap__head__first__icon:hover {
          background-color: var(--main-color-w); }
      .w21-googlemap__head__first__input {
        margin-left: 1em;
        padding: .5em;
        border: none;
        outline: none;
        border-radius: .3em; }
    .w21-googlemap__head__second {
      display: flex;
      align-items: center;
      width: 50%;
      justify-content: flex-end; }
      @media only screen and (max-width: 56.25em) {
        .w21-googlemap__head__second {
          width: 100%; } }
      .w21-googlemap__head__second__iconbox {
        background-color: rgba(0, 0, 0, 0.805);
        padding: 1em;
        color: white;
        cursor: pointer;
        white-space: nowrap; }
        .w21-googlemap__head__second__iconbox__icon {
          margin: 0 .3em; }
        .w21-googlemap__head__second__iconbox:hover {
          background-color: var(--main-color-w); }
  .w21-googlemap__foot {
    position: absolute;
    bottom: 0;
    right: 1em;
    color: white;
    display: flex;
    align-items: center; }
    .w21-googlemap__foot__iconbox {
      padding: 1em;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.805); }
      .w21-googlemap__foot__iconbox__icon {
        cursor: pointer;
        color: white; }
      .w21-googlemap__foot__iconbox:hover {
        background-color: var(--main-color-w); }

.w21-pricingplan-1 {
  width: 100%;
  z-index: 10;
  position: relative; }
  .w21-pricingplan-1__group {
    max-width: 120em;
    margin: 0 auto;
    overflow: hidden;
    transition: all .5s ease;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    padding: 1em; }
    .w21-pricingplan-1__group:hover {
      overflow: visible;
      border-radius: 0; }
    @media only screen and (max-width: 37.5em) {
      .w21-pricingplan-1__group {
        padding: .5em; } }
  .w21-pricingplan-1__block {
    display: flex;
    flex-wrap: wrap; }
  .w21-pricingplan-1__heading a {
    display: inline-block; }
  .w21-pricingplan-1__heading__title {
    font-size: 3em;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-weight: 800;
    padding: .3em; }
  .w21-pricingplan-1__heading__des {
    text-align: justify;
    padding: .5em;
    line-height: 1.8em;
    font-size: 1.6em;
    display: block; }
  .w21-pricingplan-1__items {
    width: 25%;
    border: 0.1em solid #a3a3a3;
    background-color: rgba(255, 255, 255, 0.075);
    transition: all .2s;
    border-top: .1em solid white !important;
    border-top: none;
    border-bottom: none; }
    @media only screen and (max-width: 56.25em) {
      .w21-pricingplan-1__items {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 2em; } }
    .w21-pricingplan-1__items--2 .w21-pricingplan-1__items__heading {
      background-color: #920000e3; }
    .w21-pricingplan-1__items--2 .w21-pricingplan-1__items__btn {
      background-color: #920000e3; }
    .w21-pricingplan-1__items--3 .w21-pricingplan-1__items__heading {
      background-color: #0019fe94; }
    .w21-pricingplan-1__items--3 .w21-pricingplan-1__items__btn {
      background-color: #0019fe94; }
    .w21-pricingplan-1__items--4 .w21-pricingplan-1__items__heading {
      background-color: #00273C; }
    .w21-pricingplan-1__items--4 .w21-pricingplan-1__items__btn {
      background-color: #00273C; }
    .w21-pricingplan-1__items__heading {
      text-align: center;
      background-color: #0c0e3ec7;
      color: white;
      padding: 1.5em;
      position: relative;
      overflow: hidden; }
      .w21-pricingplan-1__items__heading::before {
        background-color: rgba(255, 255, 255, 0.05);
        content: '';
        width: 120%;
        height: 100%;
        top: -50%;
        left: -10%;
        position: absolute; }
      .w21-pricingplan-1__items__heading span {
        text-decoration: line-through; }
      .w21-pricingplan-1__items__heading__name {
        font-size: 1.3em; }
      .w21-pricingplan-1__items__heading__price {
        padding: 1em;
        font-size: 2em;
        font-weight: 800; }
      .w21-pricingplan-1__items__heading__des {
        font-weight: 500; }
    .w21-pricingplan-1__items__content__item {
      transition: all .2s ease;
      padding: 1em;
      display: flex;
      align-items: center;
      line-height: 1.8em; }
      .w21-pricingplan-1__items__content__item:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.5); }
      .w21-pricingplan-1__items__content__item__text {
        font-size: 1.2em;
        width: 75%;
        min-width: 75%;
        text-align: justify;
        color: black; }
        @media only screen and (max-width: 37.5em) {
          .w21-pricingplan-1__items__content__item__text {
            width: 70%;
            min-width: 70%; } }
        .w21-pricingplan-1__items__content__item__text span {
          text-decoration: line-through; }
      .w21-pricingplan-1__items__content__item__vl {
        width: 25%;
        min-width: 25%;
        padding-left: 1em;
        font-size: 1.2em;
        color: black; }
        @media only screen and (max-width: 37.5em) {
          .w21-pricingplan-1__items__content__item__vl {
            width: 30%;
            min-width: 30%; } }
    .w21-pricingplan-1__items__btn {
      padding: 1.5em;
      font-size: 1.5em;
      border: none;
      outline: none;
      width: 100%;
      font-weight: 800;
      background-color: #0c0e3ec7;
      color: white;
      cursor: pointer;
      transition: all .2s ease;
      z-index: 1;
      display: block;
      text-align: center;
      position: relative;
      overflow: hidden;
      backdrop-filter: blur(1.5em);
      -webkit-backdrop-filter: blur(2em); }
      .w21-pricingplan-1__items__btn::before {
        background-color: rgba(255, 255, 255, 0.05);
        content: '';
        width: 100%;
        height: 100%;
        bottom: -50%;
        left: 0;
        position: absolute;
        transition: all .1s ease-in-out; }
      .w21-pricingplan-1__items__btn:hover::before {
        bottom: 0; }
    .w21-pricingplan-1__items:hover .w21-pricingplan-1__items__btn {
      z-index: 3;
      letter-spacing: 2px; }

.w21-pricingplan {
  width: 100%; }
  @media only screen and (max-width: 68.75em) {
    .w21-pricingplan {
      font-size: 0.7em; } }
  @media only screen and (max-width: 56.25em) {
    .w21-pricingplan {
      font-size: 0.55em; } }
  @media only screen and (max-width: 37.5em) {
    .w21-pricingplan {
      font-size: 0.7em; } }
  .w21-pricingplan__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    box-shadow: 0 0 2em .1em #a0a0a0;
    border-radius: 5em;
    overflow: hidden;
    transition: all .5s ease;
    flex-wrap: wrap; }
    .w21-pricingplan__group:hover {
      overflow: visible;
      border-radius: 0;
      box-shadow: 1em 1em 1em #b1b1b1; }
  .w21-pricingplan__items {
    width: 33.333333333%;
    border: 0.1em solid #a3a3a3;
    background-color: white;
    transition: all .2s;
    border-top: .1em solid white !important;
    border-top: none;
    border-bottom: none; }
    @media only screen and (max-width: 37.5em) {
      .w21-pricingplan__items {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 2em;
        box-shadow: 0 0 1em .3em #a8a8a8; } }
    .w21-pricingplan__items:hover {
      transform: scale(1.1);
      box-shadow: 0 1em 2em .2em #a8a8a8;
      border-bottom-left-radius: 4em; }
      @media only screen and (max-width: 37.5em) {
        .w21-pricingplan__items:hover {
          border-radius: 4em;
          overflow: hidden;
          transform: scale(1.05); } }
    .w21-pricingplan__items:hover .w21-pricingplan__items__content__item:nth-of-type(odd) {
      background-color: #f0f0f0; }
    .w21-pricingplan__items:hover .w21-pricingplan__items__content__item:nth-of-type(even) {
      background-color: white; }
    .w21-pricingplan__items:first-child, .w21-pricingplan__items:last-child {
      border-left: none;
      border-right: none; }
    .w21-pricingplan__items--2 .w21-pricingplan__items__heading {
      background-color: #f32040; }
    .w21-pricingplan__items--2 .w21-pricingplan__items__btn {
      background-color: #f32040; }
    .w21-pricingplan__items--3 .w21-pricingplan__items__heading {
      background-color: #17007c; }
    .w21-pricingplan__items--3 .w21-pricingplan__items__btn {
      background-color: #17007c; }
    .w21-pricingplan__items__heading {
      text-align: center;
      background-color: #129FDE;
      color: white;
      padding: 2.5em; }
      .w21-pricingplan__items__heading span {
        text-decoration: line-through; }
      .w21-pricingplan__items__heading__name {
        font-size: 1.3em; }
      .w21-pricingplan__items__heading__price {
        padding: 1em;
        font-size: 2em;
        font-weight: 800; }
      .w21-pricingplan__items__heading__des {
        font-weight: 500; }
    .w21-pricingplan__items__content__item {
      transition: all .2s ease;
      padding: 2em;
      display: flex;
      align-items: center;
      line-height: 1.8em; }
      .w21-pricingplan__items__content__item:nth-of-type(even) {
        background-color: #e7e7e7; }
      .w21-pricingplan__items__content__item__text {
        font-size: 1.1em;
        width: 75%;
        min-width: 75%;
        text-align: justify; }
        .w21-pricingplan__items__content__item__text span {
          text-decoration: line-through; }
      .w21-pricingplan__items__content__item__vl {
        width: 25%;
        min-width: 25%;
        padding-left: 1em;
        font-size: 1.1em; }
    .w21-pricingplan__items__btn {
      padding: 1.5em;
      font-size: 1.5em;
      border: none;
      outline: none;
      width: 100%;
      font-weight: 800;
      background-color: #129FDE;
      color: white;
      cursor: pointer;
      transition: all .2s ease;
      z-index: 1;
      display: block;
      text-align: center; }
    .w21-pricingplan__items:hover .w21-pricingplan__items__btn {
      transform: scale(1.1);
      box-shadow: .5em .5em 1em #c7c7c7;
      border-radius: 5em;
      overflow: visible; }
      @media only screen and (max-width: 37.5em) {
        .w21-pricingplan__items:hover .w21-pricingplan__items__btn {
          transform: scale(1);
          box-shadow: 0 0 2em 0.1em #f0f0f0; } }

.w21-productlist-1 {
  width: 100%; }
  .w21-productlist-1__group {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
  .w21-productlist-1__map {
    width: 50%; }
    @media only screen and (max-width: 43.75em) {
      .w21-productlist-1__map {
        width: 100%; } }
    .w21-productlist-1__map section iframe {
      height: 100vh; }
  .w21-productlist-1__content {
    width: 50%; }
    @media only screen and (max-width: 43.75em) {
      .w21-productlist-1__content {
        width: 100%; } }
    .w21-productlist-1__content__search {
      padding: 1em; }
      .w21-productlist-1__content__search__tk {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .w21-productlist-1__content__search__tk__box {
          width: 49%;
          display: flex;
          align-items: center;
          padding: .1em;
          border: 0.1em solid #cecccc;
          border-radius: .5em;
          padding: 0 1em;
          color: #777; }
          .w21-productlist-1__content__search__tk__box__icon {
            width: 5%;
            font-size: 1.5em;
            padding: .5em;
            cursor: pointer; }
          .w21-productlist-1__content__search__tk__box__in {
            width: 95%;
            height: 3em;
            border: none;
            outline: none;
            color: #777; }
      .w21-productlist-1__content__search__bk {
        padding: 2em 0;
        display: flex;
        align-items: center; }
        .w21-productlist-1__content__search__bk__km {
          display: flex;
          align-items: center;
          width: 30%; }
          .w21-productlist-1__content__search__bk__km__checkbox {
            margin-right: .5em;
            cursor: pointer; }
          .w21-productlist-1__content__search__bk__km__text {
            font-size: 1.2em;
            margin-left: 0.5em; }
          .w21-productlist-1__content__search__bk__km__num {
            font-size: 1.2em;
            margin-left: 0.5em; }
        .w21-productlist-1__content__search__bk__rangebk {
          width: 70%;
          cursor: pointer;
          -webkit-appearance: none;
          width: 100%;
          height: 0.5em;
          background: #d3d3d3;
          outline: none;
          -webkit-transition: .2s;
          transition: opacity .2s; }
          .w21-productlist-1__content__search__bk__rangebk::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 1em;
            height: 1em;
            background: #333;
            cursor: pointer; }
            .w21-productlist-1__content__search__bk__rangebk::-webkit-slider-thumb:hover {
              background-color: var(--main-color-w); }
      .w21-productlist-1__content__search__thuoctinh {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-left: -1%; }
        .w21-productlist-1__content__search__thuoctinh__box {
          position: relative;
          width: 23%;
          display: flex;
          margin-bottom: .5em;
          align-items: center;
          margin-left: 1%;
          padding: .1em;
          border: 0.1em solid #cecccc;
          border-radius: .5em;
          color: #777;
          cursor: pointer; }
          .w21-productlist-1__content__search__thuoctinh__box:not(:last-child) {
            margin-right: 1%; }
          .w21-productlist-1__content__search__thuoctinh__box__icon {
            font-size: 1.5em;
            padding: .5em;
            cursor: pointer;
            display: inline-block; }
          .w21-productlist-1__content__search__thuoctinh__box__text {
            border: none;
            outline: none;
            color: #777; }
          .w21-productlist-1__content__search__thuoctinh__box__ul {
            position: absolute;
            list-style: none;
            top: 3.3em;
            display: none;
            left: 0;
            width: 100%;
            z-index: 3;
            border: .1em solid #a1a1a1;
            border-radius: .2em; }
            .w21-productlist-1__content__search__thuoctinh__box__ul__li {
              padding: 1em;
              background-color: white;
              box-shadow: .5em .5em .5em #a1a1a1; }
              .w21-productlist-1__content__search__thuoctinh__box__ul__li:hover {
                background-color: var(--main-color-w);
                color: white;
                border: .2em solid black;
                border-radius: .2em; }
          .w21-productlist-1__content__search__thuoctinh__box:hover .w21-productlist-1__content__search__thuoctinh__box__ul {
            display: block; }
      .w21-productlist-1__content__search__pvg {
        display: block; }
        .w21-productlist-1__content__search__pvg__price-range {
          margin-top: 2em; }
          .w21-productlist-1__content__search__pvg__price-range .ui-widget-header {
            background: var(--main-color-w); }
          .w21-productlist-1__content__search__pvg__price-range .ui-slider-handle {
            border: 0.1em solid var(--main-color-w) !important;
            cursor: w-resize !important;
            margin-top: -.1em; }
          .w21-productlist-1__content__search__pvg__price-range .ui-state-active {
            background-color: white !important; }
          .w21-productlist-1__content__search__pvg__price-range .ui-widget.ui-widget-content {
            border: none !important;
            background-color: #eee;
            width: 98%;
            margin-left: 1%; }
          .w21-productlist-1__content__search__pvg__price-range .ui-widget-content .ui-state-default {
            background-color: var(--main-color-w);
            height: 2em;
            width: 2em;
            top: -0.7em; }
          .w21-productlist-1__content__search__pvg__price-range__filter {
            height: 0.5em !important;
            margin: 1.5em 0;
            cursor: pointer; }
          .w21-productlist-1__content__search__pvg__price-range__val {
            margin-top: 2em;
            display: flex;
            align-items: center; }
            @media only screen and (max-width: 62.5em) {
              .w21-productlist-1__content__search__pvg__price-range__val {
                flex-wrap: wrap;
                justify-content: center; } }
            .w21-productlist-1__content__search__pvg__price-range__val__text {
              font-size: 1.6em;
              font-weight: 300;
              margin-left: .3em; }
            .w21-productlist-1__content__search__pvg__price-range__val__filter__field {
              margin-left: .3em;
              background-color: white;
              font-size: 1.6em;
              font-weight: 600;
              width: 5em;
              border-radius: .3em;
              outline: none;
              border: none; }
            .w21-productlist-1__content__search__pvg__price-range__val__button {
              background-color: var(--main-color-w);
              padding: 1em;
              color: white;
              font-size: 1.6em;
              font-weight: 700;
              border: none;
              border-radius: .3em;
              margin-right: .5em;
              outline: none;
              cursor: pointer; }
              .w21-productlist-1__content__search__pvg__price-range__val__button:hover {
                filter: brightness(80%); }
      .w21-productlist-1__content__search__bl {
        margin-top: 2em; }
        .w21-productlist-1__content__search__bl__checkbox {
          display: none; }
        .w21-productlist-1__content__search__bl__head__other__checkbox {
          display: none; }
        .w21-productlist-1__content__search__bl__head__other__icon__plus {
          padding: 1em;
          background-color: black;
          color: white;
          cursor: pointer; }
        .w21-productlist-1__content__search__bl__head__other__icon__minus {
          padding: 1em;
          background-color: black;
          color: white;
          display: none !important;
          cursor: pointer; }
        .w21-productlist-1__content__search__bl__head__other__checkbox:checked ~ .w21-productlist-1__content__search__bl__head__other__icon__plus {
          display: none; }
        .w21-productlist-1__content__search__bl__head__other__checkbox:checked ~ .w21-productlist-1__content__search__bl__head__other__icon__minus {
          display: inline-block !important; }
        .w21-productlist-1__content__search__bl__head__other__text {
          font-weight: 600;
          cursor: pointer;
          font-size: 1.4em;
          margin-left: 0.5em; }
        .w21-productlist-1__content__search__bl__checkbox:checked ~ .w21-productlist-1__content__search__bl__list {
          max-height: 50em; }
        .w21-productlist-1__content__search__bl__list {
          display: flex;
          max-height: 0.1em;
          align-items: center;
          flex-wrap: wrap;
          margin-top: .5em;
          transition: all .2s;
          overflow: hidden; }
          .w21-productlist-1__content__search__bl__list__at {
            cursor: pointer;
            display: flex;
            padding: 1em 1em 1em 0;
            width: 25%;
            align-items: center; }
            .w21-productlist-1__content__search__bl__list__at__checkbox {
              margin-right: .5em; }
            .w21-productlist-1__content__search__bl__list__at__text {
              font-size: 1.4em;
              font-weight: 500; }
      .w21-productlist-1__content__search__button {
        display: block;
        width: 100%;
        padding: .7em;
        background-color: var(--main-color-w);
        font-weight: 600;
        color: white;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 1.4em;
        border-radius: .4em;
        margin-top: 1em;
        border: none; }
        .w21-productlist-1__content__search__button:hover {
          color: var(--main-color-w);
          background-color: white;
          border: 0.1em solid var(--main-color-w); }
    .w21-productlist-1__content__items {
      border-top: 0.3em solid #333; }
      .w21-productlist-1__content__items__head {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        padding: 1em; }
        .w21-productlist-1__content__items__head__text {
          font-size: 1.6em; }
        .w21-productlist-1__content__items__head__short {
          display: flex;
          align-items: center; }
          .w21-productlist-1__content__items__head__short__text {
            font-size: 1.3em; }
          .w21-productlist-1__content__items__head__short__ds {
            color: #777;
            margin-left: .5em;
            position: relative;
            text-align: center;
            cursor: pointer;
            width: 15em; }
            .w21-productlist-1__content__items__head__short__ds__text {
              font-size: 1.3em; }
            .w21-productlist-1__content__items__head__short__ds:hover .w21-productlist-1__content__items__head__short__ds__ul {
              display: block; }
            .w21-productlist-1__content__items__head__short__ds__ul {
              display: none;
              position: absolute;
              list-style: none;
              top: 2em;
              left: 0;
              width: 100%;
              z-index: 3;
              cursor: pointer;
              border: .1em solid #a1a1a1;
              border-radius: .4em; }
              .w21-productlist-1__content__items__head__short__ds__ul__li {
                padding: 1em;
                background-color: white;
                box-shadow: .5em .5em .5em #a1a1a1; }
                .w21-productlist-1__content__items__head__short__ds__ul__li:hover {
                  background-color: var(--main-color-w);
                  color: white;
                  border: .2em solid black;
                  border-radius: .2em; }
      .w21-productlist-1__content__items__item__card {
        padding: 1em;
        display: flex;
        justify-content: space-between; }
        .w21-productlist-1__content__items__item__card:hover {
          cursor: pointer;
          border: 0.1em solid var(--main-color-w);
          border-right: none;
          border-left: none; }
        .w21-productlist-1__content__items__item__card__imgbox {
          width: 30%;
          min-width: 30%;
          position: relative; }
          .w21-productlist-1__content__items__item__card__imgbox__img {
            width: 100%;
            height: 100%; }
          .w21-productlist-1__content__items__item__card__imgbox__pic {
            position: absolute;
            bottom: .5em;
            right: .5em; }
            .w21-productlist-1__content__items__item__card__imgbox__pic__icon {
              padding: .5em;
              background-color: rgba(0, 0, 0, 0.822);
              color: white;
              cursor: pointer;
              border-radius: .3em; }
              .w21-productlist-1__content__items__item__card__imgbox__pic__icon:hover {
                background-color: var(--main-color-w); }
          .w21-productlist-1__content__items__item__card__imgbox__st {
            top: 0;
            left: 0;
            background-color: var(--main-color-w);
            padding: .5em;
            font-size: 0.8em;
            position: absolute;
            color: white;
            opacity: .8; }
        .w21-productlist-1__content__items__item__card__info {
          width: 60%;
          margin-left: 1%; }
          .w21-productlist-1__content__items__item__card__info__status {
            text-transform: uppercase;
            background-color: var(--main-color-w);
            border-radius: .2em;
            padding: .5em;
            display: inline-block;
            color: white; }
          .w21-productlist-1__content__items__item__card__info__text {
            margin-top: 1em;
            font-size: 1.3em;
            display: block;
            font-weight: 600; }
            @media only screen and (max-width: 43.75em) {
              .w21-productlist-1__content__items__item__card__info__text {
                width: 100%;
                font-size: 1.1em; } }
          .w21-productlist-1__content__items__item__card__info__location {
            display: block;
            margin-top: .5em; }
        .w21-productlist-1__content__items__item__card__text {
          margin-left: auto;
          float: right;
          text-align: right;
          width: 15%;
          min-width: 15%;
          display: inline-block;
          font-weight: 600;
          color: var(--main-color-w);
          font-size: 1.4em;
          margin-left: 1%; }
          @media only screen and (max-width: 43.75em) {
            .w21-productlist-1__content__items__item__card__text {
              font-size: 1.1em; } }

.w22-title {
  width: 100%;
  padding: 1em .5em; }
  .w22-title__group {
    margin: 0 auto;
    max-width: 120em; }
  .w22-title__name {
    font-size: 3em;
    text-align: center;
    display: block;
    line-height: 1.6em; }

.w23-menu {
  width: 100%;
  display: block;
  z-index: 4;
  background-color: white;
  position: relative; }
  .w23-menu__ab {
    background-color: transparent !important;
    color: white;
    position: absolute !important; }
    @media only screen and (max-width: 37.5em) {
      .w23-menu__ab {
        background-color: white;
        color: black; } }
  .w23-menu__scroll-menu {
    background-color: var(--main-color-w);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important; }
    .w23-menu__scroll-menu figure {
      border-radius: .4em; }
  .w23-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 50em) {
      .w23-menu__group {
        padding: 1em;
        justify-content: space-between;
        flex-direction: row-reverse; } }
  .w23-menu__logobox {
    text-align: center;
    height: 9em;
    max-height: 9em;
    cursor: pointer;
    min-width: 15em; }
    .w23-menu__logobox--mobile {
      display: none; }
    @media only screen and (max-width: 50em) {
      .w23-menu__logobox {
        max-width: 30em; }
        .w23-menu__logobox--desk {
          display: none; }
        .w23-menu__logobox--mobile {
          display: block; } }
    .w23-menu__logobox__img {
      max-width: 100%; }
  .w23-menu__nav__icon {
    display: none;
    cursor: pointer;
    background-color: var(--main-color-w); }
    .w23-menu__nav__icon::after, .w23-menu__nav__icon::before {
      background-color: var(--main-color-w); }
    @media only screen and (max-width: 50em) {
      .w23-menu__nav__icon {
        display: inline-block; } }
  .w23-menu__nav__checkbox {
    display: none; }
  .w23-menu__nav__checkbox:checked ~ .w23-menu__items {
    visibility: visible;
    opacity: 1;
    max-height: 100vh; }
  .w23-menu____nav__button-nav {
    cursor: pointer; }
    @media only screen and (min-width: 50em) {
      .w23-menu____nav__button-nav {
        display: none; } }
  .w23-menu__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center; }
    @media only screen and (max-width: 50em) {
      .w23-menu__items {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: white;
        right: 0;
        top: 11em;
        display: block;
        width: 100%;
        transition: all .2s;
        overflow-y: scroll;
        padding: 1em;
        max-height: 0;
        height: max-content; } }
    .w23-menu__items__item {
      padding: 1em;
      font-size: 1.6em;
      font-weight: 700;
      list-style: none;
      cursor: pointer;
      position: relative;
      max-height: 10em;
      line-height: 5em;
      text-align: center;
      white-space: nowrap; }
      .w23-menu__items__item__block {
        display: flex;
        align-items: center;
        padding: 0 .7em; }
        .w23-menu__items__item__block span {
          max-width: 15em;
          text-overflow: ellipsis;
          overflow: hidden;
          display: inline-block;
          margin-right: .5em; }
        .w23-menu__items__item__block i {
          float: right;
          margin-left: auto; }
          @media only screen and (max-width: 37.5em) {
            .w23-menu__items__item__block i {
              transform: rotate(90deg); } }
        .w23-menu__items__item__block:hover {
          color: var(--main-color-w); }
      @media only screen and (max-width: 50em) {
        .w23-menu__items__item {
          max-height: 100%;
          text-align: left;
          padding: .5em; } }
      .w23-menu__items__item__drop {
        border-top: 0.3em solid var(--main-color-w);
        background-color: white;
        color: black;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        height: max-content;
        list-style: none;
        text-align: left;
        top: 7em;
        z-index: 2;
        font-size: 1em; }
        .w23-menu__items__item__drop i {
          margin-left: auto;
          float: right;
          line-height: 5em; }
        @media only screen and (max-width: 50em) {
          .w23-menu__items__item__drop {
            opacity: 0;
            max-height: 0;
            position: relative;
            visibility: visible;
            right: 0;
            width: 100%;
            transition: all .5s;
            top: 0; } }
        .w23-menu__items__item__drop__li {
          white-space: nowrap;
          min-width: 15em;
          height: 5em;
          line-height: 5em;
          text-overflow: ellipsis;
          position: relative;
          padding: 0.5em 1em; }
          .w23-menu__items__item__drop__li:hover .w23-menu__items__item__drop--2 {
            visibility: visible;
            transition: all .5s;
            opacity: 1;
            display: block;
            max-height: 100em; }
          @media only screen and (max-width: 50em) {
            .w23-menu__items__item__drop__li {
              padding: 0;
              padding-left: 1em; } }
        .w23-menu__items__item__drop--2 {
          top: -0.3em;
          left: 15em;
          position: absolute; }
          @media only screen and (max-width: 50em) {
            .w23-menu__items__item__drop--2 {
              position: relative;
              left: 0;
              max-height: 0; } }
          .w23-menu__items__item__drop--2:hover .w23-menu__items__item__drop--3 {
            visibility: visible;
            transition: all .5s;
            opacity: 1;
            display: block;
            max-height: 100em; }
        .w23-menu__items__item__drop--3 {
          top: -0.3em;
          left: 15em;
          position: absolute; }
          @media only screen and (max-width: 50em) {
            .w23-menu__items__item__drop--3 {
              position: relative;
              left: 0; } }
    .w23-menu__items__item:hover .w23-menu__items__item__drop--1 {
      visibility: visible;
      transition: all .5s;
      opacity: 1;
      max-height: 200em; }

.w23-banner {
  width: 100%;
  position: relative;
  background-image: url(../img/w23/bg-3e.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 1em 2em;
  padding-top: 7em; }
  @media only screen and (max-width: 50em) {
    .w23-banner {
      padding-top: 0; } }
  @media only screen and (max-width: 37.5em) {
    .w23-banner {
      padding-top: 15em; } }
  .w23-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 85em; }
    @media only screen and (max-width: 62.5em) {
      .w23-banner__group {
        height: 90em; } }
    @media only screen and (max-width: 56.25em) {
      .w23-banner__group {
        height: 95em; } }
    @media only screen and (max-width: 37.5em) {
      .w23-banner__group {
        flex-direction: column;
        height: max-content; } }
  .w23-banner__items {
    display: flex;
    justify-content: center;
    margin: 0 auto; }
    @media only screen and (max-width: 37.5em) {
      .w23-banner__items {
        flex-direction: column; } }
    .w23-banner__items__item {
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: rgba(51, 52, 62, 0.5);
      padding: 5em 2em;
      height: max-content; }
      @media only screen and (min-width: 50em) {
        .w23-banner__items__item:not(:last-child) {
          margin-right: 3em; } }
      @media only screen and (max-width: 37.5em) {
        .w23-banner__items__item:not(:last-child) {
          margin-bottom: 3em; } }
      .w23-banner__items__item__imgbox {
        padding: 1em; }
      .w23-banner__items__item__name {
        color: var(--main-color-w);
        padding: 1em;
        font-size: 2.5em;
        font-weight: 300;
        line-height: 1.6em;
        text-align: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
      .w23-banner__items__item__text {
        padding: 1em;
        font-size: 1.6em;
        line-height: 1.6em;
        color: white;
        margin-top: .5em;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 8;
        overflow: hidden;
        background-image: url(/img/20-850x550.jpg);
        background-size: cover; }
      .w23-banner__items__item__btn {
        padding: 1em 2em;
        font-size: 2em;
        background-color: var(--main-color-w);
        color: #e4e4e4;
        border: none;
        cursor: pointer;
        border-radius: .1em;
        margin-top: 1.5em; }
        .w23-banner__items__item__btn:hover {
          background-color: #747474;
          transition: all .3s ease-in-out; }

.w23-service {
  width: 100%;
  padding: 3em 1em; }
  .w23-service__group {
    max-width: 120em;
    margin: 0 auto; }
  .w23-service__heading {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin-bottom: 5em; }
    .w23-service__heading::after {
      content: "";
      position: absolute;
      background-color: var(--main-color-w);
      bottom: -2em;
      width: 15em;
      height: .1em;
      left: 50%;
      transform: translateX(-50%); }
  .w23-service__des {
    font-size: 3.5em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 500; }
  .w23-service__sub {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
    margin-top: 1em;
    margin-bottom: 2em; }
  .w23-service__items {
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -3%;
    width: 100%; }
    .w23-service__items__item {
      text-align: center;
      width: 15%;
      min-width: 15em;
      margin-left: 3%;
      margin-bottom: 3em;
      display: block; }
      .w23-service__items__item__icon {
        color: var(--main-color-w);
        font-size: 5em;
        padding: .1em;
        text-align: center;
        background-color: #33343e;
        border-radius: 50%;
        height: 2em;
        width: 2em;
        line-height: 2em !important;
        box-sizing: content-box;
        position: relative;
        cursor: pointer; }
        .w23-service__items__item__icon::after {
          content: "";
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%) scale(0.9);
          height: 110%;
          width: 110%;
          position: absolute;
          border-radius: 50%;
          box-shadow: 0 0 0.5em 0.25em rgba(216, 167, 6, 0.9);
          opacity: 0;
          /* hide the hover shadow */
          background-color: transparent; }

@keyframes zoomIn {
  0% {
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) scale(1.3);
    opacity: 0; } }
        .w23-service__items__item__icon:hover::after {
          animation: zoomIn 2s forwards;
          transition: all 2s ease-in-out; }
        .w23-service__items__item__icon:hover {
          transition: all .05s ease-in-out;
          background-color: var(--main-color-w);
          transform: scale(0.9);
          color: white; }
      .w23-service__items__item__text {
        margin-top: 1em;
        font-size: 1.3em;
        line-height: 1.8em; }

.w23-testimonial {
  background-image: url(../img/w23/bg-3e.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 3em 1em; }
  .w23-testimonial__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    height: 80em;
    color: white; }
    @media only screen and (max-width: 50em) {
      .w23-testimonial__group {
        height: 90em; } }
  .w23-testimonial__make {
    width: 100%;
    height: 15em;
    background-color: white;
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    transform: scaleX(1.05);
    position: absolute;
    top: 0; }
    @media only screen and (max-width: 50em) {
      .w23-testimonial__make {
        height: 10em; } }
    .w23-testimonial__make:last-child {
      transform: rotate(180deg) scaleX(1.05);
      top: unset;
      bottom: -0.1em; }
  .w23-testimonial__heading {
    font-size: 3.5em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin-bottom: 3em; }
    .w23-testimonial__heading::after {
      content: "";
      position: absolute;
      background-color: var(--main-color-w);
      bottom: -1em;
      width: 15em;
      height: .1em;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (max-width: 50em) {
        .w23-testimonial__heading::after {
          width: 50%; } }
  .w23-testimonial__des {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300; }
  .w23-testimonial__sub {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 400;
    margin-top: 1em;
    margin-bottom: 2em; }

.w23-video {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .w23-video__if {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1; }
  .w23-video__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    height: 120em; }
    @media only screen and (max-width: 50em) {
      .w23-video__group {
        height: 70em; } }
  .w23-video__make {
    width: 100%;
    height: 15em;
    background-color: white;
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    transform: scaleX(1.05);
    position: absolute;
    top: 0; }
    @media only screen and (max-width: 50em) {
      .w23-video__make {
        height: 10em; } }
    .w23-video__make:last-child {
      transform: rotate(180deg) scaleX(1.05);
      top: unset;
      bottom: -0.1em; }
  .w23-video__heading {
    font-size: 3em;
    line-height: 1.8em;
    text-align: center;
    color: white;
    display: block;
    padding: .5em; }

.w23-ads {
  width: 100%;
  padding: 3em 1em; }
  .w23-ads__group {
    max-width: 120em;
    margin: 0 auto; }
  .w23-ads__heading {
    font-size: 3em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin-bottom: 5em; }
    .w23-ads__heading::after {
      content: "";
      position: absolute;
      background-color: var(--main-color-w);
      bottom: -2em;
      width: 15em;
      height: .1em;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (max-width: 50em) {
        .w23-ads__heading::after {
          width: 50%; } }
  .w23-ads__des {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 500; }
  .w23-ads__items {
    display: flex;
    flex-wrap: wrap;
    justify-self: center;
    margin-left: -1%;
    margin-top: 5em; }
    .w23-ads__items__item {
      width: 24%;
      margin-left: 1%;
      margin-bottom: 3em;
      cursor: pointer; }
      @media only screen and (max-width: 50em) {
        .w23-ads__items__item {
          width: 49%; } }
      .w23-ads__items__item__imgbox {
        width: 100%;
        height: 100%;
        position: relative; }
        .w23-ads__items__item__imgbox:hover .w23-ads__items__item__imgbox__bg {
          transform: rotateX(0);
          opacity: 1; }
        .w23-ads__items__item__imgbox__bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          transform: rotateX(90deg);
          height: 100%;
          background-color: var(--main-color-w);
          transition: all .3s ease-in-out;
          opacity: 0; }
          .w23-ads__items__item__imgbox__bg__text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            font-size: 2em;
            line-height: 1.8em;
            width: 100%;
            text-align: center;
            color: white; }
  .w23-ads__btn {
    padding: 1em 2em;
    font-size: 2em;
    background-color: var(--main-color-w);
    color: #e4e4e4;
    border: none;
    cursor: pointer;
    border-radius: .1em;
    margin-top: 1.5em;
    display: block;
    margin: 0 auto;
    margin-top: 3em; }
    .w23-ads__btn:hover {
      background-color: #747474;
      transition: all .3s ease-in-out; }

.w23-footer {
  width: 100%;
  background-color: #1F1F1F;
  padding: 3em 1em;
  color: white; }
  .w23-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start; }
    @media only screen and (max-width: 50em) {
      .w23-footer__group {
        flex-direction: column; } }
  .w23-footer__brand {
    width: 22%;
    margin-bottom: 2em; }
    @media only screen and (max-width: 50em) {
      .w23-footer__brand {
        width: 100%; } }
    .w23-footer__brand__title {
      color: var(--main-color-w);
      font-size: 2em;
      line-height: 1.8em;
      font-weight: 600;
      padding: 1em; }
    .w23-footer__brand__des {
      margin-top: .5em;
      font-size: 1.4em;
      line-height: 1.8em;
      padding: 1em; }
    .w23-footer__brand__imgbox {
      max-width: 30em;
      max-height: 15em; }
  .w23-footer__items {
    width: 22%;
    margin-left: 3%; }
    @media only screen and (max-width: 50em) {
      .w23-footer__items {
        width: 100%;
        margin-left: 0; } }
    .w23-footer__items__title {
      color: var(--main-color-w);
      font-size: 2em;
      line-height: 1.8em;
      font-weight: 600;
      padding: 1em; }
    .w23-footer__items__info {
      font-size: 1.4em;
      display: flex;
      align-items: center;
      line-height: 1.8em;
      margin-top: .5em;
      padding: 1em;
      border-bottom: 1px solid #e7e6e6;
      cursor: pointer;
      transition: all .2s ease-in-out; }
      .w23-footer__items__info__icon {
        margin-right: .5em; }
      .w23-footer__items__info:hover {
        color: var(--main-color-w); }

.w23-partner {
  width: 100%;
  padding: 3em 1em; }
  .w23-partner__group {
    max-width: 120em;
    margin: 0 auto; }
  .w23-partner__heading {
    font-size: 3em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin-bottom: 5em; }
    .w23-partner__heading::after {
      content: "";
      position: absolute;
      background-color: var(--main-color-w);
      bottom: -2em;
      width: 15em;
      height: .1em;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (max-width: 50em) {
        .w23-partner__heading::after {
          width: 50%; } }
  .w23-partner__des {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 500; }
  .w23-partner__items {
    display: flex;
    flex-wrap: wrap;
    justify-self: center;
    margin-top: 5em; }
    .w23-partner__items__item {
      width: 100%;
      margin-bottom: 3em;
      margin-right: 2em;
      cursor: pointer; }
      .w23-partner__items__item__imgbox {
        width: 100%;
        height: 100%;
        position: relative; }

.w23-tableoct {
  width: 100%;
  padding: 2em 1em;
  background: white; }
  .w23-tableoct__group {
    max-width: 120em;
    margin: 0 auto;
    border: .2em solid black;
    border-radius: .5em;
    padding: 1em; }
  .w23-tableoct__cbcl:checked ~ .w23-tableoct__clone {
    display: block; }
  .w23-tableoct__cbcl {
    display: none; }
  .w23-tableoct__checkbox {
    display: none; }
  .w23-tableoct__checkbox:checked ~ .w23-tableoct__body {
    max-height: 100vh;
    overflow: unset; }
  .w23-tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none; }
  .w23-tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1em;
    border: .1em solid black;
    padding: .2em .3em;
    border-radius: .3em;
    background-color: white;
    font-size: 2.5em;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5em 0.2em #e4e4e4; }
    .w23-tableoct__lbl:hover {
      background: var(--main-color-w);
      color: white;
      border: .1em solid white; }
  .w23-tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
    border-radius: .3em; }
    .w23-tableoct__heading__title {
      display: flex;
      align-items: center; }
      .w23-tableoct__heading__title__icon {
        font-size: 2.5em;
        margin-right: .2em; }
      .w23-tableoct__heading__title__text {
        font-size: 2em;
        font-weight: 600; }
    .w23-tableoct__heading__icon {
      font-size: 1.4em; }
    .w23-tableoct__heading:hover {
      background-color: var(--main-color-w);
      color: white;
      transition: all .2s ease-in-out; }
  .w23-tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in; }
    .w23-tableoct__body__ol {
      list-style: none; }
      .w23-tableoct__body__ol__text {
        margin-bottom: .5em;
        padding: .5em 1em .5em 3.2em;
        list-style: none;
        font-weight: 600;
        font-size: 1.3em;
        cursor: pointer;
        transition: all .2s;
        position: relative;
        z-index: 1; }
        .w23-tableoct__body__ol__text::after {
          width: 100%;
          height: 100%;
          background-color: var(--main-color-w);
          content: "";
          top: 0;
          left: 0;
          position: absolute;
          max-width: 0;
          transition: all .3s ease-in-out;
          border-radius: .3em;
          z-index: -1; }
        .w23-tableoct__body__ol__text:hover::after {
          max-width: 120em; }
        .w23-tableoct__body__ol__text:hover {
          color: white; }
      .w23-tableoct__body__ol--1 {
        list-style: none; }
        .w23-tableoct__body__ol--1__text {
          margin-top: .5em;
          padding: .5em 1em .5em 3.2em;
          list-style: none;
          font-weight: 600;
          cursor: pointer;
          transition: all .2s;
          position: relative;
          z-index: 1;
          color: black; }
          .w23-tableoct__body__ol--1__text::after {
            width: 100%;
            height: 100%;
            background-color: var(--main-color-w);
            content: "";
            top: 0;
            left: 0;
            position: absolute;
            max-width: 0;
            transition: all .3s ease-in-out;
            border-radius: .3em;
            z-index: -1; }
          .w23-tableoct__body__ol--1__text:hover::after {
            max-width: 120em; }
          .w23-tableoct__body__ol--1__text:hover {
            color: white; }

.w23-pricingtb {
  width: 100%;
  background-color: white;
  padding: 3em 1em; }
  .w23-pricingtb__group {
    max-width: 120em;
    margin: 0 auto; }
  .w23-pricingtb__block {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%; }
    @media only screen and (max-width: 31.25em) {
      .w23-pricingtb__block {
        margin-left: 0; } }
  .w23-pricingtb__items {
    background-color: #56E6A5;
    width: 23%;
    height: max-content;
    margin-left: 2%;
    padding: 2em;
    border-radius: 2em;
    margin-bottom: 3em; }
    @media only screen and (max-width: 62.5em) {
      .w23-pricingtb__items {
        min-width: 48%;
        width: 48%; } }
    @media only screen and (max-width: 31.25em) {
      .w23-pricingtb__items {
        width: 100%;
        margin-left: 0; } }
    .w23-pricingtb__items:not(:first-child) {
      background-color: white;
      border: .1em solid #170A07; }
    .w23-pricingtb__items__head__main {
      font-weight: 600;
      font-size: 1.6em;
      line-height: 1.8em; }
    .w23-pricingtb__items__head__sub {
      font-weight: 300;
      font-size: 1.2em;
      margin-top: .5em; }
    .w23-pricingtb__items__head__name {
      font-weight: 800;
      font-size: 2.5em;
      line-height: 1.8em;
      margin-top: 1em; }
    .w23-pricingtb__items__head__des {
      font-weight: 300;
      margin-top: .5em;
      line-height: 1.8em;
      font-size: 1.2em; }
    .w23-pricingtb__items__btn {
      background-color: #170A07;
      padding: 1em 2em;
      display: inline-block;
      margin: 0 auto;
      color: white;
      width: 100%;
      text-align: center;
      font-size: 1.3em;
      border-radius: .7em;
      margin: 1em 0;
      transition: all .3s ease-in-out;
      cursor: pointer; }
      .w23-pricingtb__items__btn:hover {
        background-color: var(--main-color-w); }
    .w23-pricingtb__items__body__content {
      display: flex;
      align-items: center;
      width: 100%;
      font-size: 1.3em;
      line-height: 1.8em;
      margin-top: 1em;
      padding: .5em;
      transition: all .3s ease-in-out;
      border-radius: .5em; }
      .w23-pricingtb__items__body__content__icon {
        margin-right: 1em;
        font-size: 1.5em; }
      .w23-pricingtb__items__body__content:hover {
        background-color: var(--main-color-w); }

.w23-pricingtb-1 {
  width: 100%;
  padding: 2em 1em;
  background-color: white; }
  .w23-pricingtb-1__group {
    max-width: 120em;
    margin: 0 auto; }
  .w23-pricingtb-1__block {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%; }
    @media only screen and (max-width: 31.25em) {
      .w23-pricingtb-1__block {
        margin-left: 0; } }
  .w23-pricingtb-1__items {
    width: 31.33333333%;
    height: max-content;
    margin-left: 2%;
    border-radius: 2em;
    overflow: hidden;
    margin-bottom: 3em;
    box-shadow: 0 0 .5em .5em #b3b3b3; }
    @media only screen and (max-width: 62.5em) {
      .w23-pricingtb-1__items {
        min-width: 48%;
        width: 48%; } }
    @media only screen and (max-width: 31.25em) {
      .w23-pricingtb-1__items {
        width: 100%;
        margin-left: 0; } }
    .w23-pricingtb-1__items:nth-child(2) .w23-pricingtb-1__items__head {
      background-color: #E2291C; }
    .w23-pricingtb-1__items:nth-child(2) .w23-pricingtb-1__items__btn {
      background-color: #E2291C; }
      .w23-pricingtb-1__items:nth-child(2) .w23-pricingtb-1__items__btn:hover {
        background-color: var(--main-color-w); }
    .w23-pricingtb-1__items:nth-child(2) .w23-pricingtb-1__items__body__content__icon {
      color: #E2291C; }
    .w23-pricingtb-1__items:nth-child(3) .w23-pricingtb-1__items__head {
      background-color: #17A2B8; }
    .w23-pricingtb-1__items:nth-child(3) .w23-pricingtb-1__items__btn {
      background-color: #17A2B8; }
      .w23-pricingtb-1__items:nth-child(3) .w23-pricingtb-1__items__btn:hover {
        background-color: var(--main-color-w); }
    .w23-pricingtb-1__items:nth-child(3) .w23-pricingtb-1__items__body__content__icon {
      color: #17A2B8; }
    .w23-pricingtb-1__items__head {
      text-align: center;
      background-color: #28A745;
      padding: 1em;
      color: white; }
      .w23-pricingtb-1__items__head__main {
        font-weight: 600;
        font-size: 1.6em;
        line-height: 1.8em; }
      .w23-pricingtb-1__items__head__sub {
        font-weight: 300;
        font-size: 1.2em;
        margin-top: .5em; }
      .w23-pricingtb-1__items__head__name {
        font-weight: 800;
        font-size: 2.5em;
        line-height: 1.8em; }
      .w23-pricingtb-1__items__head__des {
        font-weight: 300;
        line-height: 1.8em;
        font-size: 1.2em; }

@keyframes zoomIn {
  0% {
    transform: scale(0.9); }
  100% {
    transform: scale(1.05); }
  0% {
    transform: scale(0.9); } }
    .w23-pricingtb-1__items__btn {
      background-color: #28A745;
      padding: 1em 2em;
      display: block;
      margin: 0 auto;
      color: white;
      text-align: center;
      font-size: 1.3em;
      border-radius: .7em;
      margin: 1em;
      font-weight: 800;
      transition: all .3s ease-in-out;
      cursor: pointer;
      animation: zoomIn .7s alternate-reverse infinite; }
      .w23-pricingtb-1__items__btn:hover {
        background-color: var(--main-color-w); }
    .w23-pricingtb-1__items__body {
      padding: 1em;
      text-align: center; }
      .w23-pricingtb-1__items__body__content {
        display: flex;
        align-items: center;
        width: 100%;
        font-size: 1.3em;
        line-height: 1.8em;
        margin-top: 1em;
        padding: .5em;
        transition: all .3s ease-in-out;
        border-radius: .5em; }
        .w23-pricingtb-1__items__body__content__icon {
          margin-right: 1em;
          font-size: 1.5em;
          color: #28A745; }
        .w23-pricingtb-1__items__body__content:hover {
          background-color: var(--main-color-w) !important; }

.w24-ads {
  width: 100%;
  padding: 0 1em; }
  .w24-ads__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    padding: 1em; }
  .w24-ads__items {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    z-index: 2;
    position: relative;
    margin-left: -2%; }
    @media only screen and (max-width: 37.5em) {
      .w24-ads__items {
        margin-left: none; } }
    .w24-ads__items__item {
      position: relative;
      padding: .5em;
      width: 31.33333333333%;
      margin-left: 2%;
      margin-bottom: 2em;
      backface-visibility: hidden;
      box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.2);
      border-radius: 1.5em;
      background: rgba(255, 255, 255, 0.1);
      overflow: hidden;
      justify-content: center;
      align-items: center;
      border-top: 0.1em solid rgba(255, 255, 255, 0.5);
      border-left: 0.1em solid rgba(255, 255, 255, 0.5);
      backdrop-filter: blur(0.5em);
      -webkit-backdrop-filter: blur(0.5em); }
      @media only screen and (max-width: 37.5em) {
        .w24-ads__items__item {
          width: 100%;
          margin-left: none; } }
      .w24-ads__items__item__imgbox {
        border-radius: 1em;
        overflow: hidden;
        top: 0; }
        .w24-ads__items__item__imgbox__img {
          height: 100%;
          width: 100%; }
      .w24-ads__items__item:hover .w24-ads__items__item__card {
        transform: perspective(100em) translateZ(5em) translateY(-50%) translateX(-50%);
        box-shadow: 2em 2em 5em rgba(0, 0, 0, 0.5); }
      .w24-ads__items__item__card {
        position: absolute;
        padding: 2em;
        text-align: center;
        transform: translateY(-50%) translateX(-50%);
        transition: 0.5s;
        transform-style: preserve-3d;
        top: 50%;
        backdrop-filter: blur(0.5em);
        -webkit-backdrop-filter: blur(0.5em);
        left: 50%;
        background: rgba(255, 255, 255, 0.8);
        width: 70%;
        border-radius: 1.5em; }
        @media only screen and (max-width: 37.5em) {
          .w24-ads__items__item__card {
            width: 90%; } }
        .w24-ads__items__item__card__name {
          font-size: 1.6em;
          color: black;
          line-height: 1.8em;
          font-weight: 800;
          transition: all .3s ease;
          transform-style: preserve-3d; }
        .w24-ads__items__item__card__link {
          position: relative;
          display: inline-block;
          padding: .8em 2em;
          margin-top: 1.5em;
          background: var(--main-color-w);
          color: black;
          border-radius: 2em;
          font-weight: 600;
          box-shadow: 0 0.5em 1.5em rgba(0, 0, 0, 0.2);
          cursor: pointer;
          font-size: 1.2em;
          transition: all .3s ease; }

.w24-ads-2 {
  width: 100%;
  padding: 5em 1em;
  color: white; }
  .w24-ads-2__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start; }
    @media only screen and (max-width: 50em) {
      .w24-ads-2__group {
        flex-direction: column; } }
  .w24-ads-2__items {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1000px; }
    .w24-ads-2__items__item {
      transform-style: preserve-3d;
      min-height: 50vh;
      width: 35em;
      padding: 0em 5em;
      box-shadow: 0 2em 2em rgba(0, 0, 0, 0.2), 0 0 5em rgba(0, 0, 0, 0.2); }
      .w24-ads-2__items__item__card {
        min-height: 25vh;
        display: flex;
        align-items: center;
        justify-content: center; }
        .w24-ads-2__items__item__card__circle {
          width: 15em;
          height: 15em;
          position: absolute;
          border-radius: 50%;
          z-index: 1;
          background: linear-gradient(to right, rgba(245, 70, 66, 0.75), rgba(8, 83, 156, 0.75)); }
        .w24-ads-2__items__item__card__imgbox {
          transition: all .75s ease-out;
          width: 20em;
          z-index: 2; }
          .w24-ads-2__items__item__card__imgbox__img {
            height: auto !important; }
      .w24-ads-2__items__item__info__name {
        font-size: 3em;
        color: black;
        transition: all .75s ease-out; }
      .w24-ads-2__items__item__info__des {
        font-size: 1.3em;
        padding: 2em 0em;
        color: #585858;
        font-weight: lighter;
        transition: all .75s ease-out; }
      .w24-ads-2__items__item__info__btn__button {
        margin-top: 1em;
        width: 100%;
        padding: 1em 0em;
        background: #f54642;
        border: none;
        cursor: pointer;
        color: white;
        border-radius: 3em;
        transition: all .75s ease-out; }

.w24-menu {
  width: 100%;
  z-index: 10;
  color: var(--text-color-w8);
  position: relative;
  padding: 0 1em; }
  @media only screen and (min-width: 62.5em) {
    .w24-menu-first ::before {
      border-top-left-radius: 3em;
      border-bottom-left-radius: 3em; }
    .w24-menu-first .w24-menu__first-group__items__text--a {
      border-top-left-radius: 3em;
      border-bottom-left-radius: 3em; }
    .w24-menu-last ::before {
      border-top-right-radius: 3em;
      border-bottom-right-radius: 3em; }
    .w24-menu-last .w24-menu__first-group__items__text--a {
      border-top-right-radius: 3em;
      border-bottom-right-radius: 3em; } }
  .w24-menu__sticky {
    background-color: #e4e4e4; }
  @media only screen and (min-width: 37.5em) {
    .w24-menu__ab {
      background-color: transparent;
      position: absolute; } }
  .w24-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 9em;
    backdrop-filter: blur(0.5em);
    -webkit-backdrop-filter: blur(0.5em);
    background-color: #161623;
    border-top-right-radius: 3em;
    border-top-left-radius: 3em;
    border-top: 0.2em solid rgba(255, 255, 255, 0.5);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5); }
    @media only screen and (max-width: 37.5em) {
      .w24-menu__group {
        margin-right: 0;
        width: 100%; } }
  .w24-menu__nav__button-nav {
    z-index: 15;
    display: block;
    padding: 1em 0.5em;
    height: 3.5em;
    display: flex;
    align-items: center;
    font-size: 1.4em;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap; }
    @media only screen and (min-width: 62.5em) {
      .w24-menu__nav__button-nav {
        display: none; } }
  .w24-menu__nav__dm {
    color: white;
    font-weight: 600;
    border: 0.1em solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.2);
    overflow: hidden;
    padding: 1em 2em;
    position: relative; }
    .w24-menu__nav__dm::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.1); }
    .w24-menu__nav__dm::after {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
      transition: .5s;
      transition-delay: 0.5s; }
    .w24-menu__nav__dm__text {
      position: absolute;
      display: block;
      transition: all .5s ease; }
      .w24-menu__nav__dm__text:nth-child(1) {
        top: 0;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #fff; }
      .w24-menu__nav__dm__text:nth-child(2) {
        top: 0;
        left: 0;
        width: .2em;
        height: 100%;
        background-color: #fff;
        transform: translateY(0); }
      .w24-menu__nav__dm__text:nth-child(3) {
        bottom: 0;
        right: 0;
        width: 0;
        height: 1px;
        background-color: #fff; }
      .w24-menu__nav__dm__text:nth-child(4) {
        top: 0;
        right: 0;
        width: 1px;
        height: 0;
        background-color: #fff; }
    .w24-menu__nav__dm:hover::after {
      left: 100%; }
    .w24-menu__nav__dm:hover .w24-menu__nav__dm__text:nth-child(1) {
      width: 100%;
      transform: translateX(100%); }
    .w24-menu__nav__dm:hover .w24-menu__nav__dm__text:nth-child(2) {
      height: 100%;
      transform: translateX(100%); }
    .w24-menu__nav__dm:hover .w24-menu__nav__dm__text:nth-child(3) {
      width: 100%;
      transform: translateX(-100%); }
    .w24-menu__nav__dm:hover .w24-menu__nav__dm__text:nth-child(4) {
      height: 100%;
      transform: translateY(100%); }
  .w24-menu__nav__icon {
    margin-right: 1em;
    cursor: pointer;
    background-color: darkgray !important;
    display: none; }
    .w24-menu__nav__icon::before, .w24-menu__nav__icon::after {
      background-color: darkgray !important; }
  .w24-menu__nav__checkbox {
    display: none; }
  @media only screen and (min-width: 62.5em) {
    .w24-menu__nav__checkbox:checked ~ .w24-menu__first-group .w24-menu__first-group__items {
      display: flex; } }
  @media only screen and (max-width: 62.5em) {
    .w24-menu__nav__checkbox:checked ~ .w24-menu__first-group .w24-menu__first-group__items {
      display: block; } }
  .w24-menu__nav__checkbox:checked ~ .w24-menu__second-group {
    display: block; }
  .w24-menu__first-group {
    align-items: center; }
    @media only screen and (min-width: 62.5em) {
      .w24-menu__first-group {
        display: flex; } }
    .w24-menu__first-group__imgbox {
      margin-right: 2em;
      height: 9em;
      border-radius: 1em;
      overflow: hidden;
      cursor: pointer; }
      .w24-menu__first-group__imgbox__img {
        height: 100% !important; }
      .w24-menu__first-group__imgbox:hover {
        border: 0.1em solid white; }
      @media only screen and (max-width: 37.5em) {
        .w24-menu__first-group__imgbox {
          margin-right: 0;
          text-align: right; } }
    .w24-menu__first-group__items {
      position: relative; }
      @media only screen and (min-width: 62.5em) {
        .w24-menu__first-group__items {
          display: flex; } }
      @media only screen and (max-width: 62.5em) {
        .w24-menu__first-group__items {
          display: none;
          position: absolute;
          left: 0;
          top: 13.5em;
          z-index: 2;
          width: 27em;
          background-color: #161623c4; } }
      @media only screen and (max-width: 37.5em) {
        .w24-menu__first-group__items {
          left: 1em; } }
      .w24-menu__first-group__items__bg {
        height: 50em; }
      .w24-menu__first-group__items__text:nth-child(2):hover ~ .w24-menu__first-group__items__marker::before {
        content: '';
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6em;
        height: 6em;
        border-radius: 50%;
        background-color: #4DB9DB;
        box-shadow: 0 0 2.5em #4DB9DB, 0 0 4.5em #4DB9DB, 0 0 6.5em #4DB9DB, 0 0 8.5em #4DB9DB; }
      .w24-menu__first-group__items__text:nth-child(3):hover ~ .w24-menu__first-group__items__marker::before {
        content: '';
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6em;
        height: 6em;
        border-radius: 50%;
        background-color: #DB37D9;
        box-shadow: 0 0 2.5em #DB37D9, 0 0 4.5em #DB37D9, 0 0 6.5em #DB37D9, 0 0 8.5em #DB37D9; }
      .w24-menu__first-group__items__text:nth-child(4):hover ~ .w24-menu__first-group__items__marker::before {
        content: '';
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6em;
        height: 6em;
        border-radius: 50%;
        background-color: #4DB9DB;
        box-shadow: 0 0 2.5em #4DB9DB, 0 0 4.5em #4DB9DB, 0 0 6.5em #4DB9DB, 0 0 8.5em #4DB9DB; }
      .w24-menu__first-group__items__text:nth-child(5):hover ~ .w24-menu__first-group__items__marker::before {
        content: '';
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6em;
        height: 6em;
        border-radius: 50%;
        background-color: #f00;
        box-shadow: 0 0 2.5em #f00, 0 0 4.5em #f00, 0 0 6.5em #f00, 0 0 8.5em #f00; }
      .w24-menu__first-group__items__text:nth-child(6):hover ~ .w24-menu__first-group__items__marker::before {
        content: '';
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6em;
        height: 6em;
        border-radius: 50%;
        background-color: #ff0;
        box-shadow: 0 0 2.5em #ff0, 0 0 4.5em #ff0, 0 0 6.5em #ff0, 0 0 8.5em #ff0; }
      .w24-menu__first-group__items__marker {
        position: absolute;
        top: 0em;
        width: 5em;
        height: 5em;
        z-index: 1;
        transition: all 0.3s ease; }
        @media only screen and (max-width: 62.5em) {
          .w24-menu__first-group__items__marker {
            left: 11em; } }
        .w24-menu__first-group__items__marker::before {
          content: '';
          transform: translateX(-50%) translateY(-50%);
          position: absolute;
          top: 50%;
          left: 50%;
          width: 6em;
          height: 6em;
          border-radius: 50%;
          background-color: #f4e137;
          box-shadow: 0 0 3.5em #F4BD37, 0 0 5.5em #F4BD37, 0 0 7.5em #F4BD37, 0 0 9.5em #F4BD37; }
      .w24-menu__first-group__items__block {
        position: absolute;
        top: 0; }
      .w24-menu__first-group__items__text {
        list-style: none;
        cursor: pointer;
        height: 5em; }
        @media only screen and (max-width: 62.5em) {
          .w24-menu__first-group__items__text {
            min-width: 25em; } }
        .w24-menu__first-group__items__text--a {
          background-color: rgba(255, 255, 255, 0.05);
          box-shadow: 0 1.5em 3.5em rgba(0, 0, 0, 0.2);
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          z-index: 2;
          display: inline-block;
          display: flex;
          justify-content: space-between;
          font-weight: 500;
          white-space: nowrap;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 1.5em;
          height: 100%;
          line-height: 3.33333em;
          padding: 0 2em;
          width: max-content;
          color: white;
          overflow: hidden;
          position: relative;
          backdrop-filter: blur(1em);
          -webkit-backdrop-filter: blur(1em); }
          @media only screen and (max-width: 62.5em) {
            .w24-menu__first-group__items__text--a {
              width: 100%; } }
          .w24-menu__first-group__items__text--a::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50%;
            background: rgba(255, 255, 255, 0.1); }
      @media only screen and (min-width: 62.5em) {
        .w24-menu__first-group__items__text:hover .w24-menu__first-group__items__drop {
          display: flex; } }
      @media only screen and (max-width: 62.5em) {
        .w24-menu__first-group__items__text:hover .w24-menu__first-group__items__drop {
          visibility: visible; } }
      .w24-menu__first-group__items__drop__text:hover .w24-menu__first-group__items__drop-1 {
        display: flex;
        visibility: visible; }
      .w24-menu__first-group__items__drop {
        display: none;
        position: absolute;
        background-color: #161623e3;
        box-shadow: 0 0.5em 5em black;
        backdrop-filter: blur(2em);
        -webkit-backdrop-filter: blur(2em);
        border-bottom: 0.1em solid rgba(255, 255, 255, 0.5);
        border-left: 0.1em solid rgba(255, 255, 255, 0.5);
        border-top: 0.1em solid rgba(255, 255, 255, 0.5);
        z-index: 3;
        top: 5em;
        left: 0;
        color: white; }
        @media only screen and (max-width: 62.5em) {
          .w24-menu__first-group__items__drop {
            top: 6em;
            display: block;
            left: auto;
            transition: all 0.2s;
            visibility: hidden;
            width: 27em;
            backdrop-filter: blur(1em);
            -webkit-backdrop-filter: blur(1em); } }
        @media only screen and (max-width: 62.5em) {
          .w24-menu__first-group__items__drop__col {
            margin-top: 2em;
            border-bottom: 0.1rem solid #e4e4e4;
            width: 100%; } }
        .w24-menu__first-group__items__drop-before {
          display: none;
          align-items: center; }
          @media only screen and (max-width: 62.5em) {
            .w24-menu__first-group__items__drop-before {
              display: flex;
              position: absolute;
              align-items: center;
              top: -3em;
              padding-left: 1em;
              font-size: 1.3em;
              font-weight: 600;
              z-index: 15;
              background-color: white !important;
              width: 100%;
              height: 3em;
              border-bottom: 0.1em solid #eee; } }
          .w24-menu__first-group__items__drop-before__icon {
            font-size: 1.2em; }
        .w24-menu__first-group__items__drop__text {
          list-style: none;
          padding: 0.5em 2em;
          line-height: 4em;
          min-width: 15em;
          position: relative; }
          .w24-menu__first-group__items__drop__text--a {
            cursor: pointer;
            font-weight: 500;
            white-space: nowrap;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 1.4em;
            color: white;
            text-overflow: ellipsis; }
            .w24-menu__first-group__items__drop__text--a:hover {
              color: var(--main-color-w) !important; }
          .w24-menu__first-group__items__drop__text:hover {
            background-color: rgba(244, 244, 244, 0.5);
            color: var(--main-color-w) !important; }
        .w24-menu__first-group__items__drop-1 {
          border-left: 0.1em solid rgba(255, 255, 255, 0.5);
          border-top: 0.1em solid rgba(255, 255, 255, 0.5);
          position: absolute;
          visibility: hidden;
          top: 0;
          left: 15em;
          z-index: 1;
          background-color: #161623f5;
          backdrop-filter: blur(2em);
          -webkit-backdrop-filter: blur(2em);
          transition: all 0.2s; }
          @media only screen and (min-width: 62.5em) {
            .w24-menu__first-group__items__drop-1 {
              display: flex;
              box-shadow: 0 0.5em 5em black; } }
          @media only screen and (max-width: 62.5em) {
            .w24-menu__first-group__items__drop-1 {
              width: 27em;
              left: 0; } }
          .w24-menu__first-group__items__drop-1-before {
            display: none;
            align-items: center; }
            @media only screen and (max-width: 62.5em) {
              .w24-menu__first-group__items__drop-1-before {
                position: absolute;
                top: -3em;
                padding-left: 1em;
                font-size: 1.3em;
                font-weight: 600;
                z-index: 15;
                background-color: white !important;
                width: 100%;
                height: 3em;
                display: flex;
                border-bottom: 0.1em solid #eee; } }
            .w24-menu__first-group__items__drop-1-before__icon {
              font-size: 1.2em; }
          .w24-menu__first-group__items__drop-1__text {
            list-style: none;
            line-height: 4em;
            transition: none;
            min-width: 15em;
            padding: 0.5em 2em; }
            .w24-menu__first-group__items__drop-1__text--a {
              cursor: pointer;
              font-weight: 500;
              white-space: nowrap;
              text-transform: uppercase;
              text-decoration: none;
              font-size: 1.4em;
              color: white; }
              .w24-menu__first-group__items__drop-1__text--a:hover {
                color: var(--main-color-w); }
            .w24-menu__first-group__items__drop-1__text:hover {
              background-color: rgba(244, 244, 244, 0.5) !important;
              color: var(--main-color-w); }
  .w24-menu__second-group {
    height: 5em; }
    @media only screen and (max-width: 62.5em) {
      .w24-menu__second-group {
        position: absolute;
        background-color: #161623c4;
        left: 0;
        top: 8.7em;
        width: 27em;
        display: none;
        z-index: 10;
        backdrop-filter: blur(1em);
        -webkit-backdrop-filter: blur(1em); } }
    @media only screen and (max-width: 62.5em) {
      .w24-menu__second-group {
        left: 1em; } }
    .w24-menu__second-group__items {
      display: flex;
      margin-right: 2em;
      align-items: center;
      justify-content: center;
      z-index: 1; }
      .w24-menu__second-group__items__item {
        position: relative;
        color: white;
        cursor: pointer;
        height: 5em;
        width: 5em;
        display: flex;
        align-items: center;
        justify-content: center; }
        .w24-menu__second-group__items__item__icon {
          font-size: 2em;
          cursor: pointer;
          transition: all 0.2s; }
        .w24-menu__second-group__items__item:hover {
          background-color: rgba(244, 244, 244, 0.5); }
        .w24-menu__second-group__items__item__drop {
          display: none;
          position: absolute;
          top: 5em;
          left: 0;
          background-color: #161623c4; }
          @media only screen and (max-width: 62.5em) {
            .w24-menu__second-group__items__item__drop {
              box-shadow: rgba(0, 0, 0, 0.2); } }
          .w24-menu__second-group__items__item__drop__ul {
            list-style: none; }
          .w24-menu__second-group__items__item__drop__li {
            cursor: pointer;
            padding: 0 1em;
            font-weight: 600;
            padding: 2em; }
            .w24-menu__second-group__items__item__drop__li:hover {
              background-color: rgba(255, 255, 255, 0.5); }
      .w24-menu__second-group__items__item:hover .w24-menu__second-group__items__item__drop {
        display: block;
        z-index: 1; }
  .w24-menu__nav__checkbox-search:checked ~ .w24-menu__search {
    top: 0;
    visibility: visible; }
  .w24-menu__nav__checkbox-search {
    display: none;
    cursor: pointer; }
  .w24-menu__search {
    position: fixed;
    top: -15em;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: 161623c4;
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    padding: 4em;
    color: #757575;
    box-shadow: 0 1.5em 3.5em rgba(0, 0, 0, 0.2);
    transition: all 0.2s;
    z-index: 15; }
    .w24-menu__search__content {
      max-width: 120rem;
      margin: 0 auto;
      color: white; }
      .w24-menu__search__content__title {
        display: flex;
        justify-content: space-between;
        font-size: 1.4em; }
        .w24-menu__search__content__title__icon {
          font-size: 1.5em;
          background: none;
          border: none;
          cursor: pointer; }
        .w24-menu__search__content__title__checkbox {
          cursor: pointer; }
      .w24-menu__search__content__input {
        margin-top: 1em;
        display: flex;
        justify-content: space-between;
        padding: 2em 0;
        width: 100%;
        border-bottom: 0.2em solid #f5f5f5 !important; }
        .w24-menu__search__content__input__text {
          border: none;
          font-weight: 500;
          font-size: 2em;
          text-transform: uppercase;
          background-color: transparent;
          width: 100%;
          font-family: 'SVN-Sofia Pro Light';
          color: white; }
          .w24-menu__search__content__input__text::-webkit-input-placeholder {
            color: white; }
          .w24-menu__search__content__input__text:focus {
            outline: none; }
        .w24-menu__search__content__input__icon {
          cursor: pointer;
          font-size: 3em; }

.w24-banner {
  width: 100%;
  position: relative;
  z-index: 3;
  padding: 0 1em;
  overflow: hidden; }
  .w24-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    padding: 1em;
    padding-bottom: 5em; }
  .w24-banner__first {
    width: 38%;
    margin-right: 2%; }
    @media only screen and (max-width: 50em) {
      .w24-banner__first {
        width: 100%;
        margin-right: 0; } }
    .w24-banner__first__dot {
      height: 1em;
      width: 1em;
      border-radius: 50%;
      background-color: var(--main-color-w); }
    .w24-banner__first__info {
      margin-top: 4em; }
      @media only screen and (max-width: 37.5em) {
        .w24-banner__first__info {
          margin-top: unset; } }
      .w24-banner__first__info__name {
        font-weight: 800;
        font-size: 3.8em;
        padding: .1em;
        letter-spacing: 2px; }
        @media only screen and (max-width: 37.5em) {
          .w24-banner__first__info__name {
            font-size: 2.8em; } }
      .w24-banner__first__info__des {
        font-weight: 800;
        font-size: 3.8em;
        padding: .1em;
        letter-spacing: 2px; }
      .w24-banner__first__info__sub {
        font-size: 1.5em;
        padding: .5em;
        line-height: 1.8em;
        text-align: justify; }
      .w24-banner__first__info__btn {
        position: relative;
        width: 15.5em;
        height: 5em;
        margin-top: 3em; }
        .w24-banner__first__info__btn__button {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(255, 255, 255, 0.05);
          box-shadow: 0 1.5em 3.5em rgba(0, 0, 0, 0.2);
          border-top: 0.1em solid rgba(255, 255, 255, 0.1);
          border-bottom: 0.1em solid rgba(255, 255, 255, 0.1);
          border-radius: 3em;
          color: #004369;
          z-index: 1;
          font-weight: 600;
          font-size: 1.4em;
          letter-spacing: 1px;
          overflow: hidden;
          transition: 0.5s;
          cursor: pointer;
          backdrop-filter: blur(1.5em);
          -webkit-backdrop-filter: blur(1.5em); }
          .w24-banner__first__info__btn__button::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            background: linear-gradient(to left, rgba(255, 255, 255, 0.15), transparent);
            transform: skewX(45deg) translateX(0);
            transition: 0.5s; }
          .w24-banner__first__info__btn__button:hover {
            letter-spacing: .3em; }
          .w24-banner__first__info__btn__button:hover::before {
            transform: skewX(45deg) translateX(200%); }
        .w24-banner__first__info__btn::before {
          content: '';
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: -.5em;
          width: 3em;
          height: 1em;
          background-color: #f00;
          border-radius: 1em;
          transition: .5s; }
        .w24-banner__first__info__btn:hover::before {
          bottom: 0;
          height: 80%;
          width: 80%;
          border-radius: 3em; }
        .w24-banner__first__info__btn::after {
          content: '';
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: -.5em;
          width: 3em;
          height: 1em;
          background-color: #f00;
          border-radius: 1em;
          transition: .5s; }
        .w24-banner__first__info__btn:hover::after {
          top: 0;
          height: 80%;
          width: 80%;
          border-radius: 3em; }
        .w24-banner__first__info__btn:hover .w24-banner__first__info__btn__button {
          color: white; }
        .w24-banner__first__info__btn::before, .w24-banner__first__info__btn::after {
          background: #2bd2ff;
          box-shadow: 0 0 .5em #2bd2ff,
 0 0 1.5em #2bd2ff,
 0 0 3em #2bd2ff,
 0 0 6em #2bd2ff; }
  .w24-banner__second {
    width: 60%;
    margin-top: 5em;
    display: flex; }
    @media only screen and (max-width: 50em) {
      .w24-banner__second {
        width: 100%;
        padding-left: 5%; } }
    @media only screen and (max-width: 37.5em) {
      .w24-banner__second {
        width: 100%;
        padding-left: 0; } }
    .w24-banner__second__up {
      width: 39%;
      position: relative;
      border-radius: 1em; }
      .w24-banner__second__up__ar {
        color: orangered;
        padding: 1em .9em;
        font-size: 3em;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        margin-top: 1em;
        margin: 0 auto;
        display: inline-block;
        position: relative;
        left: 2.2em;
        top: 1em;
        z-index: 1; }
        @media only screen and (max-width: 37.5em) {
          .w24-banner__second__up__ar {
            top: .3em;
            left: 1.15em; } }
      .w24-banner__second__up__feature {
        padding: 1em;
        border: 0.1em solid rgba(255, 255, 255, 0.5);
        border-radius: .5em;
        height: 12em;
        box-shadow: 2em 2em 1em rgba(0, 0, 0, 0.05);
        width: 23em;
        backdrop-filter: blur(2em);
        -webkit-backdrop-filter: blur(2em); }
        .w24-banner__second__up__feature__title {
          display: flex;
          align-items: center;
          margin: 0 auto;
          justify-content: center;
          width: 100%; }
          .w24-banner__second__up__feature__title__icon {
            color: #f00;
            font-size: 2em;
            border-radius: 50%;
            height: 2em;
            width: 2em;
            display: flex !important;
            justify-self: center;
            align-items: center;
            background-color: rgba(255, 255, 255, 0.815);
            backdrop-filter: blur(2em);
            -webkit-backdrop-filter: blur(2em); }
          .w24-banner__second__up__feature__title__text {
            padding: .5em;
            font-size: 1.5em;
            font-weight: 800; }
        .w24-banner__second__up__feature__items {
          padding: 1em;
          position: absolute;
          box-shadow: 0.5em 0.5em 2em rgba(0, 0, 0, 0.1);
          top: 6em;
          width: 20em;
          backdrop-filter: blur(2em);
          -webkit-backdrop-filter: blur(2em);
          background-color: white; }

@keyframes w24down1 {
  0% {
    transform: translateY(0em); }
  20% {
    transform: translateY(1em); }
  75% {
    transform: translateY(20em); }
  100% {
    transform: translateY(22em);
    background-color: rgba(255, 255, 255, 0.5); } }
          @media only screen and (max-width: 37.5em) {
            @keyframes w24down1 {
              0% {
                transform: translateY(0em); }
              20% {
                transform: translateY(0.5em);
                font-size: unset; }
              50% {
                transform: translateY(13em) translateX(-3em) scale(0.8);
                font-size: unset; }
              75% {
                transform: translateY(20em) translateX(-3em) scale(0.3); }
              100% {
                transform: translateY(30em) scale(0);
                background-color: rgba(255, 255, 255, 0.5); } } }
          .w24-banner__second__up__feature__items:nth-child(5) {
            top: 6em;
            transition: all .2s ease;
            z-index: 0; }
          .w24-banner__second__up__feature__items:nth-child(4) {
            top: 6em;
            animation: w24down1 4s infinite;
            animation-delay: 3s;
            z-index: 1; }
          .w24-banner__second__up__feature__items:nth-child(3) {
            top: 6em;
            animation: w24down1 4s infinite;
            animation-delay: 2s;
            z-index: 1; }
          .w24-banner__second__up__feature__items:nth-child(2) {
            animation: w24down1 4s infinite;
            animation-delay: 1s;
            z-index: 1; }
          .w24-banner__second__up__feature__items__icon {
            padding: .5em;
            color: white;
            background-color: var(--main-color-w);
            border-radius: .3em; }
          .w24-banner__second__up__feature__items__text {
            padding: .5em;
            font-size: 1.2em;
            font-weight: 300; }
      .w24-banner__second__up__store {
        padding: 1em;
        border: 0.1em solid rgba(255, 255, 255, 0.5);
        border-radius: .5em;
        box-shadow: 2em 2em 1em rgba(0, 0, 0, 0.05);
        width: 23em;
        background-color: white;
        margin-top: 5em;
        z-index: 5;
        position: relative; }
        @media only screen and (max-width: 37.5em) {
          .w24-banner__second__up__store {
            margin-top: 3em;
            width: 15em; } }
        .w24-banner__second__up__store__title {
          display: flex;
          align-items: center;
          margin: 0 auto;
          justify-content: center;
          width: 100%;
          text-align: center;
          border-bottom: 0.1em solid rgba(0, 0, 0, 0.1); }
          .w24-banner__second__up__store__title__icon {
            padding: .2em;
            color: var(--main-color-w);
            font-size: 2em;
            border-radius: 50%;
            display: none !important; }
            @media only screen and (max-width: 37.5em) {
              .w24-banner__second__up__store__title__icon {
                font-size: 1.4em; } }
          .w24-banner__second__up__store__title__text {
            padding: .5em;
            font-size: 1.5em;
            font-weight: 800; }
            @media only screen and (max-width: 37.5em) {
              .w24-banner__second__up__store__title__text {
                font-size: 1em; } }
        .w24-banner__second__up__store__contain {
          border-radius: .5em;
          display: flex;
          flex-wrap: wrap;
          margin-left: -1em; }
          .w24-banner__second__up__store__contain__icon {
            color: white;
            background-color: var(--main-color-w);
            font-size: 1.6em;
            border-radius: 50%;
            box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
            border: 0.1em solid rgba(255, 255, 255, 0.5);
            top: 5em;
            height: 2em;
            width: 2em;
            display: flex !important;
            align-items: center;
            justify-content: center;
            margin-left: 1.2em;
            margin-top: 1em; }
            @media only screen and (max-width: 37.5em) {
              .w24-banner__second__up__store__contain__icon {
                font-size: 1.4em; } }
            .w24-banner__second__up__store__contain__icon--ab {
              color: white;
              background-color: var(--main-color-w);
              font-size: 1.6em;
              border-radius: 50%;
              height: 2em;
              width: 2em;
              left: 1.2em;
              display: flex !important;
              align-items: center;
              justify-content: center;
              box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
              border: 0.1em solid rgba(255, 255, 255, 0.5);
              position: absolute;
              background-color: red;
              top: 5em;
              animation: w24BannerHand1 3s infinite;
              z-index: 1;
              animation-delay: .1s; }
              @media only screen and (max-width: 37.5em) {
                .w24-banner__second__up__store__contain__icon--ab {
                  font-size: 1.4em;
                  animation: w24BannerHand1mb 3s infinite; } }

@keyframes w24BannerHand1 {
  50% {
    transform: translate(20em, 2em);
    opacity: 1; }
  100% {
    transform: translate(20.6em, 2.5em);
    opacity: 0; } }

@keyframes w24BannerHand1mb {
  50% {
    transform: translate(15.5em, 1.5em);
    opacity: 1; }
  100% {
    transform: translate(16em, 2.5em);
    opacity: 0; } }
            .w24-banner__second__up__store__contain__icon--ac {
              color: #f00;
              font-size: 3.2em;
              border-radius: 50%;
              box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
              border: 0.1em solid rgba(255, 255, 255, 0.5);
              background-color: rgba(255, 255, 255, 0.5);
              top: 3em;
              height: 2em;
              width: 2em;
              left: 0.1em;
              display: flex !important;
              align-items: center;
              justify-content: center;
              position: absolute;
              animation: w24BannerHand2 3s infinite;
              z-index: 2; }
              @media only screen and (max-width: 37.5em) {
                .w24-banner__second__up__store__contain__icon--ac {
                  font-size: 2.24em; } }

@keyframes w24BannerHand2 {
  50% {
    transform: translate(10em, 1em); }
  100% {
    transform: translate(10.3em, 1.25em); } }
            .w24-banner__second__up__store__contain__icon:nth-child(1) {
              animation: w24Zoom 1s infinite alternate;
              animation-delay: 3s; }
            .w24-banner__second__up__store__contain__icon:nth-child(2) {
              animation: w24Zoom 1s infinite alternate;
              animation-delay: 4s; }
            .w24-banner__second__up__store__contain__icon:nth-child(5) {
              animation: w24Zoom 1s infinite alternate;
              animation-delay: 5s; }

@keyframes w24Zoom {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.3);
    background-color: rgba(255, 255, 255, 0.5);
    color: var(--main-color-w); } }
    .w24-banner__second__your {
      width: 65%;
      position: relative;
      z-index: -1; }
      .w24-banner__second__your__imgbox {
        position: absolute;
        top: -3em;
        width: 40em;
        left: -10em;
        z-index: 3;
        display: block; }
        @media only screen and (max-width: 37.5em) {
          .w24-banner__second__your__imgbox {
            top: -10.5em;
            left: -12em;
            width: 35em; } }
        .w24-banner__second__your__imgbox__img {
          max-width: 100%;
          height: 100%;
          z-index: 1;
          position: relative; }
      .w24-banner__second__your::after {
        content: '';
        height: 35em;
        width: 35em;
        border: 4em solid var(--main-color-w);
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: -1;
        display: block;
        box-shadow: 2em 2em 1em rgba(0, 0, 0, 0.05); }
        @media only screen and (max-width: 37.5em) {
          .w24-banner__second__your::after {
            top: -10em;
            left: -6em; } }
      .w24-banner__second__your__content {
        z-index: 4;
        display: block;
        position: relative;
        top: 26em;
        width: 23em;
        padding: 1em;
        border: 0.1em solid rgba(255, 255, 255, 0.5);
        border-radius: .5em;
        box-shadow: 2em 2em 1em rgba(0, 0, 0, 0.05);
        background-color: white;
        left: 7em; }
        @media only screen and (max-width: 37.5em) {
          .w24-banner__second__your__content {
            width: 15em;
            left: 5em;
            top: 24.2em; } }
        .w24-banner__second__your__content__title {
          display: flex;
          align-items: center;
          margin: 0 auto;
          justify-content: center;
          width: 100%;
          text-align: center;
          border-bottom: 0.1em solid rgba(0, 0, 0, 0.1); }
          .w24-banner__second__your__content__title__icon {
            padding: .2em;
            color: var(--main-color-w);
            font-size: 2em;
            border-radius: 50%;
            display: none !important; }
            @media only screen and (max-width: 37.5em) {
              .w24-banner__second__your__content__title__icon {
                font-size: 1.4em; } }
          .w24-banner__second__your__content__title__text {
            padding: .5em;
            font-size: 1.5em;
            font-weight: 800; }
            @media only screen and (max-width: 37.5em) {
              .w24-banner__second__your__content__title__text {
                font-size: 1em; } }
        .w24-banner__second__your__content__web {
          height: 9.6em;
          width: 100%;
          border-radius: .5em;
          text-align: center;
          border: 0.1em solid var(--main-color-w); }
          @media only screen and (max-width: 37.5em) {
            .w24-banner__second__your__content__web {
              border: none;
              height: max-content; } }
          .w24-banner__second__your__content__web__br {
            box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.1);
            padding: .5em;
            margin-top: 1em;
            display: inline-block;
            font-size: 1.2em; }
          .w24-banner__second__your__content__web__function {
            display: flex;
            margin-left: -1em;
            flex-wrap: wrap; }
            .w24-banner__second__your__content__web__function__icon {
              color: white;
              background-color: var(--main-color-w);
              font-size: 1.6em;
              border-radius: 50%;
              box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
              border: 0.1em solid rgba(255, 255, 255, 0.5);
              top: 5em;
              height: 2em;
              width: 2em;
              display: flex !important;
              align-items: center;
              justify-content: center;
              margin-top: 1em;
              margin-left: 1.2em; }
              @media only screen and (max-width: 37.5em) {
                .w24-banner__second__your__content__web__function__icon {
                  font-size: 1.4em; } }

.w24-feature {
  width: 100%;
  z-index: 0;
  padding: 0 1em; }
  .w24-feature__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    padding: 1em;
    flex-wrap: wrap-reverse;
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5); }
  .w24-feature__first {
    width: 50%;
    min-width: 50%;
    margin-bottom: 1em;
    background-color: #cfcfcf98;
    position: relative;
    border-radius: 2em;
    overflow: hidden;
    padding: .5em;
    height: 20em;
    margin-right: 5%; }
    @media only screen and (max-width: 75em) {
      .w24-feature__first {
        min-width: 60%; } }
    @media only screen and (max-width: 62.5em) {
      .w24-feature__first {
        min-width: 70%; } }
    @media only screen and (max-width: 50em) {
      .w24-feature__first {
        min-width: 100%; } }
    .w24-feature__first::after {
      content: '';
      background-image: linear-gradient(to bottom right, #ff00d0, transparent, transparent, transparent, transparent, transparent), linear-gradient(to right, #ff00ea, #00ff62, transparent, transparent, transparent, transparent, transparent, transparent, transparent);
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
    .w24-feature__first__contain {
      background-color: white;
      height: 99%;
      bottom: 0;
      width: 50em;
      z-index: 13;
      border-radius: 2em;
      display: flex;
      position: relative;
      align-items: flex-end; }
      @media only screen and (max-width: 37.5em) {
        .w24-feature__first__contain {
          width: 95%; } }
      .w24-feature__first__contain__items {
        display: flex;
        align-items: flex-end; }
        .w24-feature__first__contain__items__item {
          border-top-left-radius: 1em;
          border-top-right-radius: 1em;
          width: 5em;
          margin: 1em 1em 0 0;
          text-align: center; }

@keyframes w24featureitem1 {
  0% { }
  100% {
    background-color: #338BE6; } }

@keyframes w24featureitem2 {
  0% { }
  100% {
    background-color: #F20DE3;
    height: 15em; } }

@keyframes w24featureitem3 {
  0% { }
  100% {
    background-color: #45F288; } }
          .w24-feature__first__contain__items__item:nth-child(1) {
            background-color: #F20DE3;
            height: 6em;
            animation: w24featureitem1 2s infinite alternate; }
          .w24-feature__first__contain__items__item:nth-child(2) {
            background-color: #45F288;
            height: 10em;
            animation: w24featureitem2 2s infinite alternate; }
          .w24-feature__first__contain__items__item:nth-child(3) {
            height: 4em;
            background-color: #338BE6;
            animation: w24featureitem3 2s infinite alternate; }
          .w24-feature__first__contain__items__item:first-child {
            margin-left: 1.5em; }
          @media only screen and (max-width: 37.5em) {
            .w24-feature__first__contain__items__item {
              margin: unset;
              margin-left: .5em; }
              .w24-feature__first__contain__items__item:first-child {
                margin-left: 1.5em; } }
          .w24-feature__first__contain__items__item__text {
            padding: .5em;
            background-color: white;
            border-radius: .9em;
            width: 90%;
            margin: .2em auto;
            font-weight: 600; }
      .w24-feature__first__contain__slider {
        background-color: #ECF0F3;
        display: block;
        top: -25%;
        box-shadow: 0 0 3.5em rgba(0, 0, 0, 0.1);
        position: relative;
        width: 50%; }
        @media only screen and (max-width: 25em) {
          .w24-feature__first__contain__slider {
            margin-left: -15%; } }
        .w24-feature__first__contain__slider__info {
          display: block;
          margin: 3em;
          position: relative; }
          @media only screen and (max-width: 37.5em) {
            .w24-feature__first__contain__slider__info {
              margin: 2em 1em; } }
          .w24-feature__first__contain__slider__info__bar {
            width: 100%;
            display: block;
            height: .5em;
            border-radius: .5em;
            background: linear-gradient(to right, #338BE6, #F20DE3); }
            .w24-feature__first__contain__slider__info__bar--2 {
              background: linear-gradient(to left, #338BE6, #F20DE3); }
          .w24-feature__first__contain__slider__info__circle {
            width: 2em;
            height: 2em;
            position: absolute;
            backdrop-filter: blur(0.3em);
            -webkit-backdrop-filter: blur(0.3em);
            box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
            background-color: rgba(255, 255, 255, 0.1);
            top: -0.75em;
            border-radius: 50%; }
            .w24-feature__first__contain__slider__info__circle--1 {
              cursor: pointer;
              left: 2em;
              animation: w24featurecir1 2s infinite alternate; }
            .w24-feature__first__contain__slider__info__circle--2 {
              cursor: pointer;
              left: 2em; }

@keyframes w24featurecir1 {
  20% { }
  100% {
    transform: translate(10em, 0); } }
      .w24-feature__first__contain__hand {
        position: absolute;
        top: 65%;
        right: 0;
        transform: translate(50%, -50%);
        font-size: 1.5em;
        color: #338BE6;
        z-index: 2;
        background-color: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px);
        padding: .5em;
        box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
        border-radius: 50%; }
      .w24-feature__first__contain__angle {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(50%, -50%);
        padding: 1em;
        background-color: white;
        box-shadow: 0 0 3.5em rgba(0, 0, 0, 0.2);
        border-radius: 50%; }
        .w24-feature__first__contain__angle__icon {
          font-size: 3em;
          margin: 0.1em; }
          .w24-feature__first__contain__angle__icon:nth-child(1) {
            color: #338BE6; }
  .w24-feature__second {
    width: 45%; }
    @media only screen and (max-width: 75em) {
      .w24-feature__second {
        width: 25%; } }
    @media only screen and (max-width: 50em) {
      .w24-feature__second {
        width: 100%;
        margin-top: 1em; } }
    .w24-feature__second__title {
      font-weight: 800;
      font-size: 3.8em;
      letter-spacing: 2px; }
      @media only screen and (max-width: 75em) {
        .w24-feature__second__title {
          font-size: 2em; } }
    .w24-feature__second__des {
      font-size: 1.6em;
      line-height: 1.8em;
      padding: 1em 0; }
      @media only screen and (max-width: 75em) {
        .w24-feature__second__des {
          padding: .5em 0; } }

.w24-service {
  width: 100%;
  padding: 0 1em; }
  .w24-service__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    padding: 1em; }
    @media only screen and (max-width: 37.5em) {
      .w24-service__group {
        padding: 0.5em; } }
  .w24-service__preview {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    z-index: 20;
    display: none;
    overflow: scroll;
    left: 0;
    top: 0;
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em); }
    .w24-service__preview--1 {
      width: 60%;
      margin-left: 20%;
      height: auto;
      left: 0;
      top: 5em; }
      @media only screen and (max-width: 37.5em) {
        .w24-service__preview--1 {
          width: 80%;
          margin-left: 10%;
          top: 1em; } }
      .w24-service__preview--1 img {
        border-radius: 1em;
        width: 100%; }
    .w24-service__preview__btn {
      background-color: white;
      box-shadow: 0 1.5em 2.5em rgba(0, 0, 0, 0.5);
      border-radius: 3em;
      position: sticky;
      border: none;
      outline: none;
      display: block;
      top: 1em;
      margin-left: 50%;
      padding: 1em 2em;
      transform: translate(-50%, 50%);
      white-space: nowrap;
      font-weight: 600;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      transition: all .3s ease-in-out;
      color: black; }
      @media only screen and (max-width: 37.5em) {
        .w24-service__preview__btn {
          font-size: 1em; } }
      .w24-service__preview__btn__text {
        font-size: 2em;
        transition: all .3s ease-in-out; }
        .w24-service__preview__btn__text:hover {
          letter-spacing: 2px; }
      .w24-service__preview__btn__icon {
        padding: .5em .65em;
        background-color: var(--main-color-w);
        border-radius: 50%;
        font-size: 2em;
        display: block;
        margin-left: .5em;
        color: white; }
  .w24-service__heading__title {
    font-size: 3em;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-weight: 800;
    padding: .3em; }
  .w24-service__heading__des {
    text-align: justify;
    padding: .5em;
    line-height: 1.8em;
    font-size: 1.6em;
    display: block; }
  .w24-service__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%; }
    @media only screen and (max-width: 37.5em) {
      .w24-service__items {
        margin-top: 2em; } }
    .w24-service__items__item {
      padding: 1em 1em 4em 2em;
      position: relative;
      width: 27%;
      margin-left: 6%;
      margin-bottom: 4em;
      backdrop-filter: blur(0.4em);
      -webkit-backdrop-filter: blur(0.4em);
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 2em;
      border: 0.1em solid rgba(255, 255, 255, 0.25);
      border-top: 0.1em solid rgba(255, 255, 255, 0.5);
      border-left: 0.1em solid rgba(255, 255, 255, 0.5);
      box-shadow: 0 1.5em 2.5em rgba(0, 0, 0, 0.05);
      display: block; }
      @media only screen and (max-width: 50em) {
        .w24-service__items__item {
          width: 40%;
          margin-left: 9%; } }
      @media only screen and (max-width: 37.5em) {
        .w24-service__items__item {
          width: 49%;
          margin-left: 1%;
          margin-bottom: 6em;
          padding: 1em .5em 4em .5em; } }
      .w24-service__items__item__content {
        margin-left: 3em;
        display: block;
        position: relative; }
        @media only screen and (max-width: 37.5em) {
          .w24-service__items__item__content {
            margin-left: 0; } }
        .w24-service__items__item__content__title {
          text-align: center;
          padding: .5em 0;
          color: black;
          font-weight: 800;
          letter-spacing: 1px;
          font-size: 1.4em;
          line-height: 1.8em; }
        .w24-service__items__item__content__imgbox {
          width: 98%;
          border-radius: 1em;
          backdrop-filter: blur(0.4em);
          -webkit-backdrop-filter: blur(0.4em);
          max-height: 20em;
          background-color: rgba(255, 255, 255, 0.1);
          border: 0.1em solid rgba(255, 255, 255, 0.25);
          border-top: 0.1em solid rgba(255, 255, 255, 0.5);
          border-left: 0.1em solid rgba(255, 255, 255, 0.5);
          cursor: pointer;
          overflow: hidden; }
          @media only screen and (max-width: 37.5em) {
            .w24-service__items__item__content__imgbox {
              width: 99%; } }
          .w24-service__items__item__content__imgbox--big {
            display: none; }
          .w24-service__items__item__content__imgbox__img {
            width: 100%; }
      .w24-service__items__item__btn {
        background-color: white;
        box-shadow: 0 1.5em 2.5em rgba(0, 0, 0, 0.05);
        border-radius: 3em;
        position: absolute;
        border: none;
        outline: none;
        bottom: 0;
        left: 50%;
        padding: 1em 2em;
        transform: translate(-50%, 50%);
        white-space: nowrap;
        font-weight: 600;
        cursor: pointer;
        transition: all .3s ease-in-out;
        color: black; }
        .w24-service__items__item__btn:hover {
          letter-spacing: 2px; }
      .w24-service__items__item__thumb {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%); }
        @media only screen and (max-width: 37.5em) {
          .w24-service__items__item__thumb {
            top: 0;
            left: 50%;
            display: flex; } }
        .w24-service__items__item__thumb__imgbox {
          backdrop-filter: blur(0.4em);
          -webkit-backdrop-filter: blur(0.4em);
          background-color: rgba(255, 255, 255, 0.3);
          border: 0.1em solid rgba(255, 255, 255, 0.25);
          border-top: 0.1em solid rgba(255, 255, 255, 0.5);
          border-left: 0.1em solid rgba(255, 255, 255, 0.5);
          border-radius: 1em;
          overflow: hidden;
          width: 8em;
          padding: .5em;
          cursor: pointer;
          transition: all .3s ease-in-out;
          max-height: 5em; }
          @media only screen and (min-width: 37.5em) {
            .w24-service__items__item__thumb__imgbox:not(:last-child) {
              margin-bottom: 1em; } }
          @media only screen and (max-width: 37.5em) {
            .w24-service__items__item__thumb__imgbox:not(:last-child) {
              margin-right: 1em; } }
          @media only screen and (max-width: 37.5em) {
            .w24-service__items__item__thumb__imgbox {
              width: 4em;
              border-radius: .5em; } }
          .w24-service__items__item__thumb__imgbox:hover {
            transform: scale(1.1); }
          .w24-service__items__item__thumb__imgbox__img {
            width: 100%;
            border-radius: 1em; }

.lightschema {
  font-size: 1.6em; }
  .lightschema__heading {
    padding: .5em; }
    .lightschema__heading__intro__title {
      font-weight: 600;
      font-size: 1.4em;
      display: block;
      padding: .5em 0; }
    .lightschema__heading__intro__sl {
      padding: 1em;
      background-color: var(--main-color-w);
      border: none;
      outline: none;
      font-size: 1.2m;
      border: 1px solid var(--main-color-w);
      color: black;
      cursor: pointer;
      background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
      background-position: calc(100% - 0.75rem) center !important;
      -moz-appearance: none !important;
      -webkit-appearance: none !important;
      appearance: none !important;
      padding-right: 2rem !important;
      border-radius: .5em;
      cursor: pointer; }
  .lightschema__tool {
    display: flex;
    padding: .5em;
    border: .1em solid #eee;
    border-radius: .5em;
    margin-top: 2em;
    flex-wrap: wrap; }
    .lightschema__tool__first {
      width: 45%; }
      @media only screen and (max-width: 50em) {
        .lightschema__tool__first {
          width: 100%; } }
    .lightschema__tool__second {
      width: 50%;
      margin-left: 5%; }
      @media only screen and (max-width: 50em) {
        .lightschema__tool__second {
          width: 100%;
          margin-left: 0; } }
      .lightschema__tool__second__contain {
        display: none; }
      .lightschema__tool__second__grbtn {
        display: flex;
        align-items: center; }
        .lightschema__tool__second__grbtn__btn {
          padding: 1em 1.5em;
          background-color: var(--main-color-w);
          border: none;
          outline: none;
          display: inline-block;
          margin-top: .5em;
          cursor: pointer;
          color: white;
          font-weight: 600;
          margin-bottom: 2em;
          font-size: 1em;
          border-radius: .3em; }
          .lightschema__tool__second__grbtn__btn:not(:last-child) {
            margin-right: 1em; }
          .lightschema__tool__second__grbtn__btn-ad {
            background-color: orangered; }
          .lightschema__tool__second__grbtn__btn:hover {
            background-color: white;
            color: var(--main-color-w);
            border: 0.1em solid var(--main-color-w); }
      .lightschema__tool__second__gend {
        background-color: #EDEFF0;
        border-radius: .5em;
        outline: none;
        padding: .5em;
        line-height: 1.4em;
        cursor: text;
        font-size: 1.4em; }
        .lightschema__tool__second__gend pre {
          overflow-x: auto;
          white-space: pre-wrap;
          white-space: -moz-pre-wrap;
          white-space: -pre-wrap;
          white-space: -o-pre-wrap;
          word-wrap: break-word; }
        .lightschema__tool__second__gend div {
          position: relative; }
  .lightschema__libra {
    width: 100%; }
    .lightschema__libra {
      display: none !important; }
    .lightschema__libra__block {
      width: 100%;
      margin-bottom: 1em;
      display: block;
      padding: .5em;
      border-radius: .5em;
      transition: all .3s ease; }
      .lightschema__libra__block:hover {
        border: 0.1em solid var(--main-color-w); }
      .lightschema__libra__block__name {
        font-size: 1em;
        padding: 1em 0 .5em 0;
        font-weight: 600; }
      .lightschema__libra__block__sl {
        padding: 1em;
        color: black;
        background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
        background-position: calc(100% - 0.75rem) center !important;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        padding-right: 2rem !important;
        border-radius: .5em;
        cursor: pointer !important; }
      .lightschema__libra__block__btn {
        padding: 1em 1.5em;
        background-color: var(--main-color-w);
        border: none;
        outline: none;
        display: block;
        margin-top: .5em;
        cursor: pointer;
        color: white;
        font-weight: 600;
        display: block;
        width: 100%;
        margin-bottom: 2em; }
        .lightschema__libra__block__btn-ad {
          background-color: orangered; }
        .lightschema__libra__block__btn:hover {
          background-color: white;
          color: var(--main-color-w);
          border: 0.1em solid var(--main-color-w); }
      .lightschema__libra__block__url {
        width: 100%;
        padding: .5em;
        border: .1em solid #eee;
        outline: none;
        font-size: 1em; }