html {
  font-size: 16px; }

figure {
  margin: 0; }

.homepage .d-xl-block .navbg {
  position: absolute;
  width: 100%;
  z-index: 99;
  background-color: transparent;
  transition: 0.5s all ease;
  padding-top: 0px;
  padding-bottom: 0; }
  .homepage .d-xl-block .navbg::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 30%;
    background-color: #FFF;
    right: 0;
    z-index: -1; }
  .homepage .d-xl-block .navbg:hover {
    background-color: #393e46; }
  .homepage .d-xl-block .navbg .menugroup {
    margin-top: 0;
    text-align: right; }
    .homepage .d-xl-block .navbg .menugroup .mainmenu {
      display: inline-block;
      background-color: #FFF;
      z-index: 99; }
      .homepage .d-xl-block .navbg .menugroup .mainmenu > li {
        position: static;
        width: 155px;
        text-align: center;
        padding: 0;
        max-width: 16%; }
        .homepage .d-xl-block .navbg .menugroup .mainmenu > li > a {
          color: #000;
          padding: 30px 0px;
          display: block;
          border-right: 1px solid #ebebeb; }
          .homepage .d-xl-block .navbg .menugroup .mainmenu > li > a .site-nav__link:after {
            display: none; }
.homepage footer .bgfromri {
  display: none; }
.homepage footer .col-xl-11 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.owl-carousel .owl-nav button[class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #000;
  color: #000;
  width: 38px;
  height: 38px;
  line-height: 40px;
  background-color: #FFF;
  border-radius: 50%;
  text-align: center; }
  .owl-carousel .owl-nav button[class*=owl-].owl-next {
    right: -80px; }
  .owl-carousel .owl-nav button[class*=owl-].owl-prev {
    left: -80px; }
  .owl-carousel .owl-nav button[class*=owl-]:hover {
    background-color: #FFF;
    color: #333; }
.owl-carousel .owl-dots {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 30px; }
  .owl-carousel .owl-dots .owl-dot span {
    margin: 5px;
    background-color: transparent;
    border: 2px solid #FFF;
    width: 11px;
    height: 11px; }
  .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #FFF; }

.home-banner {
  padding: 0; }
  .home-banner a {
    display: block; }

.padding_fpage {
  padding-left: 125px;
  padding-right: 125px;
  max-width: 1750px;
  margin: 0 auto; }
  .padding_fpage .pddf_noleft {
    padding-left: 0; }

.text_smarthome {
  text-align: center; }
  .text_smarthome h1 {
    letter-spacing: 2px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
    margin-top: 40px; }
  .text_smarthome p {
    line-height: 2.3;
    color: #333;
    margin-bottom: 30px; }

.goldenborder span {
  position: absolute; }
  .goldenborder span:first-child {
    background: #fffbcb;
    background: linear-gradient(90deg, #fbc925 0%, #faf1bd 24%, #c59633 50%, #c59633 66%, #fffbcb 100%);
    height: 1px;
    left: 15px;
    right: 15px;
    top: 15px; }
  .goldenborder span:nth-child(2) {
    background: #fbc925;
    background: linear-gradient(0deg, #fbc925 0%, #fbc925 100%);
    left: 15px;
    top: 15px;
    bottom: 15px;
    width: 1px; }
  .goldenborder span:nth-child(3) {
    background: #fffbcb;
    background: linear-gradient(90deg, #fffbcb 0%, #c59633 24%, #c59633 50%, #faf1bd 66%, #fbc925 100%);
    height: 1px;
    left: 15px;
    right: 15px;
    bottom: 15px; }
  .goldenborder span:nth-child(4) {
    background: #fffbcc;
    right: 15px;
    top: 15px;
    bottom: 15px;
    width: 1px; }

.goldenborder_bot {
  margin-top: 70px; }
  .goldenborder_bot span {
    position: absolute;
    background: #fffbcb;
    background: linear-gradient(90deg, #fffbcb 0%, #c59633 24%, #c59633 50%, #faf1bd 66%, #fbc925 100%);
    height: 1px;
    left: 15px;
    right: 15px;
    bottom: 15px; }

.head_fp h1, .head_fp h2 {
  font-size: 1.8rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 15px;
  line-height: 1.25; }
  .head_fp h1 span, .head_fp h2 span {
    display: block;
    font-size: 0.65em; }

.bg_zigbee {
  background: black;
  background: linear-gradient(45deg, black 0%, black 75%, #282929 100%);
  padding-top: 65px;
  padding-bottom: 65px;
  color: #FFF; }
  .bg_zigbee .zigbee_img {
    padding: 0;
    overflow: hidden;
    margin-bottom: 35px; }
    .bg_zigbee .zigbee_img img {
      width: 100%;
      height: auto;
      transition: 1s all ease; }
    .bg_zigbee .zigbee_img:hover img {
      transform: scale(1.03, 1.03); }
  .bg_zigbee .zibee_detail {
    align-self: center;
    padding-left: 50px; }
    .bg_zigbee .zibee_detail a {
      display: block;
      color: #FFF; }
    .bg_zigbee .zibee_detail p {
      line-height: 2.3; }

.item_newproduct > div:not(.price_zigbee) {
  padding-bottom: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  position: relative;
  overflow: hidden; }
  .item_newproduct > div:not(.price_zigbee) img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 1s all ease; }
.item_newproduct h3 {
  color: #FFF;
  font-size: 1rem;
  margin-top: 15px;
  margin-bottom: 5px; }
.item_newproduct .price_zigbee {
  color: #FFF;
  font-weight: 600; }
  .item_newproduct .price_zigbee span {
    font-size: 0.8em;
    text-decoration: line-through;
    margin-right: 10px;
    font-weight: 500; }
.item_newproduct:hover > div:not(.price_zigbee) img {
  transform: scale(1.03, 1.03); }

.newpd-carousel {
  margin-top: 20px; }

.bg_touch_switch {
  padding-bottom: 32%;
  overflow: hidden;
  margin-bottom: 20px; }
  .bg_touch_switch::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2; }
  .bg_touch_switch img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 1s all ease;
    z-index: 1; }
  .bg_touch_switch:hover img {
    transform: scale(1.03, 1.03); }

.touch_switch_text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  text-align: center;
  z-index: 3; }
  .touch_switch_text p {
    line-height: 2.3;
    margin-bottom: 25px;
    font-size: 0.9rem; }
  .touch_switch_text a {
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.9rem;
    display: inline-block; }
    .touch_switch_text a i {
      margin-right: 7px; }
    .touch_switch_text a.btn_wacthvideo {
      margin-right: 100px; }
      .touch_switch_text a.btn_wacthvideo:hover i {
        transform: rotate(360deg); }
    .touch_switch_text a.btn_discover {
      position: relative;
      padding-right: 15px; }
      .touch_switch_text a.btn_discover::after {
        content: "";
        width: 24px;
        height: 1px;
        background-color: #FFF;
        display: inline-block;
        position: absolute;
        left: 100%;
        top: 49%;
        transition: 1s all ease; }
      .touch_switch_text a.btn_discover:hover::after {
        left: 90%; }

.item_ts {
  padding: 2px;
  display: block; }
  .item_ts figure {
    border: 1px solid #f8f8f8;
    padding: 20px; }
    .item_ts figure > div {
      padding-bottom: 86%;
      position: relative; }
      .item_ts figure > div img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: 1s all ease;
        z-index: 1; }
      .item_ts figure > div:hover img {
        transform: scale(1.03, 1.03); }
    .item_ts figure figcaption {
      text-align: center; }
      .item_ts figure figcaption h3 {
        font-size: 1rem;
        margin-bottom: 15px;
        line-height: 1.75; }
      .item_ts figure figcaption > div {
        font-weight: 600; }
        .item_ts figure figcaption > div span {
          font-size: 0.8em;
          text-decoration: line-through;
          margin-right: 10px;
          font-weight: 500; }

.item_price {
  font-weight: 600;
  font-size: 1.25rem; }
  .item_price span {
    font-size: 0.8em;
    text-decoration: line-through;
    margin-right: 10px;
    font-weight: 500; }

.item_color span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  border-radius: 5px; }

.ts-carousel {
  margin-bottom: 45px; }

.bg_smart_mirror {
  background: black;
  background: linear-gradient(45deg, black 0%, black 75%, #282929 100%);
  padding-top: 65px;
  padding-bottom: 65px;
  color: #FFF; }

.item_wthumb {
  padding-left: 15px;
  padding-right: 15px; }
  .item_wthumb figure > a {
    display: block;
    padding-left: 0; }
    .item_wthumb figure > a img {
      transition: 1s all ease; }
    .item_wthumb figure > a:hover img {
      transform: scale(1.02, 1.02); }
  .item_wthumb figure figcaption {
    padding: 40px; }
    .item_wthumb figure figcaption h3 {
      margin-bottom: 25px; }
    .item_wthumb figure figcaption .item_price {
      margin-bottom: 25px; }
    .item_wthumb figure figcaption .item_color {
      margin-bottom: 20px; }
    .item_wthumb figure figcaption p {
      line-height: 2.5; }
    .item_wthumb figure figcaption > a {
      border: 1px solid rgba(222, 222, 222, 0.5);
      padding: 13px 35px;
      color: #FFF;
      font-weight: 500;
      display: inline-block;
      position: relative;
      transition: 1s all ease;
      text-transform: uppercase;
      font-size: 0.85rem; }
      .item_wthumb figure figcaption > a::before {
        content: "";
        border: 1px solid #dedede;
        position: absolute;
        left: -6px;
        right: -6px;
        top: 4px;
        bottom: 4px;
        opacity: 0.5;
        transition: 1s all ease; }
      .item_wthumb figure figcaption > a:hover::before {
        opacity: 1; }

.navigation-thumbs {
  margin-top: 20px; }

.owl-item.synced .item_thumb {
  opacity: 0.5;
  overflow: hidden; }

.bg_media {
  background-color: #000; }
  .bg_media .head_fp {
    margin-bottom: 40px;
    margin-top: 60px; }
    .bg_media .head_fp::after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: #fffbcb;
      background: linear-gradient(90deg, #fbc925 0%, #faf1bd 24%, #c59633 50%, #c59633 66%, #fffbcb 100%); }
    .bg_media .head_fp h2 {
      color: #FFF; }

.item_media {
  display: block; }
  .item_media figure > div {
    padding-bottom: 59%;
    position: relative; }
    .item_media figure > div img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: 1s all ease;
      z-index: 1; }
    .item_media figure > div:hover img {
      transform: scale(1.03, 1.03); }
  .item_media figure figcaption {
    background-color: #181a1c;
    padding: 12px 15px; }
    .item_media figure figcaption h3 {
      color: #FFF;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      margin-bottom: 0;
      padding-left: 28px; }
      .item_media figure figcaption h3 i {
        margin-right: 10px;
        margin-left: -25px; }

.wrap_ref_fp {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dedede; }
  .wrap_ref_fp .photo_ref_fp {
    display: flex;
    -ms-flex: 0 0 37.5%;
    flex: 37.5%;
    max-width: 37.5%;
    flex-wrap: wrap; }
    .wrap_ref_fp .photo_ref_fp a {
      display: block;
      overflow: hidden;
      position: relative;
      -ms-flex: 0 0 50%;
      flex: 50%;
      max-width: 50%;
      border-top: 1px solid #dedede;
      border-left: 1px solid #dedede; }
      .wrap_ref_fp .photo_ref_fp a > div:not(.caption_ref) {
        content: "";
        padding-bottom: 100%;
        display: block;
        width: 100%;
        position: relative;
        min-height: 100%; }
        .wrap_ref_fp .photo_ref_fp a > div:not(.caption_ref) img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
          transition: 1s all ease;
          z-index: 1; }
      .wrap_ref_fp .photo_ref_fp a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 2;
        opacity: 0;
        transition: 1s all ease; }
      .wrap_ref_fp .photo_ref_fp a .caption_ref {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        text-align: center;
        padding: 15px;
        transform: translate(0, -50%);
        z-index: 3;
        color: #FFF;
        opacity: 0;
        font-weight: 500;
        transition: 1s all ease; }
      .wrap_ref_fp .photo_ref_fp a:hover > div:not(.caption_ref) img {
        transform: scale(1.03, 1.03); }
      .wrap_ref_fp .photo_ref_fp a:hover::before {
        opacity: 1; }
      .wrap_ref_fp .photo_ref_fp a:hover .caption_ref {
        opacity: 1; }
  .wrap_ref_fp .text_ref_fp {
    display: block;
    flex-wrap: wrap;
    align-self: center;
    -ms-flex: 0 0 25%;
    flex: 25%;
    max-width: 25%;
    text-align: center;
    padding: 30px; }
    .wrap_ref_fp .text_ref_fp p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      line-height: 2;
      color: #333;
      margin-bottom: 20px; }
    .wrap_ref_fp .text_ref_fp > a {
      border: 1px solid #dedede;
      padding: 13px 35px;
      color: #000;
      font-weight: 500;
      display: inline-block;
      position: relative;
      transition: 1s all ease;
      text-transform: uppercase;
      font-size: 0.85rem; }
      .wrap_ref_fp .text_ref_fp > a::before {
        content: "";
        border: 1px solid #dedede;
        position: absolute;
        left: -6px;
        right: -6px;
        top: 4px;
        bottom: 4px;
        transition: 1s all ease; }
      .wrap_ref_fp .text_ref_fp > a::after {
        content: "";
        width: 24px;
        height: 1px;
        background-color: #000;
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle;
        margin-bottom: 2px;
        transition: 1s all ease; }
      .wrap_ref_fp .text_ref_fp > a:hover {
        border: 1px solid rgba(100, 100, 100, 0.5); }
        .wrap_ref_fp .text_ref_fp > a:hover::before {
          border: 1px solid black;
          opacity: 0.2; }
        .wrap_ref_fp .text_ref_fp > a:hover::after {
          transform: translate(10px, 0); }

.client-carousel {
  margin-bottom: 30px; }
  .client-carousel .item_client {
    text-align: center; }
    .client-carousel .item_client a {
      display: inline-block; }
      .client-carousel .item_client a img {
        width: 200px;
        max-width: 100%;
        max-height: 140px;
        object-fit: contain; }

.wrap_client .head_fp {
  text-align: center;
  margin-top: 30px; }

.bg_touchtest {
  background-color: #000; }

.img_touchtest {
  padding-left: 0; }
  .img_touchtest a {
    display: block;
    min-height: 100%;
    position: relative;
    padding-bottom: 75%;
    overflow: hidden; }
    .img_touchtest a img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: 1s all ease; }
    .img_touchtest a .btnplayvdo {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      transform: translate(-50%, -50%);
      text-align: center;
      color: #FFF;
      text-transform: uppercase;
      letter-spacing: 2px; }
      .img_touchtest a .btnplayvdo i {
        display: block;
        font-size: 2.25rem;
        margin-bottom: 10px; }
    .img_touchtest a:hover img {
      transform: scale(1.03, 1.03); }

.detail_touchtest {
  color: #FFF;
  padding: 30px;
  align-self: center; }
  .detail_touchtest h2 {
    margin-bottom: 15px;
    max-width: 600px; }
  .detail_touchtest p {
    margin-bottom: 30px;
    max-width: 600px; }
  .detail_touchtest .document_touchtest {
    display: flex; }
    .detail_touchtest .document_touchtest a {
      display: inline-block;
      -ms-flex: 0 0 240px;
      flex: 240px;
      max-width: 240px;
      margin-right: 30px;
      border: 1px solid #dedede; }
      .detail_touchtest .document_touchtest a img {
        width: 100%;
        height: auto; }

.wrap_news_event {
  margin-top: 50px;
  margin-bottom: 50px; }

.item_news_event > a {
  display: block;
  overflow: hidden;
  position: relative; }
  .item_news_event > a::before {
    content: "";
    width: 100%;
    padding-bottom: 100%;
    display: block; }
  .item_news_event > a img {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 1s all ease; }
  .item_news_event > a:hover img {
    transform: scale(1.03, 1.03); }
.item_news_event figcaption {
  padding-left: 45px;
  align-self: center; }
  .item_news_event figcaption > a {
    display: block; }
    .item_news_event figcaption > a h3 {
      font-size: 1.65rem;
      line-height: 1.5; }
    .item_news_event figcaption > a p {
      line-height: 2;
      margin-bottom: 35px; }
    .item_news_event figcaption > a.news_video {
      width: 480px;
      max-width: 100%;
      position: relative;
      overflow: hidden;
      transform: translate(-100px, 0); }
      .item_news_event figcaption > a.news_video .btnplayvdo {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        transform: translate(-50%, -50%);
        text-align: center;
        color: #FFF;
        text-transform: uppercase;
        letter-spacing: 2px;
        opacity: 0.5;
        transition: 1s all ease; }
        .item_news_event figcaption > a.news_video .btnplayvdo i {
          display: block;
          font-size: 2.25rem;
          margin-bottom: 10px; }
      .item_news_event figcaption > a.news_video::before {
        content: "";
        width: 100%;
        padding-bottom: 59%;
        display: block; }
      .item_news_event figcaption > a.news_video img {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: 1s all ease; }
      .item_news_event figcaption > a.news_video:hover img {
        transform: scale(1.03, 1.03); }
      .item_news_event figcaption > a.news_video:hover .btnplayvdo {
        opacity: 1; }

.bg_landing {
  background-image: url(../images/home/img_landing.jpg);
/*   background-image: url(../../gratia.jpg); */
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  min-height: 100vh; }
  .bg_landing::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8); }

.text_landing h1 {
  color: #FFF;
  max-width: 960px;
  font-size: 1.05rem;
  font-style: italic;
  margin: 50px auto;
  line-height: 2;
  font-weight: 400;
  letter-spacing: 1px; }
  .text_landing h1 span {
    font-size: 1.3em;
    font-weight: 600; }
  .text_landing h1 strong {
    font-weight: 600; }

.wrap_item_landing {
  padding-left: 50px;
  padding-right: 50px; }

.item_landing {
  padding: 20px; }
  .item_landing a {
    display: block;
    position: relative;
    padding-bottom: 63%;
    overflow: hidden; }
    .item_landing a::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 3;
      background-color: rgba(0, 0, 0, 0.5); }
    .item_landing a > img {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2;
      object-fit: cover;
      display: block;
      transition: 1s all ease; }
    .item_landing a > div {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      z-index: 4;
      width: 100%; }
      .item_landing a > div img {
        width: auto;
        max-width: 100%;
        max-height: 80px;
        height: auto;
        object-fit: contain;
        display: block;
        margin: 0 auto 15px auto; }
      .item_landing a > div button {
        display: block;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, 0.9);
        border: 0;
        padding: 14px 20px 12px 20px;
        color: #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.8rem;
        letter-spacing: 1px;
        cursor: pointer;
        transition: 1s all ease; }
        .item_landing a > div button i {
          margin-left: 10px; }
        .item_landing a > div button:hover {
          background-color: rgba(255, 255, 255, 0.8); }
    .item_landing a:hover > img {
      transform: scale(1.03, 1.03); }

/* RESPONSIVE */
@media (max-width: 1199px) {
  .homepage .d-xl-block .navbg .menugroup .mainmenu > li > a {
    font-size: 0.75rem; }

  .padding_fpage {
    padding-left: 75px;
    padding-right: 75px; }

  .head_fp h1, .head_fp h2 {
    font-size: 1.5rem; }

  .wrap_ref_fp .text_ref_fp {
    padding: 15px; } }
@media (max-width: 991px) {
  h1 {
    font-size: 1.5rem; }

  .bg_zigbee .zibee_detail {
    padding-left: 15px; }

  .item_wthumb figure > a {
    padding-right: 0; }
  .item_wthumb figure figcaption {
    padding: 15px; }

  .item_news_event figcaption {
    padding-left: 15px;
    margin-top: 10px; }
    .item_news_event figcaption > a.news_video {
      transform: translate(0, 0);
      width: 100%; }

  .bg_media .head_fp {
    margin-bottom: 30px;
    margin-top: 40px; }

  .wrap_ref_fp .text_ref_fp {
    -ms-flex: 0 0 100%;
    flex: 100%;
    max-width: 100%;
    order: 1;
    padding: 30px; }
  .wrap_ref_fp .photo_ref_fp {
    -ms-flex: 0 0 50%;
    flex: 50%;
    max-width: 50%;
    order: 2; }

  .detail_touchtest h2 {
    font-size: 1.25rem; }

  .wrap_item_landing {
    padding-left: 15px;
    padding-right: 15px; } }
@media (max-width: 767px) {
  html {
    font-size: 14px; }

  .text_smarthome h1 {
    margin-bottom: 5px;
    margin-top: 15px; }
  .text_smarthome p {
    line-height: 2;
    margin-bottom: 15px; }

  .padding_fpage {
    padding-left: 0px;
    padding-right: 0px; }
    .padding_fpage > .col-12 {
      padding-left: 10px;
      padding-right: 10px; }

  .bg_zigbee .zigbee_img {
    margin-bottom: 15px; }

  .owl-carousel .owl-nav {
    display: none; }
    .owl-carousel .owl-nav button[class*=owl-].owl-next {
      right: -50px; }
    .owl-carousel .owl-nav button[class*=owl-].owl-prev {
      left: -50px; }

  .goldenborder span {
    position: absolute; }
    .goldenborder span:first-child {
      left: 5px;
      right: 5px;
      top: 5px; }
    .goldenborder span:nth-child(2) {
      left: 5px;
      top: 5px;
      bottom: 5px; }
    .goldenborder span:nth-child(3) {
      left: 5px;
      right: 5px;
      bottom: 5px; }
    .goldenborder span:nth-child(4) {
      right: 5px;
      top: 5px;
      bottom: 5px; }

  .bg_smart_mirror {
    padding-top: 25px;
    padding-bottom: 25px; }

  .item_news_event figcaption > a h3 {
    font-size: 1.25rem; }
  .item_news_event figcaption > a p {
    margin-bottom: 15px; }

  .wrap_news_event {
    margin-top: 25px;
    margin-bottom: 25px; }

  .bg_touch_switch {
    padding: 30px 15px; }

  .touch_switch_text {
    position: relative;
    transform: translate(0, 0);
    top: 0;
    left: 0; }
    .touch_switch_text p {
      font-size: 1rem; }
    .touch_switch_text a.btn_wacthvideo {
      margin-right: 30px; }

  .item_ts figure {
    padding: 15px; }

  .wrap_ref_fp .photo_ref_fp {
    -ms-flex: 0 0 100%;
    flex: 100%;
    max-width: 100%; }

  .detail_touchtest .document_touchtest a {
    margin: 0 10px; }

  .item_landing {
    padding: 0 15px;
    margin-bottom: 15px; }
    .item_landing a {
      padding-bottom: 50%; }
      .item_landing a > div img {
        max-height: 50px; }
      .item_landing a > div button {
        padding: 13px 25px 12px 25px; }

  .text_landing h1 {
    font-size: 1rem;
    margin: 15px auto; }

  .wrap_ref_fp .photo_ref_fp a > div:not(.caption_ref) {
    padding-bottom: 66.66%; }

  .bg_landing {
    background-color: #111;
    background-image: none; }
    .bg_landing::before {
      display: none; } }

/*# sourceMappingURL=home-layout.css.map */