/* CSS-RESET */
@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('../fonts/HelveticaNowDisplay-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNowDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('../fonts/HelveticaNowDisplay-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNowDisplay-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

* {
  margin:0;
  padding:0;
  border:0;
  text-decoration:none;
  -webkit-appearance:none;
  font-family: 'HelveticaNowDisplay', sans-serif;
  color: #000;
  font-weight:300; 
  letter-spacing: .5px;
}

*:focus, *:active {
  outline: none !important;
}

ul {
  list-style:none;
}

a {
  text-decoration:none;
}

input[type='submit'] {
  cursor: pointer;
}

input[type='checkbox'] {
  cursor: pointer;
  -webkit-appearance: auto;
}

input[type='submit']:hover{
  opacity: 0.9;
}

body {
  
}

.content-align {
  width: 90%;
  margin: auto;
}

/* HEADER */

header {
  position: fixed;
  z-index: 9999;
  width:100%;
  padding:10px 0;
  background: #fff;
  transition: 0.5s;
}

header.fixed {
  padding: 10px 0;
  transition: 0.5s;
  box-shadow: 0 0 40px rgba(0,0,0,0.2);
}

header .desktop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: inherit;
}

header .logo {
  display: block;
  width: 150px;
  height: 34px;
  background: url(../images/logo.png) no-repeat;
  background-size:150px;
}


header .busca-desktop {
  background: url(../images/icones/lupa.svg) no-repeat right center;
  width: 29px;
  height: 55px;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: flex-end;
  cursor: pointer;
  transition: 0.3s;
  background-size: 20px;
  margin-right:6px
}

header .busca-desktop form {
  display: flex;
}

header .busca-desktop div {
  width: 24px;
  height: 46px;
  display: block;
  float: right;
  border:1px solid transparent;
}

header .busca-desktop.open {
  width: 268px;
  overflow: inherit;
  border-bottom:1px solid #000;
  transform: 0.3s;
}

header .busca-desktop input[type='search']{
  background: transparent;
  font-size: 18px;
  padding: 5px;
  margin-right: 0;
  display: block;
  float: left;
}

header .busca-desktop span[role='status']{
  display: none;
}

header .desktop .cart {
  height: 55px;
  width: 71px;
  margin: 0 3px;
  border-bottom:1px solid transparent;
  position: relative;
  display: flex;
  align-items: center;
}

header .desktop .user-icon {
  background: url(../images/icones/user.svg) no-repeat right center;
  height: 55px;
  width: 31px;
  display: block;
  cursor: pointer;
  background-size: 19px;
}

header .desktop .cart-icon {
  background: url(../images/icones/sacola.svg) no-repeat right center;
  height: 55px;
  width: 31px;
  display: block;
  cursor: pointer;
  background-size: 18px;
  margin: -1px 10px 0 10px;
}

.block-content {
  background: rgba(0,0,0,0.22);
  width: 100%;
  height:100vh;
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
}

header .desktop .nav {
  background: url(../images/icones/nav.svg) no-repeat right center;
  height: 55px;
  width: 24px;
  display: block;
  cursor: pointer;
  border-bottom:1px solid transparent;
  background-size: 20px;

}

header .nav-right {
  display: flex;
  align-items: center;
  width: auto;
}

/* MENU SUSPENSO */

.nav-hover {
  position: absolute;
  top: -800px;
  width: 100%;
  background: #fff;
  z-index: 999999;
  padding: 20px 0 80px 0;
  box-shadow: 0 0 40px rgba(0,0,0,0.2);
  transition: 0.5s;
}

.nav-hover.show {
  top: 0;
  transition: 0.5s;
}

.nav-hover .logo {
  width: 150px;
  height: 34px;
  background-size:150px;
  margin-top: 10px;
}

.nav-hover .content-align {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.nav-hover nav > ul {
  display: flex;
  margin-top: 50px;
}

.nav-hover nav > ul > li {
  margin-right: 40px;
  line-height: 24px;
}

.nav-hover nav > ul > li > a.mcat {
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
  text-transform: uppercase;
}

.nav-hover nav > ul > li a {
  border-bottom: 1px solid transparent;
  transition: 0.5s;
  font-size: 14px;
}

.nav-hover nav > ul > li a:hover {
  border-bottom: 1px solid #000;
  transition: 0.5s;
}

.close-nav-hover {
  position: absolute;
  top: 10px;
  right: 0;
  font-weight: 500;
  font-size: 40px;
  width: 26px;
  height: 26px;
  display: block;
  background: url(../images/icones/close.svg) no-repeat;
  background-size: 26px;
  cursor: pointer;
}
/* MODAL LOGIN */

header .desktop .modal-login {
  position: absolute;
  z-index: 999999;
  right: 0;
  width: 250px;
  top: 56px;
  padding: 30px;
  box-shadow: 0 0 40px rgba(0,0,0,0.4);
  background: #fff;
}

#content-form-login-cadastro .title_cadastro {
  text-align: left;
  margin-bottom: 20px;
}

