/** settings */
body {
  font-family: "Poppins", sans-serif; }

.hidden-title {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

/** tools */
/**
 * https://github.com/pierreburel/sass-rem
 */
/**
 * Font Weight
 */
@-webkit-keyframes switcher {
  from {
    left: 0; }
  to {
    left: 100%; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-filter: opacity(1);
    filter: opacity(1); }
  50% {
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5); }
  100% {
    -webkit-filter: opacity(1);
    filter: opacity(1); } }

@keyframes pulse {
  0% {
    -webkit-filter: opacity(1);
    filter: opacity(1); }
  50% {
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5); }
  100% {
    -webkit-filter: opacity(1);
    filter: opacity(1); } }

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes Gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

.x-main-banner {
  width: 100%; }
  .x-main-banner__contents {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .x-main-banner__fixed {
    width: 57%; }
    .x-main-banner__fixed .box-banner {
      display: block; }
      .x-main-banner__fixed .box-banner img {
        width: 100%;
        display: block;
        height: auto; }
    .x-main-banner__fixed .slick-arrow {
      opacity: 0;
      visibility: hidden;
      width: 1px;
      height: 1px;
      position: absolute;
      left: -100%; }
  .x-main-banner__slider {
    width: 43%;
    position: relative; }
    .x-main-banner__slider--carousel {
      display: none; }
      .x-main-banner__slider--carousel .slick-track {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
      .x-main-banner__slider--carousel.slick-slider {
        display: block; }
    .x-main-banner__slider .box-banner {
      width: 100%;
      display: block; }
      .x-main-banner__slider .box-banner img {
        width: 100%;
        height: auto; }
    .x-main-banner__slider .slick-arrow {
      position: absolute;
      bottom: 0;
      z-index: 9;
      font-size: 0;
      width: 40px;
      height: 60px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .x-main-banner__slider .slick-arrow.slick-prev {
        right: 40px;
        background: #9D600F;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px; }
        .x-main-banner__slider .slick-arrow.slick-prev:after {
          content: '';
          background: url("/arquivos/slick--arrow-prev.png");
          background-repeat: no-repeat;
          -webkit-background-size: 100% 100%;
          background-size: 100%;
          width: 7px;
          height: 14px;
          display: block; }
      .x-main-banner__slider .slick-arrow.slick-next {
        right: 0;
        background: #A56817;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px; }
        .x-main-banner__slider .slick-arrow.slick-next:after {
          content: '';
          background: url("/arquivos/slick--arrow-next.png");
          background-repeat: no-repeat;
          -webkit-background-size: 100% 100%;
          background-size: 100%;
          width: 7px;
          height: 14px;
          display: block; }
    .x-main-banner__slider .slick-dots {
      background: #FFFFFF;
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -moz-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      height: 60px;
      height: 3.75rem;
      width: 100%; }
      .x-main-banner__slider .slick-dots li {
        font-size: 12px;
        font-size: 0.75rem; }
        .x-main-banner__slider .slick-dots li:last-of-type {
          margin-right: 0; }
        .x-main-banner__slider .slick-dots li button {
          color: #707070;
          min-width: 20px;
          padding: 0 5px; }
        .x-main-banner__slider .slick-dots li.slick-active button {
          color: #9D600F;
          font-weight: 700; }
          .x-main-banner__slider .slick-dots li.slick-active button:after {
            content: '';
            display: block;
            width: 100%;
            height: 3px;
            background: #9D600F;
            margin-top: 2px; }

.x-main-collections {
  width: 100%;
  position: relative;
  margin-bottom: 70px;
  margin-bottom: 4.375rem;
  margin-top: 50px;
  margin-top: 3.125rem; }
  .x-main-collections__center {
    width: 100%;
    padding-left: 35px;
    padding-left: 2.1875rem; }
  .x-main-collections__banner {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .x-main-collections__banner--item {
      width: 78%;
      display: block; }
      .x-main-collections__banner--item img {
        width: 100%;
        height: auto;
        display: block; }
  .x-main-collections__filters {
    width: 20%;
    padding-top: 70px;
    padding-top: 4.375rem; }
    .x-main-collections__filters > h2 {
      font-size: 22px;
      font-size: 1.375rem;
      font-family: "Vesper Libre", serif;
      font-weight: 700;
      display: block;
      margin-bottom: 20px;
      margin-bottom: 1.25rem;
      color: #9D600F; }
    .x-main-collections__filters--checkbox {
      width: 80%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 15px;
      margin-bottom: 0.9375rem; }
      .x-main-collections__filters--checkbox:nth-child(3) {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0; }
      .x-main-collections__filters--checkbox-switch {
        width: 49px;
        width: 3.0625rem;
        height: 24px;
        height: 1.5rem;
        margin: 0 15px;
        margin: 0 0.9375rem;
        padding: 0 1px;
        padding: 0 0.0625rem;
        position: relative;
        background: #C9D2EA;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        cursor: pointer;
        -webkit-transition: all linear .3s;
        -o-transition: all linear .3s;
        transition: all linear .3s; }
        .x-main-collections__filters--checkbox-switch.is--selected {
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
          -moz-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          -webkit-transition: all linear .3s;
          -o-transition: all linear .3s;
          transition: all linear .3s; }
          .x-main-collections__filters--checkbox-switch.is--selected .x-main-collections__filters--checkbox-switch-circle {
            left: 58%;
            -webkit-transition: all linear .3s;
            -o-transition: all linear .3s;
            transition: all linear .3s; }
        .x-main-collections__filters--checkbox-switch-circle {
          width: 20px;
          width: 1.25rem;
          height: 20px;
          height: 1.25rem;
          background: #FFFFFF;
          -webkit-border-radius: 100%;
          border-radius: 100%;
          position: absolute;
          left: 1px;
          -webkit-transition: all linear .3s;
          -o-transition: all linear .3s;
          transition: all linear .3s; }
      .x-main-collections__filters--checkbox > p {
        font-size: 14px;
        font-size: 0.875rem;
        color: #707070; }
        .x-main-collections__filters--checkbox > p:first-of-type {
          min-width: 50px; }
        .x-main-collections__filters--checkbox > p.is--selected {
          font-weight: 600; }
  .x-main-collections__contents {
    width: 100%;
    margin-top: -15%;
    min-height: 315px;
    min-height: 19.6875rem;
    position: relative; }
    .x-main-collections__contents--item {
      max-height: 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: max-height .8s;
      -o-transition: max-height .8s;
      transition: max-height .8s;
      overflow: hidden;
      position: relative; }
      .x-main-collections__contents--item .x-shelf__carousel .shelf__main .slick-arrow {
        display: flex !important;
        position: absolute;
        bottom: 0;
        z-index: 9;
        font-size: 0;
        width: 40px;
        height: 60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .x-main-collections__contents--item .x-shelf__carousel .shelf__main .slick-arrow.slick-prev {
          left: 0px;
          background: #9D600F;
          -webkit-border-top-left-radius: 5px;
          border-top-left-radius: 5px;
          -webkit-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px; }
          .x-main-collections__contents--item .x-shelf__carousel .shelf__main .slick-arrow.slick-prev:after {
            content: '';
            background: url(/arquivos/slick--arrow-prev.png);
            background-repeat: no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100%;
            width: 7px;
            height: 14px;
            display: block; }
        .x-main-collections__contents--item .x-shelf__carousel .shelf__main .slick-arrow.slick-next {
          left: 40px;
          background: #A56817;
          -webkit-border-top-right-radius: 5px;
          border-top-right-radius: 5px;
          -webkit-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px; }
          .x-main-collections__contents--item .x-shelf__carousel .shelf__main .slick-arrow.slick-next:after {
            content: '';
            background: url(/arquivos/slick--arrow-next.png);
            background-repeat: no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100%;
            width: 7px;
            height: 14px;
            display: block; }
      .x-main-collections__contents--item.is--loading:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.9);
        z-index: 2; }
      .x-main-collections__contents--item.is--active {
        max-height: 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transition: max-height .8s;
        -o-transition: max-height .8s;
        transition: max-height .8s; }
    .x-main-collections__contents .shelf > ul {
      margin-right: 0;
      padding-bottom: 100px; }
      .x-main-collections__contents .shelf > ul li {
        background: #fff; }
        .x-main-collections__contents .shelf > ul li .x-product__image img {
          -webkit-border-radius: 5px;
          border-radius: 5px; }
  .x-main-collections .x-main-collections__contents--item-link a {
    width: 260px;
    width: 16.25rem;
    height: 59px;
    height: 3.6875rem;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #FFFFFF;
    background: #9D600F;
    letter-spacing: .5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    right: 3%;
    bottom: 0; }
  .x-main-collections .x-main-collections--link {
    display: none; }

.x-main-categories {
  width: 100%; }
  .x-main-categories__contents {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .x-main-categories__contents .box-banner {
      width: 100%;
      display: block; }
      .x-main-categories__contents .box-banner img {
        width: 100%;
        display: block;
        height: auto; }
  .x-main-categories__left {
    width: 46%; }
    .x-main-categories__left .box-banner:nth-child(1) {
      width: 80%; }
    .x-main-categories__left .box-banner:nth-child(2) {
      padding: 70px 0 70px 85px;
      padding: 4.375rem 0 4.375rem 5.3125rem; }
  .x-main-categories__right {
    width: 46%; }

.x-main-shop-look {
  width: 100%; }
  .x-main-shop-look__header {
    width: 100%;
    padding: 0 0 10px 85px;
    padding: 0 0 0.625rem 5.3125rem; }
    .x-main-shop-look__header h2 {
      color: #9D600F;
      font-family: "Vesper Libre", serif;
      font-size: 22px;
      font-size: 1.375rem;
      margin-bottom: 20px;
      margin-bottom: 1.25rem; }
  .x-main-shop-look__navigation {
    width: 100%;
    padding: 0 0 20px 85px;
    padding: 0 0 1.25rem 5.3125rem; }
    .x-main-shop-look__navigation ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .x-main-shop-look__navigation ul li {
        color: #404040;
        margin-right: 45px;
        margin-right: 2.8125rem;
        cursor: pointer; }
        .x-main-shop-look__navigation ul li.is--active {
          font-weight: 700; }
          .x-main-shop-look__navigation ul li.is--active:after {
            width: 38px;
            -webkit-transition: width .3s;
            -o-transition: width .3s;
            transition: width .3s; }
        .x-main-shop-look__navigation ul li:after {
          content: '';
          width: 0;
          height: 3px;
          display: block;
          background: #404040;
          -webkit-transition: width .3s;
          -o-transition: width .3s;
          transition: width .3s;
          margin-top: 3px; }
        .x-main-shop-look__navigation ul li:last-of-type {
          margin-right: 0; }
  .x-main-shop-look__contents {
    width: 100%; }
    .x-main-shop-look__contents--item {
      width: 100%;
      opacity: 0;
      visibility: hidden;
      max-height: 0;
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-right: 65px;
      padding-right: 4.0625rem; }
      .x-main-shop-look__contents--item.is--active {
        opacity: 1;
        visibility: visible;
        max-height: 100%; }
      .x-main-shop-look__contents--item-banner {
        width: 65%;
        position: relative; }
        .x-main-shop-look__contents--item-banner .slick-arrow {
          position: absolute;
          bottom: 7px;
          z-index: 9;
          font-size: 0;
          width: 40px;
          height: 60px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .x-main-shop-look__contents--item-banner .slick-arrow.slick-prev {
            left: 0;
            background: #9D600F;
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-bottom-left-radius: 5px; }
            .x-main-shop-look__contents--item-banner .slick-arrow.slick-prev:after {
              content: '';
              background: url("/arquivos/slick--arrow-prev.png");
              background-repeat: no-repeat;
              -webkit-background-size: 100% 100%;
              background-size: 100%;
              width: 7px;
              height: 14px;
              display: block; }
          .x-main-shop-look__contents--item-banner .slick-arrow.slick-next {
            left: 40px;
            background: #A56817;
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-bottom-right-radius: 5px; }
            .x-main-shop-look__contents--item-banner .slick-arrow.slick-next:after {
              content: '';
              background: url("/arquivos/slick--arrow-next.png");
              background-repeat: no-repeat;
              -webkit-background-size: 100% 100%;
              background-size: 100%;
              width: 7px;
              height: 14px;
              display: block; }
        .x-main-shop-look__contents--item-banner .box-banner {
          width: 100%; }
          .x-main-shop-look__contents--item-banner .box-banner img {
            width: 100%;
            display: block;
            height: auto; }
      .x-main-shop-look__contents--item-shelf {
        width: 33%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
    .x-main-shop-look__contents--total {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 40px;
      margin-top: 2.5rem;
      margin-bottom: 8px;
      margin-bottom: 0.5rem; }
      .x-main-shop-look__contents--total-price {
        font-weight: 700;
        color: #404040; }
      .x-main-shop-look__contents--total-item > p {
        color: #404040; }
      .x-main-shop-look__contents--total-buy {
        width: 260px;
        width: 16.25rem;
        height: 59px;
        height: 3.6875rem;
        font-size: 12px;
        font-size: 0.75rem;
        text-transform: uppercase;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #FFFFFF;
        background: #9D600F;
        letter-spacing: .5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
        .x-main-shop-look__contents--total-buy.is--disabled {
          opacity: .5;
          pointer-events: none; }

.x-main-share {
  width: 100%;
  margin-top: 50px;
  margin-top: 3.125rem; }
  .x-main-share__contents {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .x-main-share__left {
    width: 48%;
    position: relative; }
  .x-main-share__right {
    width: 48%; }
  .x-main-share__banner--header {
    width: 80%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    padding: 1.25rem; }
    .x-main-share__banner--header h3 {
      font-family: "Vesper Libre", serif;
      color: #9D600F;
      font-size: 22px;
      font-size: 1.375rem;
      letter-spacing: 0.5px;
      display: block;
      margin-bottom: 10px;
      margin-bottom: 0.625rem;
      text-align: center; }
    .x-main-share__banner--header ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .x-main-share__banner--header ul li {
        margin-right: 25px;
        margin-right: 1.5625rem; }
        .x-main-share__banner--header ul li:last-of-type {
          margin-right: 0; }
        .x-main-share__banner--header ul li button {
          color: #404040;
          font-size: 16px;
          font-size: 1rem; }
          .x-main-share__banner--header ul li button:after {
            content: '';
            width: 0;
            height: 3px;
            display: block;
            background: #404040;
            -webkit-transition: width .3s;
            -o-transition: width .3s;
            transition: width .3s;
            margin-top: 3px; }
          .x-main-share__banner--header ul li button.is--active {
            font-weight: 700; }
            .x-main-share__banner--header ul li button.is--active:after {
              width: 38px;
              -webkit-transition: width .3s;
              -o-transition: width .3s;
              transition: width .3s; }
  .x-main-share__banner .box-banner {
    width: 100%;
    display: none; }
    .x-main-share__banner .box-banner img {
      width: 100%;
      display: block;
      height: auto; }
    .x-main-share__banner .box-banner:first-of-type {
      display: block; }
  .x-main-share__item {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    -o-transition: max-height 0.8s;
    transition: max-height 0.8s; }
    .x-main-share__item.is--active {
      opacity: 1;
      visibility: visible;
      max-height: 100%;
      -webkit-transition: max-height 0.8s;
      -o-transition: max-height 0.8s;
      transition: max-height 0.8s; }

.x-main-banner-featured {
  width: 100%;
  margin-top: 50px;
  margin-top: 3.125rem; }
  .x-main-banner-featured .box-banner {
    width: 100%;
    display: block; }
    .x-main-banner-featured .box-banner img {
      width: 100%;
      height: auto;
      display: block; }