body {
  touch-action: pan-y;
}

footer .signature{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
footer .signature a{
  line-height: normal;
}

footer .signature svg.one{
  margin-left: 10px;
  width: 30px;
}

.fullscreen *, .img-zoom-file{
    touch-action: auto !important;
}


.page-no-zoom{
  touch-action: pan-x pan-y;
}

.switch {
    position: relative;
    display: flex;
    align-items: center;
    width: 54px;
    height: 25px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #000;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #000;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

.item-switch{
    width: auto;
    min-width: 10em;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 140px;
    text-align: left;
    -webkit-transition: 1s opacity cubic-bezier(0.55, 0.085, 0, 0.99);
    transition: 1s opacity cubic-bezier(0.55, 0.085, 0, 0.99);
    text-align: center;
    /* padding-top: 20px; */
}

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

.inner-switch .text{
  font-size: 16px;
}

@media (min-width:999px) {
  .c-menu-desk{
    display: table-cell;
  }
  .c-menu-mob{
    display: none !important;
  }
  
}

@media (min-width: 300px) {
  .inner-switch .text{
    font-size: 14px;
    font-family: 'NettoWeb-Bold', sans-serif;
    font-style: normal;
  }
}

.lgpd{
  background: #fff;
  box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
  /* border-radius: 10px; */
  position: fixed;
  width: 500px;
  bottom: 20px;
  left: 20px;
  z-index: 999;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.lgpd p{
  padding: 10px;
  font-size: 10px;
  font-weight: normal;
}

.lgpd a{
  text-decoration: underline;
}

.lgpd button{
  background-color: #000;
  padding: 20px 15px;
  font-weight: bold;
  color: #FFFFFF;
  cursor: pointer;
  height: 100%;
  /* border-radius: 0px 10px 10px 0px; */
  font-size: 10px;
}

.lgpd button:hover{
  opacity: .7;
}

@media (max-width: 714px){

  .lgpd{
      flex-direction: column;
      text-align: center;
      width: 89.3%;
  }

  .lgpd button{
      margin-top: 0px;
      width: 100%;
      /* border-radius: 0px 0px 10px 10px; */
      padding: 20px 15px;
  }
}

.videos-gif{
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  margin-top: 20px;
  margin-left: -10px;
  margin-right: -10px;
}

.videos-gif.videos-gif-duble{
  grid-template-columns: 50% 50%;
}

.videos-gif .item-gif{
  width: 100%;
  padding: 0 10px 20px 10px;
}

.videos-gif .item-gif .background{
  height: 24.2vh;
}

.videos-gif.videos-gif-duble .item-gif .background{
  height: 45vh;
}

.videos-gif .item-gif video{
  object-fit: cover;
}

.videos-gif .item-gif .background .image{
  z-index: 2;
  display: block;
}

.videos-gif .item-gif .background:hover .image{
  display: none;
}

.videos-gif .item-gif .button-play span{
  font-size: 14px;
}

.videos-gif .item-gif .button-play .ico{
  width: 25px;
  height: 25px;
}

.swal2-popup.swal2-modal{
  border-radius: 0;
}

.swal2-popup.swal2-modal button.swal2-styled{
  border-radius: 0;
}

.swal2-popup.swal2-modal .swal2-icon.swal2-question{
  border-color: #000;
  color: #000;
}

.swal2-popup.swal2-modal .swal2-title{
  font-size: 1.1em;
  font-family: 'NettoWeb-Bold', sans-serif;
  line-height: 1.5;
}

.swal2-popup.swal2-modal .swal2-html-container{
  font-size: 0.9em;
  font-family: 'NettoWeb-Bold', sans-serif;
  line-height: 1.5;
}

.swal2-popup.swal2-modal .swal2-icon{
  width: 3em;
  height: 3em;
  margin: 1.3em auto 0em;
}

.swal2-popup.swal2-modal .swal2-icon .swal2-icon-content{
  font-size: 2.5em;
}

.button-chat {
  position: fixed;
  bottom: 20px;
  right: 2%;
  height: 50px;
  width: 50px;
  z-index: 40;
  background-color: #ced0d1;
  -webkit-transition: 0.5s all cubic-bezier(0.55, 0.085, 0, 0.99);
          transition: 0.5s all cubic-bezier(0.55, 0.085, 0, 0.99);
  cursor: pointer;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  display: block;
}
.button-chat.show {
  bottom: 45px;
}
.button-chat.show.b-footer {
  bottom: 240px;
}
.button-chat.bc-head {
  position: relative;
  bottom: auto;
  right: auto;
}
.button-chat svg {
  -webkit-animation: scalable 1s ease-in-out infinite alternate;
          animation: scalable 1s ease-in-out infinite alternate;
  -webkit-transition: 0.5s all cubic-bezier(0.55, 0.085, 0, 0.99);
          transition: 0.5s all cubic-bezier(0.55, 0.085, 0, 0.99);
}
.button-chat .svg {
  background-image: url('../img/ico-whats.svg');
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
          background-size: contain;
  height: 23px;
  width: 23px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.button-chat .svg g{
  fill: #344 !important;
}

.button-chat:hover {
  opacity: 0.7;
}

.accordion{
  padding: 40px;
  /* padding-right: 100px; */
}

.accordion .infos{
  text-align: right;
  cursor: pointer;
}

.accordion .paragraph{
  display: none;
  padding: 0;
  margin-top: 20px;
}

.toggle-acordion{
  display: none;
}

.gallery.gallery--desk{
  display: block;
}
.gallery.gallery--mob{
  display: none;
}

.wrapper-contact-mail-whats{
  display: table-cell;
}

@media (max-width: 999px) {

  main {
    min-height: 90vh;
  }
  main .webdoor{
    height: 90vh;
  }

  footer .signature{
    justify-content: center;
  }

  [data-page="home"] .webdoor .scrolldown{
    display: block;
    opacity: 0;
    animation: showScrollHome .5s ease 2s forwards;
  }

  [data-page="home"] .webdoor .scrolldown svg path{
  fill: #ffffff !important;
  }

  @keyframes showScrollHome {
    100%{
      opacity: 1;
    } 
  }

  [data-page="home"] .header .logo{
    left: 50%;
    transform: translate(-50%,-50%);
  }

  main.open-menu {
    left: -50vw;
  }
  .menu .m-buttons{
    padding: 0 0px;
  }

  .menu .m-buttons.c-menu-desk{
    display: none !important;
  }
  .menu .m-buttons.c-menu-mob{
    display: table-cell !important;
  }

  .menu .m-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .menu .m-social.m-item{
    justify-content: center;
  }

.menu .m-social.m-item .m-ico{
    height: 45px;
    width: 45px;
}

  .menu .m-ico{
    top: 0;
    bottom: 0;
    margin: auto 0;
  }

  .header .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .menu {
    width: 50vw;
    right: -50vw;
  }
    .webdoor .sections {
      padding: 0px 20px;
      width: 80%;
    }
  .webdoor .box {
    width: 100%;
    display: block;
    float: none;
    margin: 0px;
    font-size: 16px;
    padding: 7vh 20px;
    border: 0px;
  }
  .webdoor .box:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    border: 2px solid #ffffff;
  }

  .webdoor .w-title.w-right .w-title-h2,
  .webdoor .w-title.w-right span{
    text-align: center !important;    
  }
  .webdoor .w-title.w-right{
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* left: auto;
    right: auto; */
  }

  .webdoor .w-title{
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    transform: translateY(-50%) !important;
  }

  .webdoor .w-title-h2{
    font-size: 50px !important;
  }

  .webdoor .w-title.w-right .scrolldown{
    left: 0 !important;
    right: 0 !important;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    transform: none !important;
    bottom: -70px;
  }

  .webdoor .w-title.more-bottom
  {
    /* top: auto; */
    top: 50%;
      left: 50% !important;
    transform: translate(-50%,-50%) !important;
    text-align: center !important;
  }
  .webdoor .w-title.w-left .scrolldown{
    left: 50% !important;
    transform: translateX(-50%);
  }
  
  .webdoor .w-title.more-bottom w-title-h2,
  .webdoor .w-title.w-left .w-title-h2,
  .webdoor .w-title.more-bottom span{
    text-align: center !important;
  }

  .webdoor .w-title.w-right .scrolldown.more-bottom{
    /* bottom: 20px; */
  }

  .wrapper-contact-mail-whats{
    /* display: flex !important;
    align-items: center;
    justify-content: flex-start;     */
  }
  .wrapper-contact-mail-whats a{
    margin-right: 10px !important;
    width: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin: 0 !important;
  }

  .top .share .ico{
    width: 25px;
    height: 25px;
  }

  .top .link.btShare{
    margin-right: 15px;
  }

  .description .paragraph{
    padding-left: 40px;
    padding-right: 40px;
  }
  .description.accordion .paragraph{
    padding-left: 0;
    padding-right: 0;
  }


/* modo pinça na galeria */
.slick-slider {
  touch-action: auto !important;
}

  /* galerias */

  /* lista imagem altura automatica */
  .webdoor.w-wide{
    height: auto !important;
  }
  .gallery.gallery--mob{
    /* height: auto !important; */
    max-width: 100vw;
  }



  .gallery.gallery--mob .images{
    position: static;
    /* height: 75%; */
    height: auto;
  }
  /* .gallery.gallery--mob .slick-slide{
    max-width: 100vw;
  } */

  /* galeria mob com imagens horizontais */
  .gallery.gallery--mob.gal-img-x .w-title-h2{
    font-size: 30px !important;
  }

  .gallery.gallery--mob.gal-img-x .scrolldown{
    width: 25px;
    height: 25px;
    bottom: -44px;
  }

  .webdoor .slick-prev,
  .webdoor .slick-next{
    display: inline-block !important;
  }

.webdoor .thumbs{
  display: none;
}

  .webdoor .thumbs .tb{
    background-color: transparent;
    width: 80px;
    height: 80px;
    border-radius: 0;
  }

  .webdoor .thumbs .tb img{
    height: 100%;
    object-fit: cover;
  }

  /* //produtos */

  /* .gallery.gallery--desk{
    display: none;
  }
  .gallery.gallery--mob{
    display: block;
  } */

  .products .item.medium {
    width: 100%;
    padding-top: 50%;
    margin-bottom: 0px;
  }
}

.bottom .share{
  position: absolute;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

.infinity.svg{display: none;}

/* contatos */
.form .label{
  margin-left: 0;
  margin-right: 0;
}
.form .label span{
  white-space: normal;
}

.form{
  padding-bottom: 25px;
}

.modal .bottom .button,
.modal .footer .button{
  color: #fff !important;
}

.form .button{
  margin-bottom: 30px;
  color: #000 !important;
}

/* cadastro */
.form .group .label{
  margin-bottom: 0;
}

.row-group-no-marg-bot .group{
  padding-bottom: 0;
}

.mobile-video-group{
  display: none;
}

@media (max-width: 768px) {

  /* .menu .m-button{
    line-height: 30px;
  } */

  .webdoor .arrow{
    display: none;
  }

 
}

@media (max-width: 1024px) and (orientation:portrait) {

  @media (max-width: 1024px) {
    [data-page="home"] .page,
    [data-page="home"] .page .wrapper > .video,
    /*     [data-page="home"] .team,
    [data-page="home"] .footer,
    [data-page="home"] .scrolldown,
    [data-page="home"] .caption,
    [data-page="home"] .gallery,
    [data-page="home"] .news,
    [data-page="home"] .social, 
 */
   [data-page="home"] .page .wrap-no-mob{
      display: none !important;
    }
  }

  [data-page="home"] .footer{
    display: flex;
    flex-flow: column;
    align-items: center;
  }



  .footer .f-bottom .inner{
    display: flex;
    flex-flow: column;
    align-items: center; 
  }

  .footer .col{
    position: static !important;
    float: none;
    font-size: 7px;
  }

  .footer .col:nth-child(1){
    margin-top: 40px;
  }

  .footer .copy{
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    line-height: 11px;
    letter-spacing: 0px;
  }

  .footer .col:nth-child(3){
    margin-top: -10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .footer .signature{
    font-size: 10px;
  }

  .footer .share .ico{
    width: 20px;
    height: 20px;
  }

}
@media (max-width: 999px) and (orientation:portrait) {

  html.noscroll body .gallery .images .img{
    background-size: contain !important;
  }

  html.noscroll body .gallery .images .img img{
    height: auto !important;
  }

  /* nova regra home mobile */
  [data-page="home"] .page{
    display: block !important;
  }
    [data-page="home"] .page .wrap-no-mob
    {
      display: none;
    } 

 .gallery.gallery--desk{
    display: none;
  }
  .gallery.gallery--mob{
    display: block;
  }

  .gallery--mob .w-title{
    display: none !important;
  }

  .gallery.gallery--mob{
    position: relative;
    width: 100vw !important;
  }
  .gallery.gallery--mob .slick-slide{
    /* position: absolute; */
    left: 0;
    right: 0;
    top: 0;
    height: 100% !important;
    /* width: 100% !important; */
    object-fit: contain;
  } 

  .webdoor.w-wide,
  .webdoor.w-wide .g-wide,
  .gallery.gallery--mob .slick-track{
    height: 83vh;
  }

  .top .t-mobile{
    display: block;
  }
  .top .col:last-child {
    padding-right: 0px;
    width: 100%;
  }
  .top .col:last-child {
    display: none;
  }
  .top .back {
    display: none;
}
.top .link {
  font-size: 14px;
  margin: 0px;
  width: 100%;
  padding-left: 20px;
  line-height: 50px;
}
.top .share {
  position: relative;
  background: none;
  bottom: auto;
  padding: 0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: auto;
  left: auto;
  display: inline-block !important;
  width: auto;
}
.top .share .ico svg path {
  fill: #000000;
  stroke: #000000;
}
.top .share:before {
  display: none;
}

.page .wrapper {
  padding: 0 20px;
}
  .products .item{
    width: 100%;
    padding-top: 70%;
    margin-top: 0;
  }

  .elm-only-desk{
    display: none !important;
  }

  .share .ico {
    width: 30px;
    height: 30px;
}

}

@media (max-width: 700px) {
  .products .img img{
    width: 100%;
    display: block;
    object-fit: contain;
    height: 100%;
  }
}

@media (max-width: 999px)  {
/* @media (max-width: 768px) and (orientation : portrait) { */

  .header .col:first-child {
    float: none;
    position: absolute;
    width: 100%;
    left: 0px;
    height: 60px;
}

  .top.t-buttons:before {
    position: relative;
  }

  .top .search {
    margin-left: 0px;
    width: 100%;
    /* padding: 0px 30px; */
    padding-left: 0;
  }
  .top.t-buttons {
    position: fixed;
    height: 100vh;
    padding: 0px 20px;
    padding-top: 90px;
    top: 0px;
    background: #FFF;
    display: none;
    z-index: 99;
  }

  .top.t-buttons .content {
    height: -webkit-calc(100vh - 90px);
    height: calc(100vh - 90px);
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    position: relative;
    display: block;
}

  .products .p-header {
    position: relative;
    top: 0px;
    left: 10px;
    display: table;
    margin: 20px 0px;
    display: none !important;
}

.products .info {
  opacity: 1;
}

  [data-page="products"] .header .h-filter, [data-page="projects"] .header .h-filter{
    display: block;
  }

  .selects-hide-mob{
    display: none;
  }

  .search input{
    box-shadow: -5px 2px 7px -3px rgba(0,0,0,.3);
  } 

  [data-page="product"] .top .back {
    display: none;
  }

  [data-page="product"] .top .col:last-child {
    display: none;
  }
  [data-page="product"] .top .t-mobile {
    position: relative;
    width: 100%;
    height: 60px;
    padding: 20px;
    display: block;
    font-family: 'NettoWeb', sans-serif;
    font-style: normal;
    color: #000000;
    background: #ffffff;
}


  [data-page="product"] .top.t-details {
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #CED0D4;
    z-index: 8;
    height: auto;
    padding: 0px;
    top: auto;
    display: block;
  }
  
  /* [data-page="product"] .top.t-buttons{
    position: relative;
      width: 100%;
      height: 60px;
      /* padding: 20px; */
      /* display: none;
      font-family: 'NettoWeb', sans-serif;
      font-style: normal;
      color: #000000;
      background: #ffffff;
      display: block;
  
  } */ 

  [data-page="contact"] .wrapper {
    min-height: auto !important;
}

  @media only screen and (hover: none) and (pointer: coarse), (max-width:999px) {
    
  /* @media only screen and (hover: none) and (pointer: coarse){ */

    /* .selects-hide-mob{
      display: none;
    }

    .search input{
      box-shadow: -5px 2px 7px -3px rgba(0,0,0,.3);
    } */

  .wrap-no-mob{display: none !important;}

  .mobile-video-group{
    display: block;
  }

  .wrap-dots{
    position: relative;
  }

  .wrap-dots .slick-dots{
    bottom: auto;
    top: 0px;
    position: static;
  }

  .wrap-dots .slick-dots li {
    width: 15px;
    height: auto;
  }
 
  .wrap-dots .slick-dots li button{
    border-bottom: 2px solid rgb(216, 216, 216);
  }

  .wrap-dots .slick-dots li.slick-active button{
    border-bottom: 2px solid red;
  }
  .wrap-dots .slick-dots li button:before{
    display: none;
  }

  .gallery-mob-videos-gif.videos-gif{
    grid-template-columns : 100%;
  }
  .gallery-mob-videos-gif.videos-gif .item-gif .background{
    height: auto;
    padding-top: 100%;
  }
  .gallery-mob-videos-gif.videos-gif .item-gif .background .image{
    display: none;
  }
  .gallery-mob-videos-gif .video .background video{
    display: block;
  }
}

@media (max-width: 550px) and (orientation:portrait) {
  .gallery.gallery--mob.g-wide, .gallery.gallery--mob .slick-track{
    height: 65vh !important;
  }
}
@media (max-width: 380px) and (orientation:portrait) {
  .webdoor .sections{
    margin-top: 0 !important;
  }
  .gallery.gallery--mob.g-wide, .gallery.gallery--mob .slick-track{
    height: 50vh !important;
  }
}

@media (min-width:414px) and (max-width: 630px) {
  .top .col:last-child{padding-right: 0;}
  .top .col .button.no-border{
    /* padding: 18px 20px; */
  }
  .top .col .back{
    padding-right: 20px;
  }
  main[data-page="product"] .top .col .button.no-border{
    /* background-color: greenyellow; */
    padding: 18px 15px !important;
  }
  .top .link{
    font-size: 13px;
  }
}

@media (max-width: 500px) {
  
  main.open-menu {
    left: -80vw;
  }
  .menu {
    width: 80vw;
    right: -80vw;
  }

    /* //produtos */
    .products .item.medium {
    padding-top: 70%;
  }
}

@media (max-width: 414px) {
  .selects .drop{
    overflow: hidden !important;
  }
}

/* disable orientation */
/* @media screen and (min-width: 320px) and (max-width: 1000px) and (orientation: landscape) { */

/* @media only screen and (hover: none) and (pointer: coarse) and (min-width: 320px) and (max-width:1000px) and (orientation: landscape){
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    height: 100vw;
  }
} */