#content-form-login-cadastro p.text_form {
  text-align: left;
  font-size: 14px;
  margin:0 0 20px 0;
  color: #7A7A7A;
}


#content-form-login-cadastro input {
  background:transparent;
  border-bottom:1px solid #E2E2E2;
  padding: 10px 3.5%;
  width: 93%;
  margin:0 0 20px 0;
  color: #7A7A7A;
}

#content-form-login-cadastro .bt_login {
  text-decoration: underline;
  cursor: pointer;
  color: #7A7A7A;
}

#content-form-login-cadastro .bt_login:hover {
  text-decoration: none;
}

#content-form-login-cadastro input[type='submit']{
  width: auto;
  text-align: center;
  background-color: #000;
  display: block;
  cursor: pointer;
  font-size: 14px;
  padding: 15px;
  transition: 0.3s;
  color: #fff;
}

/* CHECKOUT LATERAL*/

.checkout-lateral {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999999999;
  display: none;
  transition: .5s;
}

.checkout-lateral.show {
  display: block;
  transition: .5s;
}

.background-lateral {
  background-color:rgba(100,100,100,0.5);
  position: relative;
  width: 100%;
  height: 100vh;
  transition: .5s;
  animation: Lateral 1s;
}

.background-lateral.show {
  animation: showLateral 1s;
}

.background-lateral .close-checkout {
  position: absolute;
  color: #fff;
  font-size: 30px;
  z-index: 99999999999;
  top: 40px;
  left: -100%;
  width: 30px;
  height:30px;
  font-weight: 500;
  cursor: pointer;
  transition: .5s;
}

.background-lateral .close-checkout.show {
  left: 10px;
  transition: .5s;
}

.checkout-list {
  position: absolute;
  padding:  8vh 2.5% 8vh 7.5%;
  width: 80%;
  background: #fff;
  right: -100%;
  top: 0;
  height: 84vh;
  z-index: 999999999999;
  transition:0.5s;
  animation:showListt 0.5s;
}

.checkout-list.show {
  right: 0;
  transition:1.5s;
  animation:showList 0.5s;

}



@keyframes showList {

  0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes showListt {
  0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes showLateral {
  0% {

        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes Lateral {
  0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.checkout-list > p {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 500;
}

.checkout-produtos {
  height: 55vh;
  overflow-y:scroll;
}


.checkout-produtos::-webkit-scrollbar {
  width: 5px;               /* width of the entire scrollbar */
}

.checkout-produtos::-webkit-scrollbar-track {
  background: white;        /* color of the tracking area */
}

.checkout-produtos::-webkit-scrollbar-thumb {
  background-color: white;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid black;  /* creates padding around scroll thumb */
}

.checkout-produtos .box-produto {
  display: flex;
  align-items: center;
}
.checkout-produtos .box-produto a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  width: 95%;
}


.checkout-produtos .box-produto p.nome, .checkout-produtos .box-produto p.price-total {
  font-weight: 500;
}

.checkout-produtos .box-produto p.nome, .checkout-produtos .box-produto p.price-total, .checkout-produtos .box-produto p.un, .checkout-produtos .box-produto p.price {
  text-transform: uppercase;
  font-size: 12px;
}

.checkout-produtos .box-produto .info-prod {
  padding: 0 10px;
  width: 100%;
}

.checkout-produtos .box-produto .info-prod .prices {
  display: flex;
  margin-top: 15px;
}

.checkout-produtos .box-produto .info-prod .un {
  margin: 0 30px;
}

.checkout-list .del-prod {
  margin-right: 25px;
  margin-bottom:30px;
  font-weight: 500;
  cursor: pointer;
}

.checkout-produtos img {
  width: 75px;
  height: 75px;
}

.checkout-list .base-checkout {
  bottom: 12vh;
  position: absolute;
}



.base-checkout > p {
  margin-bottom: 15px;
}

.base-checkout > p:first-child {
  font-weight: 500
}

.base-checkout .botoes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.base-checkout .botoes input[type='submit']{
  border:1px solid #000;
  padding: 10px 7px;
  background: #fff;
  margin-right: 25px;
  font-size: 14px;
  transition: 0.3s;
}

.base-checkout .botoes span {
  text-decoration: underline;
  font-size: 14px;
  cursor: pointer;
}

/* PAGINA INTERNA */

.content-intern {
  padding-top: 120px;
}

/* BANNERS */

#banners {
  padding-top: 70px;
}

#banners .owl-theme .owl-controls .owl-page {
  display:block !important;
}

#banners .owl-theme .owl-controls {
  position: absolute !important;
  bottom:7vh;
  right: 7.5%;
  width: 40px;
}

#banners .owl-theme .owl-controls .owl-page.active span, #banners .owl-theme .owl-controls.clickable .owl-page:hover span{
  color: #000;
  background-color: #000;
}

#banners .owl-theme .owl-controls .owl-page span {
  width: 30px;
  height: 7px;
  color: #fff;
  background-color: #fff;
  float: left;
  display: block;
  margin: 12px 5px 0 5px;
  border-radius: 0;
}

#banners img {
  width: 100%;
}

/* BANNER RÉGUA - MOSAICO */

.banner-mosaico {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 80px 0 80px 0;
}

.home .banner-mosaico {
  width: 90%;
  margin: 80px auto 40px auto;
}

.banner-mosaico .box {
  width: 47%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.banner-mosaico circle {
  display: block;
  margin: auto;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  border:2px solid #000;
}

.banner-mosaico .box p:nth-child(2){
  text-transform: uppercase;
  text-align: center;
  margin: 25px 0 15px 0;
  font-size: 14px;
  font-weight: 500;
}

.banner-mosaico .box p:last-child{
  text-align: center;
  font-size: 12px;
  line-height: 20px;
}

/* HOME */

.destaques {
  overflow: hidden;
}

.destaque-home {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 100px;
  padding-right:7.5%;

}

.content-destaque-home {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 90%;
  text-align: right;
  order: 1;
}

.content-destaque-home h3 {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 40px;
}

.content-destaque-home p {
  line-height: 24px;
  font-size: 14px;
}

.content-destaque-home a.arrow {
  background: url(../images/icones/arrow.svg) no-repeat center;
  width: 21.41px;
  height: 21.42px;
  background-size: 21.41px;
  display: block;
  margin-top: 20px;
}

.destaque-home .img {
  width: 50%;
  margin-left: 3%;
}

.destaque-home .img img {
  width: 100%;
}

/* CATEGORIA */

.categoria h1, #categoria h1 {
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

#categoria .produtos {
  overflow:hidden;
}

/* PRODUTO */

.content-align.home-pg {
  width: 100%;
      overflow: hidden;

}

.destaques-home {
  margin-bottom: 100px;

}

.destaques-home .boxes-prods {
  display: flex;
    justify-content: space-between;
    width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
flex-direction: column;
    flex-wrap: wrap;
    height: 400px;
    padding: 0 5%;
}

.destaques-home:last-child {
  border:0;
  padding-bottom: 0;
}

.destaques-home h2 {
  text-align: left;
  font-weight: normal;;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-size: 18px;
  margin-left: 7.5%;
}

a.more {
    text-align: center;
    border: 1px solid #000;
    clear: both;
    width: 50px;
    height: 50px;
    margin-top: 90px;
    border-radius: 100%;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 500;
}

.destaques-home a.more:hover {
  color: #fff;
  background-color:#000;
    transition: 0.3s;
}

.produtos .box-produto {
  width: 46%;
  margin-right: 6%;
  float: left;
  height: 280px;
  position: relative;
  margin-bottom: 40px;
}

.destaques-home .box-produto {
  width: 60%;
  height: 100%;
}

.produtos .box-produto.prod-indisponivel img, .produtos .box-produto.prod-indisponivel a {
  opacity: 0.4;
}

.box-produto .etiquetas {
  z-index: 99;
  position: absolute;
  
}

.box-produto .etiquetas img {
  margin-right: 10px;
  width: 40px;
  height: 40px;
}

.produtos .box-produto:nth-child(2n){
  margin-right: 0;
}

.produtos .box-img {
  display:flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.destaques-home .box-produto:nth-child(2n) {
  margin-right: 6%;
}


.produtos .box-img .bt-add {
  position: absolute;
  right: 15px;
  bottom: -55px;
  width: 50px;
  height: 50px;
  display: flex;
  border-radius: 100%;
  justify-content: center;
  background: url(../images/icones/sacola.svg) no-repeat center 12px #fff;
  background-size:20px;
  transition: 0.3s;
}

.produtos .box-img:hover .bt-add {
  bottom: 35px;
  transition: 0.3s;
}

.produtos .box-img .bt-add.ok {
  transition: 0.3s;
  background: url(../images/icones/sacola-ok.svg?v=2) no-repeat center 12px #fff;
  background-size:20px;
}

.produtos .box-img .bt-add span {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #000;
  color: #fff;
  margin-top: 40px;
  display: block;
  border-radius: 100%;
  text-align:center;
  cursor: pointer;
}

.produtos .box-img img, .produtos .box-img a, #fotos-produtos .box-img a, #fotos-produtos .box-img img {
  max-width: 100%;
  height: auto;
}

.blueimp-gallery-controls>.title {
  padding:15px;
  border-radius: 15px;
  background-color: #fff;
}

#produto {
  display: flex;
  flex-wrap: wrap;
}

#fotos-produto {
  width: 100%;
}

#fotos-produto .img-principal img, #fotos-produtos .box-img img {
  width:100%;
  display: block;
  margin: auto;
  height: auto;
}

.imgs-secundarias .box-img {
  width: 90%;
  margin: 30px auto 0 auto;
}

#fotos-produto {
  position: relative;
}

#fotos-produto .etiquetas {
  position: absolute;
  z-index: 99;
}

#caracteristicas-produto {
  width: 100%;
  margin-top: 20px;
}

.produtos .box-produto p.nome, #caracteristicas-produto h1 {
  margin: 10px 0 10px 0;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  transition: 0.3s;
  font-weight: 500;
  text-transform: uppercase;
}

#caracteristicas-produto h1 {
  font-size: 18px;
  height: 60px;
  line-height: 30px;
}

.produtos .prices, #caracteristicas-produto .prices {
  display: flex;
  align-items: flex-end;
}

.produtos .price, #caracteristicas-produto .price {
  margin-right: 10px;
  font-weight: 500;
  font-size: 14px;
}

.produtos .price {
  font-size: 12px;
}

#caracteristicas-produto .price {
  font-size: 18px;
}



.produtos .old-price, #caracteristicas-produto .old-price {
  text-decoration: line-through;
  font-weight: 300
}

.produtos .p-un, #caracteristicas-produto .p-un {
  color: #999999;
  font-size: 14px;
}

#caracteristicas-produto .indisponivel {
  color: #999;
  font-size: 14px;
}

#caracteristicas-produto .ref {
  color: #999;
  font-size: 14px;
  margin-left: 22px;
}

#caracteristicas-produto .descricao {
  margin: 30px 0;
  line-height: 20px;
  font-size: 14px;
}

#caracteristicas-produto table th {
  padding-right: 5px;
}

#caracteristicas-produto table th, #caracteristicas-produto table td {
  text-align: left;
  padding-bottom: 30px;
  line-height: 26px;
}

.pg-produto .qtd {
  display: flex;
  width: 120px;
  justify-content: space-between;
}

.pg-produto .qtd input {
  width: 65px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}

.pg-produto .qtd span {
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pg-produto .info-cart {
  display:flex;
  align-items: center;
  flex-wrap: wrap;
}

.pg-produto .info-cart #precos {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.pg-produto .info-cart #precos a, .pg-produto .info-cart #precos input {
  font-size: 16px;
  font-weight: 500;
}

.pg-produto .info-cart #precos input {
  background: url(../images/icones/sacola-add.svg) no-repeat;
  padding: 10px 0 10px 40px;
}
#form-prod {
  padding: 0 20px 0 0;
  border-right: 1px solid #707070;
  margin-right:20px;
}

.pg-produto .bt-share {
  text-decoration: underline;
  display: inline-block;
  margin-top: 50px;
  font-size:14px;
  color: #666;
  background:url(../images/icones/arrow-share.svg) no-repeat center right;
  padding-right: 20px;
  transition: 0.3s;
}


.prods-relacionados {
  margin-top: 150px;
}

.boxes-relacionados {
  overflow:hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.boxes-relacionados a.more {
  margin-top: 0;
}

.prods-relacionados h3 {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 18px;
}

/* FOOTER */

footer {
  padding: 100px 0 120px 0;
  background:#000;
  margin-top: 60px;
}

footer .content-align {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

footer .content-left {

  width:100%;
  order: 2
}


footer .content-left ul {
  padding-bottom: 70px;
    background:url(../images/logo-adm.png) no-repeat bottom;
  background-size: 120px;
}
footer .content-left ul li, footer .content-left p {
  text-transform: uppercase;
  margin-top: 15px;
}

footer li, footer p, footer a, footer address {
  font-style: normal;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}


footer .content-left p, footer .content-left p a {
  font-size: 10px;
}


footer .content-right {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

footer .content-right > .box {
  width: 100%;
  margin-bottom: 50px;
}

footer .content-right > .box .whatsapp {
  background: url(../images/icones/whatsapp.svg) no-repeat;
  padding: 0 0 0 20px;
  background-size: 14px;
}

footer .content-right > .box .maps {
  text-decoration: underline;
}

footer .content-right > .box > p {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: center;
}

footer .content-right > .box:first-child {
  margin-left: 0;
}


::-webkit-input-placeholder {
   color: #000;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}


.web-designer, .web-designer a {
  font-size: 12px;
  color: #999;
}

#popup-produto .modal-content, #popup-foto .modal-content {
  width: 60%
}

#popup-produto .modal-content #content-form-prod > div, #popup-foto .modal-content #content-form-prod > div {
  width: 100%;
  margin:auto;
}
#popup-produto .modal-content,#popup-foto .modal-content, #popup-ficha .modal-content, #myModal .modal-content {
  padding: 30px 30px;
  background:#fff;
}

#popup-produto .modal-content p:first-child, #popup-foto .modal-content p:first-child{
  text-align: left;
  font-size: 20px;
  margin-bottom: 20px;
}

#popup-produto .modal-content p.text_form, #popup-foto .modal-content p.text_form {
  text-align: center;
  font-size: 13px;
  margin:0 0 20px 0;
  color: #000;
}



#popup-produto .modal-content textarea, #popup-produto .modal-content input, #popup-foto .modal-content textarea, #popup-foto .modal-content input{
  background:transparent;
  border-bottom:1px solid #E2E2E2;
  padding: 10px 1.5%;
  font-size: 14px;
  width: 97%;
  margin:0 0 20px 0;
  color: #000;
}

#popup-produto .modal-content .checkbox-form, 
#popup-foto .modal-content .checkbox-form,
#content-form-login-cadastro .checkbox-form {
  margin-bottom:15px;
  float:left;
  width:100%;
}

#popup-produto .modal-content .checkbox-form label, #popup-foto .modal-content .checkbox-form label{
  position:relative;
  width: 100%;
  float: left;
  margin: 10px 0;
}

#popup-produto .modal-content .checkbox-form label:first-child, #popup-foto .modal-content .checkbox-form label:first-child {
  margin-bottom: 15px;
}

#popup-produto .modal-content .checkbox-form span, #popup-foto .modal-content .checkbox-form span {
  position:absolute;
  width:20px;
  height:20px;border:1px solid #333 !important;
  border-radius:5px;
  left: 0;
  cursor: pointer;
}

#content-form-login-cadastro .bt_login {
  text-decoration: underline;
  cursor: pointer;
  color: #000;
}

#content-form-login-cadastro .bt_login:hover {
  text-decoration: none;
}

.checkbox-form input:checked ~ .checkmark:after {
  display:block;
}

.checkbox-form label input:checked ~ .checkmark {
  background-color:#333;
}

.checkbox-form span:after {
  left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #f4f4f4;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark:after {
  position:absolute;
  content:"";
}

#popup-produto .modal-content .checkbox-form input, #popup-foto .modal-content .checkbox-form input, #content-form-login-cadastro .checkbox-form input {
  width: inherit;
  display: block;
  float: left;
  margin: 2px 5px 0 0;
  border:1px solid #F39F8B !important;
  opacity:0;
  position:absolute;
}

#popup-produto .modal-content .checkbox-form p, #popup-foto .modal-content .checkbox-form p,  #content-form-login-cadastro .checkbox-form p {
  display: block;
  float: left;
  margin-left:30px;
  color: #7A7A7A;
}

#popup-produto .modal-content  input[type='submit'],#popup-foto .modal-content  input[type='submit'],#myModal .modal-content  input[type='submit']{
  width: auto;
  text-align: center;
  background-color: #000;
  color: #fff;
  display: block;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 15px;
  transition: 0.3s;
}

#popup-produto .modal-content input[type='submit']:hover, #popup-foto .modal-content input[type='submit']:hover, #myModal .modal-content  input[type='submit']:hover{
  transition: 0.3s;
  background: #000;
  color: #fff;
}

.popup-whatsapp {
  text-decoration: underline;
  font-size: 12px;
  background: url(../images/icones/whatsapp-black.svg) no-repeat;
  padding: 5px 0 5px 30px;
  line-height: 30px;
}

#content-form-login-cadastro .return-form {
  font-size: 12px !important;
  width: 100%;
  margin: 20px auto;
}

/* SISTEMA ORÇAMENTO */

.bt-sair {
  text-decoration: underline;

  margin-left: 10px;
}

.orcamento-form {
  width: 100%;
  display: block;
  margin-top: 40px;
}

.orcamento-form input, .orcamento-form textarea, .orcamento-form select {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 2.5%;
  color: #333;
  width: 95%;
  font-size: 16px;
  display: block;
  margin-bottom: 25px;
}

.orcamento-form input[type='checkbox']{
  width: inherit;
  margin-left: 165px;
  margin-top: -15px;
}

.pg-editar .orcamento-form input[type='checkbox']{
  margin-left: 200px;
}

.orcamento-form select {
  width: 100%
}

.orcamento-form input[type='submit']{
  background-color: #000;
  color: #fff;
  width: 100%;
}

#cabecalho-pg-lista {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}

.orcamento-form.pcp label, .orcamento-form.entrega label {
  display: none;
}

.orcamento-form.pcp label.pcp, .orcamento-form.entrega label.entrega {
  display: block;
}

#pg-imprimir #cabecalho-pg-lista {
  display: block;
}

#cabecalho-pg-lista .bt-lista-orcamento {
  display: flex;
  align-items: center;
}

#cabecalho-pg-lista .bt-lista-orcamento p {
  font-size: 22px;
  display: block;
  margin-right:15px;
}

#cabecalho-pg-lista .bt-lista-orcamento a {
  border-radius: 100%;
  text-align: center;
  background-color: #fff;
  border:1px solid #000;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  height: 41px;
  width:41px;
  font-size: 30px;
  transition: 0.3s;
}

#cabecalho-pg-lista .bt-lista-orcamento a:hover {
  transition: 0.3s;
  color: #fff;
  background: #000;
}

#cabecalho-pg-lista .bt-exibir label {
  display: flex;
  align-items: center;
}

#cabecalho-pg-lista .bt-exibir select {
  border: 1px solid #232323;
  margin-left: 5px;
  padding:5px;
  border-radius: 5px;
}

#cabecalho-pg-lista h1 {
  display: block;
  float: left;
  width: 45%;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: capitalize !important;
  text-align: left;
}

#cabecalho-pg-lista .campos {
  float: left;
  width: 55%;
  display: flex;
  margin-bottom: 20px;
}

#cabecalho-pg-lista .campos .eye {
  display: block;
  margin: 5px 35px 0 0;
  float: left;
  cursor: pointer;
}

#cabecalho-pg-lista .campos input {
  width: 29px;
  border: 1px solid #ddd;
  padding: 10px 40px 10px 10px;
  border-radius: 10px;
  display: block;
  float: left;
  margin-right: 15px;
}

#cabecalho-pg-lista .campos input[name='imposto']{
  background: url(../images/icones/icone-desconto.png) no-repeat center right 5px;
  background-size: 20px;
}

#cabecalho-pg-lista .campos input[name='frete']{
  background: url(../images/icones/frete.png) no-repeat center right 5px;
  background-size: 23px;
}

#cabecalho-pg-lista .botoes {
  float: right;
  width: 100%;
}

#cabecalho-pg-lista .botoes a, #cabecalho-pg-lista .botoes input[type='submit'] {
  color: #232323;
  background-color: #EBE7E7;
  font-size: 12px;
  border-radius: 5px;
  padding: 10px 10px;
  display: block;
  float: right;
  margin-left: 10px;
  transition: 0.5s;
  margin-bottom: 10px;
}

#cabecalho-pg-lista .botoes a:hover, #cabecalho-pg-lista .botoes input[type='submit']:hover {
  opacity: 0.8;
  transition: 0.5s;
}

#listar-lista-clientes .desktop, #lista-produtos .desktop, .campos.desktop {
  display: none !important;
}

#listar-lista-clientes, #lista-produtos table {
  width: 100%;
  border-collapse: collapse;
}

#listar-lista-clientes thead, #lista-produtos thead{
  background-color: #eee;
  
  width: 100%;
}
#listar-lista-clientes tbody td, #lista-produtos tbody td, #listar-lista-clientes thead th, #lista-produtos thead th {
  text-align: center;
  font-size: 14px;
  color: #222;
  padding: 13px;
}




#pg-imprimir thead th, #pg-imprimir tbody td, #pg-imprimir tbody span {
  font-size: 10px !important;
}

#pg-imprimir #lista-produtos thead th {
  padding:0px !important;
}

#listar-lista-clientes .excluir-item, #lista-produtos .excluir-item {
  width: 20px;
  height: 20px;
  background: url(../images/icones/excluir.png?v=2) no-repeat center;
  background-size: 20px;
  display: block;
}

#lista-produtos table tr {
  border:1px solid #ddd;
}
#lista-produtos table tr.orcamento-final, #lista-produtos table tr.obs {
  border:0;
}

#lista-produtos tbody {
  margin-bottom: 100px;
}

#lista-produtos tbody .orcamento-final td {
  padding: 0;
} 

#lista-produtos tbody td textarea {
  padding: 3px;
  border:1px solid #ccc;
  width: 98%;
  border-radius: 5px;
  height: 50px;
}

#listar-lista-clientes thead input {
  width: 80%;
  display: block;
  margin: auto;
  margin-top: 10px;
  padding: 3px;
  border-radius: 5px;
}

#listar-lista-clientes tbody tr, #lista-produtos tbody tr {
  padding: 10px 0;
  transition: 0.3s;
}

#listar-lista-clientes tbody tr:hover, #lista-produtos tbody tr:hover{
  background-color: #f5f5f5;
  transition: 0.3s;
}

#lista-produtos tbody tr:hover {
  cursor: move;
}


#listar-lista-clientes tbody .lista-ativa {
  background-color: #232323;
  color: #fff;
  padding: 8px 15px;
  border-radius: 10px;
  cursor:default;
}

#listar-lista-clientes tbody .lista-inativa {
  color: #222;
  padding: 8px 15px;
  border-radius: 10px;
  border:1px solid #ddd;
  transition: 0.5s;
}

#listar-lista-clientes tbody .lista-inativa:hover {
  background-color: #232323;
  color: #fff;
  transition: 0.5s;
}

#listar-lista-clientes .bt-abrir {
  text-decoration: underline;
}

#lista-produtos .img-list {
  max-width: 30px;
}

#lista-produtos td, #lista-produtos th {
  text-align: center;
}

#lista-produtos td input {
  border-radius: 5px;
  border:1px solid #ddd;
  padding: 2px 2px;
  text-align: center;
  font-size: 10px;
}

#lista-produtos td {
  width: 150px;
}

#lista-produtos tfoot td {
  width: 100% !important;
  display: block;
  font-size: 12px;
}

#lista-produtos .coluna-oculta {
  display: none;
}

#lista-produtos .preco-oculto {
  display: none;
  color: #999;
}

#lista-produtos .orcamento-final th, #lista-produtos tbody strong {
  text-align: right;
  line-height: 22px;
  font-size:14px;
}

#lista-produtos .entregas > p {
  margin: 30px 0;
}


#pg-imprimir #lista-produtos .orcamento-final th, #pg-imprimir #lista-produtos tbody strong {
  font-size: 10px;
}

#pg-imprimir #cabecalho-pg-lista h1 {
  text-align: center;
  font-weight: normal;
  width: 100%;
  font-size: 18px;
}

#pg-imprimir #cabecalho-pg-lista p {
  width: 100%;
  text-align: center;
}

#pg-imprimir #cabecalho-pg-lista .info-topo-orcamento p, #pg-imprimir #cabecalho-pg-lista .info-topo-orcamento a {
  font-size: 12px;
  color: #aaa;
}

#pg-imprimir #cabecalho-pg-lista .info-topo-orcamento a {
  font-size: 12px;
  margin-top: 18px;
}


#pg-imprimir tfoot {
   bottom: 0; width: 100%;
  background-color: #fff;
  padding-top:10px;
  position: fixed;
  z-index: 0;
  border-top:1px solid #ddd !important;
  display: none;

}

#pg-imprimir table {
  margin-top: 10px
}

#pg-imprimir tfoot:before {
  content: '';
  height: 20px;
}

#pg-imprimir td {
  color: #000 !important;
  font-weight: normal !important;
}


.content-lista-right {
  float: right; width: 35%;
}

#pg-imprimir .content-lista-right p {
  text-align: right !important;
  font-size: 12px;
  margin-bottom: 5px;
}

.content-lista-left {
  float: left; width: 65%;
}

#pg-imprimir .content-lista-left p {
  text-align: left !important;
  font-size: 12px;
  margin-bottom: 5px;
}

#pg-pagina-orcamento input[name='enviar_lista'] {
  width: 50%;
  padding: 15px;
  display: block;
  margin: 30px auto 0 auto;
  font-size: 16px;
  border-radius: 15px;
  background: #000;
  color: #fff;

}

/* SOBRE */

.content-sobre {
  display: flex;
  justify-content: center;
  padding-bottom: 100px;
  align-items: center;
  flex-wrap: wrap;
}

.content-sobre h1 {
  margin-bottom: 10px;
  font-size: 24px;
  width: 70%;
}

.content-sobre .img {
  width: 80%;
  margin-top: 50px;
  order: 2;
}

.content-sobre .img img {
  width: 100%
}

.content-sobre .text {
  width: 100%;
}

.content-sobre .text p {
  line-height: 26px;
  margin-bottom: 20px;
}

.content-sobre .text p:last-child {
  margin-bottom: 0;
}

/* POLÍTICA */

.pag-politica .content-politica {
  padding-bottom: 100px;
}

.pag-politica h1 {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 30px 0;
}

.pag-politica p {
  text-align: justify;
  line-height: 30px;
}

.pag-politica p span, .pag-politica p a {
  text-decoration: underline;
  font-size: 16px;
}

.popup-politica {
  position: fixed;
  bottom: 5vh;
  width: 80%;
  background-color: #fff;
  margin:auto;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  box-shadow: 0 0 0.625rem #aaa;
  z-index: 99999
}

.popup-politica p  {
  width: 100%;
  float: left;
  display: block;
  font-size: 14px;
  line-height: 28px;
  margin-right: 2%;
  margin-bottom: 20px;
}

.popup-politica p strong {
  color: #000;
  font-size: 14px;
}

.popup-politica p a {
  color: #000;
  text-decoration: underline;
  font-size: 14px;
}

.popup-politica button {
  width: 100%;
  border-radius: 0;
  text-align: center;
  float: right;
  display: block;
  padding: 15px;
  font-size: 14px;
  cursor: pointer;
  color: #fff;
  background: #000;
}

.popup-politica button:hover {
  text-decoration: underline;
}

.content-align-politica {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative
  
}

.return-form {
  text-align: center;
  width: 100%;
  display: none;
  
}

.return-ok {
  background-color: #fff;
  border:1px solid #008C69;
  padding: 15px 0;
  color: #008C69;
  margin-bottom: 20px;
  border-radius: 10px;
  text-align: center;
}

.return-ok a, .return-ok span {
  color: #008C69;
  text-decoration: underline;
}


.return-erro {
  padding: 15px 0;
  border:1px solid #FF4D4D;
  color: #FF4D4D;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 10px;
  text-align: center;
}

/* FLUTUANTE */

a.bt-whats {
  bottom: 50px;
  right: 7.5%;
  padding-left: 40px;
  height: 50px;
  position: fixed;
  z-index: 90;
  line-height: 50px;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  width: 10px;
  text-indent: -9999px;
}

a.bt-whats span {
  margin-left: 40px;
  width: 50px;
  height: 50px;
  background: url(../images/icones/whatsapp.svg) no-repeat center #000;
  float: right;
  background-size: 25px;
}

/* AUTOCOMPLETE */

span[role='status']{
  display: none;
}

.bt-results {
  width: 100%;
  padding: 15px 0;
  background-color: #000;
  color: #fff !important;
  font-weight: 500;
  text-align: center;
  margin: 5px 0 15px 0;
  cursor: pointer;
  border-radius: 8px;
}

.ui-autocomplete {
  background-color: #fff;
  border-radius: 5px;
  border:1px solid #eee;
  padding: 3px;

}

.ui-autocomplete-row {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.ui-autocomplete-row:nth-child(5), .ui-autocomplete-row:nth-child(6) {
  border:0;
}

.ui-autocomplete-row a {
    overflow: hidden;
}

.ui-autocomplete-row img {
    display: block;
    float: left;
    height: 50px;
    margin:5px 0 5px 2%;
}

.ui-autocomplete-row span {
    display: block;
    float: left;
    margin: 0 10px;
    width: 70%;
    font-size: 12px;
    line-height: 60px;
    height: 60px;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
}

.ui-autocomplete { position: absolute; cursor: default;z-index:9999 !important;}  

.pg-criar .ui-autocomplete {
  border:1px solid #ccc;
}

.pg-criar .ui-autocomplete li {
  background-color:#ccc;
  padding:10px;
  cursor:pointer;
  border-bottom:1px solid #fff;
}

.pg-criar .ui-autocomplete li:last-child{
  border-bottom:0
}

#Embed div {
  display: none !important;
}

@media only screen and (max-width: 400px){
  #listar-lista-clientes tbody td, #lista-produtos tbody td, #listar-lista-clientes thead th, #lista-produtos thead th {
      padding: 14px 4px;
      font-size: 10px;
    }

    #lista-produtos .orcamento-final th, #lista-produtos tbody strong {
      font-size:12px;
    }
}

span[role='status']{
  display: none;
}