a.link-limpo, a.link-limpo:hover, a.link-limpo:active { text-decoration: none; color: #fff; }

.icone_disabled { color: #ccc !important; }

.m0 { margin: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt130 { margin-top: 130px !important; }
.mt140 { margin-top: 140px !important; }
.mt150 { margin-top: 150px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.mr0 { margin-right: 0px !important; }
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt18 { padding-top: 18px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }

.pr0 { padding-right: 0px !important; }
.pr2 { padding-right: 2px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }

.p50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.m20 { margin-top: 20px !important; margin-bottom: 20px !important; }

.pr20a { padding-right: 20px !important; }
.pl20a { padding-left: 25px !important; }
@media (max-width: 991px) {
  .pr20a { padding-right: 5px !important; }
  .pl20a { padding-left: 5px !important; }    
}
@media (max-width: 1199px) {
  .pr20a { padding-right: 0px !important; }
}

.f10 { font-size: 10px !important; line-height: 10px; }
.f12 { font-size: 12px !important; line-height: 12px; }
.f12b { font-size: 12px !important; }
.f14 { font-size: 14px !important; line-height: 14px; }
.f14b { font-size: 14px !important; }
.f16 { font-size: 16px !important; line-height: 16px; }
.f16a { font-size: 16px !important; line-height: 22px; }
.f16b { font-size: 16px !important; }
.f18 { font-size: 18px !important; line-height: 18px; }
.f20 { font-size: 20px !important; line-height: 20px; }
.f20a { font-size: 18px !important; line-height: 24px; }
.f30 { font-size: 30px !important; }
.f40 { font-size: 40px !important; line-height: 40px; }

.s600 { font-weight: 600; }
.s700 { font-weight: 700; }
.s800 { font-weight: 800; }

.mini10 { font-size: 10px; }
.mini11 { font-size: 11px; }
.mini12 { font-size: 12px; }
.mini14 { font-size: 14px; }
.mini20 { font-size: 20px; }
.mini24 { font-size: 24px; }

.verde { color: #00ad4e !important; }
.azul { color: #458bc4 !important; }
.laranja { color: #FA8005 !important; }
.vermelho { color: #ff0000 !important; }
.branco { color: #ffffff !important; }
.cinza { color: #444444 !important; }

.noHover { pointer-events: none; }
.italico { font-style: italic; }
itl { font-style: italic; }

.centraliza { text-align: center !important; }
  
@media (max-width: 1198px) {
    .mb-lg-30 {
      margin-bottom: 30px !important;
    }
}

#device-container {
    height:0;
    width:105%;
    padding-bottom:100%;
    /*background-color: #fff;*/
    background: transparent;
}
@media all and (min-width: 500px)  { #device-container { width: 105%; } }
@media all and (min-width: 570px)  { #device-container { width: 104%; } }
@media all and (min-width: 630px)  { #device-container { width: 103.5%; } }
@media all and (min-width: 700px)  { #device-container { width: 103%; } }
@media all and (min-width: 800px)  { #device-container { width: 102.5%; } }
@media all and (min-width: 992px)  { #device-container { width: 103.5%; } }
@media all and (min-width: 1200px)  { #device-container { width: 104%; } }

img.wireframe-carousel:hover { background-color: #efefef; /*border: 1px solid #A89968;*/ }

.cor1 { color: #A89968; }

.menorzinho { 
  height: 30px; 
  padding: 2px 2px 2px 10px;
}

.dark-comp {
  border: 1px solid #A89968 !important; 
  color: #d9d9d6 !important;
}
input.dark-comp:focus, textarea.dark-comp:focus {
  color: #d9d9d6 !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #A89968 !important;
}

.iconezin { width: auto; }
.iconezin-botao { font-size: 1.3rem; }
.iconezin-modal { width: 48px; }

.image-border { border: 1px solid #d5d2ce; }

a.anchor {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}

.vesenha { background-color: transparent; border: 1px solid #A89968; }

#usumail { 
  text-transform: uppercase;
}
::-webkit-input-placeholder { /* WebKit browsers */
  text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  text-transform: none;
}
::placeholder { /* Recent browsers */
  text-transform: none;
}

hr.menu { margin-top: 0px; margin-bottom: 0px; }

.pl-setter, .sel-seta, .sel-icone { cursor: pointer; }
.unsel-icone { cursor: auto; }

/* Gera um quadrado responsivo. */
.square{
  width: 100%;
  height: 0; /* A mágica está aqui */
  padding-bottom: 100%; /* ... e está aqui */
  margin-top: 10px;
  float: left;
  position: relative;
  margin-left: 15px;
}

.rectangle{
  width: 65%;
  height: 0; /* A mágica está aqui */
  padding-bottom: 100%; /* ... e está aqui */
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 18%;
}

.block{
  position: absolute;
  text-align: center;
  background: #0d0d0d;
  width: 100%;
  height: 100%;
}
.block2 { background-color: #0d0d0d; }
 
.block:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em;
 }

.gang {
  background-color: #d9d9d6;
  flex: 1;
}
.gang:hover {
  cursor: pointer;
  background-color: #E1523E;
}
.gang_e { margin: 60px 25px 60px 60px; }
.gang_d { margin: 60px 60px 60px 25px; }
.baia_cima { margin: 100px 80px 55px 80px; height: 90px; }
.baia_baixo { margin: 55px 80px 100px 80px; height: 90px; }
.baia_esquerda { margin: 170px 20px 55px 60px; height: 90px; }
.baia_direita { margin: 170px 60px 100px 20px; height: 90px; }

.baia_e1 { margin: 80px 10px 50px 50px; height: 90px; }
.baia_d1 { margin: 80px 50px 50px 10px; height: 90px; }
.baia_e2 { margin: 50px 10px 80px 50px; height: 90px; }
.baia_d2 { margin: 50px 50px 80px 10px; height: 90px; }
.baiaoff {
  text-align: center;
  font-size: 4.4em;
  color: #a00;
}
.baiaoff:hover {
  cursor: auto;
  background-color: #d9d9d6;
}

.baia_e1a { margin: 80px 50px 0px 50px; height: 140px; }
.baia_e2a { margin: 0px 50px 80px 50px; height: 140px; }
.baia_d1a { margin: 80px 50px 0px 50px; height: 140px; }
.baia_d2a { margin: 0px 50px 80px 50px; height: 140px; }

img.bordagrossa { outline: 4px solid black; }
img.stackedimg, span.stackedimg, div.stackedimg { position: absolute; }

@media only screen and (min-width: 1200px)
{
  img.baiaace1, img.baiaacd1, img.baiaace2, img.baiaacd2, img.baiaacm1, img.baiaacm2, img.baiaacmm, img.baiaacem, img.baiaacdm { width: 37%; }
  img.baiaace1, img.baiaacd1, img.baiaacm1 { top: 20.3%; }
  img.baiaace2, img.baiaacd2, img.baiaacm2 { top: 58.5%; }
  img.baiaacem, img.baiaacdm, img.baiaacmm { top: 39.3%; }
  img.baiaace1, img.baiaace2, img.baiaacem { left: 11%; }
  img.baiaacd1, img.baiaacd2, img.baiaacdm { left: 52.1%; } 
  img.baiaacm1, img.baiaacm2, img.baiaacmm { left: 31.8%; }

  img.baiabkm { width: 26.5%; left: 36.8%; top: 21.3%; } /* BK no meio 4x2 */
  img.baiabke { width: 26.5%; left: 16.4%; top: 21.3%; } /* BK na esquerda */
  img.baiabkd { width: 26.5%; left: 57.3%; top: 21.3%; } /* BK na direita */
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  img.baiaace1, img.baiaacd1, img.baiaace2, img.baiaacd2, img.baiaacm1, img.baiaacm2, img.baiaacmm, img.baiaacem, img.baiaacdm { width: 37%; }
  img.baiaace1, img.baiaacd1, img.baiaacm1 { top: 20.3%; }
  img.baiaace2, img.baiaacd2, img.baiaacm2 { top: 58.2%; } /* Mudou aqui */
  img.baiaacem, img.baiaacdm, img.baiaacmm { top: 39.3%; }
  img.baiaace1, img.baiaace2, img.baiaacem { left: 11%; }
  img.baiaacd1, img.baiaacd2, img.baiaacdm { left: 52.1%; } 
  img.baiaacm1, img.baiaacm2, img.baiaacmm { left: 31.8%; }
  
  img.baiabkm { width: 26.5%; left: 36.8%; top: 21.1%; } /* BK no meio 4x2 */
  img.baiabke { width: 26.5%; left: 16.4%; top: 21.1%; } /* BK na esquerda */
  img.baiabkd { width: 26.5%; left: 57.3%; top: 21.1%; } /* BK na direita */
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  img.baiaace1, img.baiaacd1, img.baiaace2, img.baiaacd2, img.baiaacm1, img.baiaacm2, img.baiaacmm, img.baiaacem, img.baiaacdm { width: 37%; }
  img.baiaace1, img.baiaacd1, img.baiaacm1 { top: 20.3%; }
  img.baiaace2, img.baiaacd2, img.baiaacm2 { top: 57.8%; } /* Mudou aqui */
  img.baiaacem, img.baiaacdm, img.baiaacmm { top: 39.3%; }
  img.baiaace1, img.baiaace2, img.baiaacem { left: 11%; }
  img.baiaacd1, img.baiaacd2, img.baiaacdm { left: 52.1%; } 
  img.baiaacm1, img.baiaacm2, img.baiaacmm { left: 31.8%; }

  img.baiabkm { width: 26.5%; left: 36.8%; top: 21.1%; } /* BK no meio 4x2 */
  img.baiabke { width: 26.5%; left: 16.4%; top: 21.1%; } /* BK na esquerda */
  img.baiabkd { width: 26.5%; left: 57.3%; top: 21.1%; } /* BK na direita */
}

@media only screen and (max-width: 767px) and (min-width: 660px) {
  img.baiaace1, img.baiaacd1, img.baiaace2, img.baiaacd2, img.baiaacm1, img.baiaacm2, img.baiaacmm, img.baiaacem, img.baiaacdm { width: 37%; }
  img.baiaace1, img.baiaacd1, img.baiaacm1 { top: 20.3%; }
  img.baiaace2, img.baiaacd2, img.baiaacm2 { top: 58%; } /* Mudou aqui */
  img.baiaacem, img.baiaacdm, img.baiaacmm { top: 39.3%; }
  img.baiaace1, img.baiaace2, img.baiaacem { left: 11%; }
  img.baiaacd1, img.baiaacd2, img.baiaacdm { left: 52.1%; } 
  img.baiaacm1, img.baiaacm2, img.baiaacmm { left: 31.8%; }

  img.baiabkm { width: 26.5%; left: 36.8%; top: 21.2%; } /* BK no meio 4x2 */
  img.baiabke { width: 26.5%; left: 16.4%; top: 21.2%; } /* BK na esquerda */
  img.baiabkd { width: 26.5%; left: 57.3%; top: 21.2%; } /* BK na direita */
}

@media only screen and (max-width: 659px) and (min-width: 570px) {
  img.baiaace1, img.baiaacd1, img.baiaace2, img.baiaacd2, img.baiaacm1, img.baiaacm2, img.baiaacmm, img.baiaacem, img.baiaacdm { width: 37%; }
  img.baiaace1, img.baiaacd1, img.baiaacm1 { top: 20.3%; }
  img.baiaace2, img.baiaacd2, img.baiaacm2 { top: 58.3%; } /* Mudou aqui */
  img.baiaacem, img.baiaacdm, img.baiaacmm { top: 39.3%; }
  img.baiaace1, img.baiaace2, img.baiaacem { left: 11%; }
  img.baiaacd1, img.baiaacd2, img.baiaacdm { left: 52.1%; } 
  img.baiaacm1, img.baiaacm2, img.baiaacmm { left: 31.8%; }

  img.baiabkm { width: 26.5%; left: 36.8%; top: 21.3%; } /* BK no meio 4x2 */
  img.baiabke { width: 26.5%; left: 16.4%; top: 21.3%; } /* BK na esquerda */
  img.baiabkd { width: 26.5%; left: 57.3%; top: 21.3%; } /* BK na direita */
}

@media only screen and (max-width: 569px) {
  img.baiaace1, img.baiaacd1, img.baiaace2, img.baiaacd2, img.baiaacm1, img.baiaacm2, img.baiaacmm, img.baiaacem, img.baiaacdm { width: 37%; }
  img.baiaace1, img.baiaacd1, img.baiaacm1 { top: 20.6%; } /* Mudou aqui */
  img.baiaace2, img.baiaacd2, img.baiaacm2 { top: 58.8%; } /* Mudou aqui */
  img.baiaacem, img.baiaacdm, img.baiaacmm { top: 39.3%; }
  img.baiaace1, img.baiaace2, img.baiaacem { left: 11%; }
  img.baiaacd1, img.baiaacd2, img.baiaacdm { left: 52.1%; } 
  img.baiaacm1, img.baiaacm2, img.baiaacmm { left: 31.8%; }

  img.baiabkm { width: 26.5%; left: 36.8%; top: 21.5%; } /* BK no meio 4x2 */
  img.baiabke { width: 26.5%; left: 16.4%; top: 21.5%; } /* BK na esquerda */
  img.baiabkd { width: 26.5%; left: 57.3%; top: 21.5%; } /* BK na direita */
}

/* MODAL do ENGRAVER */
.fundinhof5 { background-color: #f5f5f5; }
div.areabotao { 
  border: 1px solid black;
  width: 200px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  position: relative;
}
div.areabotaoion { 
  border: 1px solid black;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  position: relative;
}

@media (min-width: 576px) AND (max-width: 991px) { .modal-dialog { max-width: 90%; } }
input[type="text"].engravertext, input[type="text"].engravertextion { background: transparent;
  border: none;
  position: absolute;
  font-size: 21px;
  color: rgb(107,107,107);
  width: 100%;
  display: block;
  text-align: center;
  top: 21px; }
input[type="text"].engravertextion { top: 10px; text-align: right; padding-right: 20px; }
img.engraver-seta-esquerda, img.engraver-seta-direita, img.engraver-icone-meio, img.engraver-icone-meio-ion { width: 35px; position: absolute; top: 22px; }
img.engraver-seta-esquerda { left: 20px; }
img.engraver-seta-direita { left: 143px; }
img.engraver-icone-meio { left: 82px; }
img.engraver-icone-meio-ion { top: 10px; left: 330px; }


/* DIV dos botoes do engraving */
div.btn4-1e:hover, div.btn4-2e, div.btn4-3e, div.btn4-4e, div.btn4-1m, div.btn4-2m, div.btn4-3m, div.btn4-4m, div.btn4-1d, div.btn4-2d, div.btn4-3d, div.btn4-4d { cursor: pointer; }
div.btn4-1e, div.btn4-2e, div.btn4-3e, div.btn4-4e, div.btn4-1m, div.btn4-2m, div.btn4-3m, div.btn4-4m, div.btn4-1d, div.btn4-2d, div.btn4-3d, div.btn4-4d { width: 26%; height: 13.5%; cursor: pointer; }
div.btn4-1e, div.btn4-2e, div.btn4-3e, div.btn4-4e { left: 16.5%; }
div.btn4-1m, div.btn4-2m, div.btn4-3m, div.btn4-4m { left: 37%; }
div.btn4-1d, div.btn4-2d, div.btn4-3d, div.btn4-4d { left: 57.4%; }
/* ION ABAIXO: */
div.btni-s1, div.btni-s2, div.btni-r1, div.btni-r2, div.btni-r3 { width: 61%; height: 31.5%; cursor: pointer; z-index: 1; border: 0px solid black; }
div.btni-s11, div.btni-s12, div.btni-s21, div.btni-s22, div.btni-r11, div.btni-r12, div.btni-r21, div.btni-r22, div.btni-r31, div.btni-r32 { width: 30%; height: 31.5%; cursor: pointer; z-index: 1; border: 0px solid black; }
div.btni-s11, div.btni-s21, div.btni-s1, div.btni-s2, div.btni-r1, div.btni-r2, div.btni-r3, div.btni-r11, div.btni-r21, div.btni-r31 { left: 19.5%; }
div.btni-s12, div.btni-s22, div.btni-r12, div.btni-r22, div.btni-r32 { left: 50.5%; }
@media only screen and (min-width: 1200px) {
  div.btn4-1m, div.btn4-1e, div.btn4-1d { top: 21.5%; }
  div.btn4-2m, div.btn4-2e, div.btn4-2d { top: 35.2%; }
  div.btn4-3m, div.btn4-3e, div.btn4-3d { top: 49%; }
  div.btn4-4m, div.btn4-4e, div.btn4-4d { top: 63%; }
  /* ION ABAIXO */
  div.btni-s11, div.btni-s12, div.btni-s1 { top: 16.5%; }
  div.btni-s21, div.btni-s22, div.btni-s2 { top: 49.5%; }
  div.btni-r11, div.btni-r12, div.btni-r1 { top: 0.3%; }
  div.btni-r21, div.btni-r22, div.btni-r2 { top: 32.9%; }
  div.btni-r31, div.btni-r32, div.btni-r3 { top: 65.7%; }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  div.btn4-1m, div.btn4-1e, div.btn4-1d  { top: 21.3%; }
  div.btn4-2m, div.btn4-2e, div.btn4-2d  { top: 35.2%; }
  div.btn4-3m, div.btn4-3e, div.btn4-3d  { top: 48.8%; }
  div.btn4-4m, div.btn4-4e, div.btn4-4d  { top: 62.5%; }
  /* ION ABAIXO */
  div.btni-s11, div.btni-s12, div.btni-s1 { top: 16.5%; }
  div.btni-s21, div.btni-s22, div.btni-s2 { top: 49.5%; }
  div.btni-r11, div.btni-r12, div.btni-r1 { top: 0.3%; }
  div.btni-r21, div.btni-r22, div.btni-r2 { top: 33.2%; }
  div.btni-r31, div.btni-r32, div.btni-r3 { top: 65.7%; }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  div.btn4-1m, div.btn4-1e, div.btn4-1d  { top: 21.2%; }
  div.btn4-2m, div.btn4-2e, div.btn4-2d  { top: 35%; }
  div.btn4-3m, div.btn4-3e, div.btn4-3d  { top: 48.5%; }
  div.btn4-4m, div.btn4-4e, div.btn4-4d  { top: 62.2%; }
  /* ION ABAIXO */
  div.btni-s11, div.btni-s12, div.btni-s1 { top: 16.5%; }
  div.btni-s21, div.btni-s22, div.btni-s2 { top: 48.8%; }
  div.btni-r11, div.btni-r12, div.btni-r1 { top: 0.3%; }
  div.btni-r21, div.btni-r22, div.btni-r2 { top: 32.7%; }
  div.btni-r31, div.btni-r32, div.btni-r3 { top: 65.1%; }
}
@media only screen and (max-width: 767px) and (min-width: 660px) {
  div.btn4-1m, div.btn4-1e, div.btn4-1d  { top: 21.5%; }
  div.btn4-2m, div.btn4-2e, div.btn4-2d  { top: 35%; }
  div.btn4-3m, div.btn4-3e, div.btn4-3d  { top: 49%; }
  div.btn4-4m, div.btn4-4e, div.btn4-4d  { top: 62.5%; }
  /* ION ABAIXO */
  div.btni-s11, div.btni-s12, div.btni-s1 { top: 16.5%; }
  div.btni-s21, div.btni-s22, div.btni-s2 { top: 48.9%; }
  div.btni-r11, div.btni-r12, div.btni-r1 { top: 0.3%; }
  div.btni-r21, div.btni-r22, div.btni-r2 { top: 32.8%; }
  div.btni-r31, div.btni-r32, div.btni-r3 { top: 65.6%; }
}
@media only screen and (max-width: 659px) and (min-width: 570px) {
  div.btn4-1m, div.btn4-1e, div.btn4-1d  { top: 21.5%; }
  div.btn4-2m, div.btn4-2e, div.btn4-2d  { top: 35.5%; }
  div.btn4-3m, div.btn4-3e, div.btn4-3d  { top: 49%; }
  div.btn4-4m, div.btn4-4e, div.btn4-4d  { top: 63%; }
  /* ION ABAIXO */
  div.btni-s11, div.btni-s12, div.btni-s1 { top: 16.7%; }
  div.btni-s21, div.btni-s22, div.btni-s2 { top: 49.6%; }
  div.btni-r11, div.btni-r12, div.btni-r1 { top: 0.3%; }
  div.btni-r21, div.btni-r22, div.btni-r2 { top: 33.2%; }
  div.btni-r31, div.btni-r32, div.btni-r3 { top: 66%; }
}
@media only screen and (max-width: 569px) {
  div.btn4-1m, div.btn4-1e, div.btn4-1d  { top: 21.7%; }
  div.btn4-2m, div.btn4-2e, div.btn4-2d  { top: 35.6%; }
  div.btn4-3m, div.btn4-3e, div.btn4-3d  { top: 49.6%; }
  div.btn4-4m, div.btn4-4e, div.btn4-4d  { top: 63.3%; }
  /* ION ABAIXO */
  div.btni-s11, div.btni-s12, div.btni-s1 { top: 16.7%; }
  div.btni-s21, div.btni-s22, div.btni-s2 { top: 49.8%; }
  div.btni-r11, div.btni-r12, div.btni-r1 { top: 0.3%; }
  div.btni-r21, div.btni-r22, div.btni-r2 { top: 33.2%; }
  div.btni-r31, div.btni-r32, div.btni-r3 { top: 66.1%; }
}

img.engrave-icon { width: auto; }
img.engrave-icon.b1m, img.engrave-icon.b2m, img.engrave-icon.b3m, img.engrave-icon.b4m,
img.engrave-icon.b1e, img.engrave-icon.b2e, img.engrave-icon.b3e, img.engrave-icon.b4e,
img.engrave-icon.b1d, img.engrave-icon.b2d, img.engrave-icon.b3d, img.engrave-icon.b4d { width: 18%; }
img.engrave-icon.b1me, img.engrave-icon.b2me, img.engrave-icon.b3me, img.engrave-icon.b4me,
img.engrave-icon.b1md, img.engrave-icon.b2md, img.engrave-icon.b3md, img.engrave-icon.b4md,
img.engrave-icon.b1ee, img.engrave-icon.b2ee, img.engrave-icon.b3ee, img.engrave-icon.b4ee,
img.engrave-icon.b1ed, img.engrave-icon.b2ed, img.engrave-icon.b3ed, img.engrave-icon.b4ed,
img.engrave-icon.b1de, img.engrave-icon.b2de, img.engrave-icon.b3de, img.engrave-icon.b4de,
img.engrave-icon.b1dd, img.engrave-icon.b2dd, img.engrave-icon.b3dd, img.engrave-icon.b4dd { width: 18%; }
img.engrave-icon.b1me, img.engrave-icon.b2me, img.engrave-icon.b3me, img.engrave-icon.b4me, img.engrave-icon.b1ee, img.engrave-icon.b2ee, img.engrave-icon.b3ee, img.engrave-icon.b4ee, img.engrave-icon.b1de, img.engrave-icon.b2de, img.engrave-icon.b3de, img.engrave-icon.b4de { left: 11%;}
img.engrave-icon.b1m, img.engrave-icon.b2m, img.engrave-icon.b3m, img.engrave-icon.b4m, img.engrave-icon.b1e, img.engrave-icon.b2e, img.engrave-icon.b3e, img.engrave-icon.b4e, img.engrave-icon.b1d, img.engrave-icon.b2d, img.engrave-icon.b3d, img.engrave-icon.b4d { left: 41%;}
img.engrave-icon.b1md, img.engrave-icon.b2md, img.engrave-icon.b3md, img.engrave-icon.b4md, img.engrave-icon.b1ed, img.engrave-icon.b2ed, img.engrave-icon.b3ed, img.engrave-icon.b4ed, img.engrave-icon.b1dd, img.engrave-icon.b2dd, img.engrave-icon.b3dd, img.engrave-icon.b4dd { left: 72%;}
img.engrave-icon.b1m, img.engrave-icon.b1e, img.engrave-icon.b1d { top: 32%; }
img.engrave-icon.b2m, img.engrave-icon.b2e, img.engrave-icon.b2d { top: 32%; }
img.engrave-icon.b3m, img.engrave-icon.b3e, img.engrave-icon.b3d { top: 32%; }
img.engrave-icon.b4m, img.engrave-icon.b4e, img.engrave-icon.b4d { top: 32%; }
img.engrave-icon.b1me, img.engrave-icon.b1md, img.engrave-icon.b1ee, img.engrave-icon.b1ed, img.engrave-icon.b1de, img.engrave-icon.b1dd { top: 32%; }
img.engrave-icon.b2me, img.engrave-icon.b2md, img.engrave-icon.b2ee, img.engrave-icon.b2ed, img.engrave-icon.b2de, img.engrave-icon.b2dd { top: 32%; }
img.engrave-icon.b3me, img.engrave-icon.b3md, img.engrave-icon.b3ee, img.engrave-icon.b3ed, img.engrave-icon.b3de, img.engrave-icon.b3dd { top: 32%; }
img.engrave-icon.b4me, img.engrave-icon.b4md, img.engrave-icon.b4ee, img.engrave-icon.b4ed, img.engrave-icon.b4de, img.engrave-icon.b4dd { top: 32%; }
/* ION ABAIXO: */
img.engrave-icon.s1, img.engrave-icon.s2, img.engrave-icon.r1, img.engrave-icon.r2, img.engrave-icon.r3 { width: 9%; }
img.engrave-icon.s1, img.engrave-icon.r1, img.engrave-icon.r2, img.engrave-icon.r3 { left: 85%; top: 10%; }
img.engrave-icon.s2 { left: 85%; top: 74%; }
img.engrave-icon.s11, img.engrave-icon.s12, img.engrave-icon.s21, img.engrave-icon.s22,
img.engrave-icon.r11, img.engrave-icon.r12, img.engrave-icon.r21, img.engrave-icon.r22, img.engrave-icon.r31, img.engrave-icon.r32 { width: 18%; }
img.engrave-icon.s11, img.engrave-icon.r11, img.engrave-icon.r21, img.engrave-icon.r31 { left: 12%; top: 10%; }
img.engrave-icon.s21 { left: 12%; top: 74%; }
img.engrave-icon.s12, img.engrave-icon.r12, img.engrave-icon.r22, img.engrave-icon.r32 { left: 70%; top: 10%; }
img.engrave-icon.s22 { left: 70%; top: 74%; }

/* Label de texto no meio do botao */
span.engrave-icon { font-family: "Source Sans Pro"; text-align: center; width: 65%; font-weight: 600; color: rgb(107,107,107); }
span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { left: 17.5%; top: 35%; }
@media all and (min-width: 450px)  {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 70%; } }
@media all and (min-width: 500px)  {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 80%; } }
@media all and (min-width: 550px)  {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 90%; } }
@media all and (min-width: 600px)  {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 100%; } }
@media all and (min-width: 650px)  {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 110%; } }
@media all and (min-width: 700px)  {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 120%; } }
@media all and (min-width: 800px)  {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 135%; } }
@media all and (min-width: 850px)  {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 145%; } }
@media all and (min-width: 900px)  {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 160%; } }
@media all and (min-width: 992px)  {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 103%; } }
@media all and (min-width: 1100px) {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 111%; } }
@media all and (min-width: 1200px) {  span.b1e, span.b2e, span.b3e, span.b4e, span.b1m, span.b2m, span.b3m, span.b4m, span.b1d, span.b2d, span.b3d, span.b4d { font-size: 97%; } }
/* ION ABAIXO: */
span.s11, span.s21, span.r11, span.r21, span.r31 { top: 9%; left: 14%; /*top: 5%; left: 8%;*/ text-align: left; }
span.s12, span.s22, span.r12, span.r22, span.r32 { top: 9%; right: 14%; /*top: 5%; left: 8%;*/ text-align: right; }
span.s1, span.r1, span.r2, span.r3 { top: 9%; left: 28%; /*top: 5%; left: 31%;*/ text-align: right; }
span.s2 { top: 78%; left: 28%; text-align: right; }
span.s21, span.s22 { top: 78%; }
@media all and (min-width: 450px)  {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 70%; } }
@media all and (min-width: 500px)  {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 80%; } }
@media all and (min-width: 550px)  {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 90%; } }
@media all and (min-width: 600px)  {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 100%; } }
@media all and (min-width: 650px)  {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 110%; } }
@media all and (min-width: 700px)  {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 120%; } }
@media all and (min-width: 800px)  {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 135%; } }
@media all and (min-width: 850px)  {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 145%; } }
@media all and (min-width: 900px)  {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 160%; } }
@media all and (min-width: 992px)  {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 103%; } }
@media all and (min-width: 1100px) {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 111%; } }
@media all and (min-width: 1200px) {  span.s11, span.s21, span.r11, span.r21, span.r31, span.s12, span.s22, span.r12, span.r22, span.r32, span.s1, span.s2, span.r1, span.r2, span.r3 { font-size: 97%; } }

/* ROCKER - label do botãozinho Rocker no canto esquerdo */
span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { left: 12%; top: 5%; color: rgb(107,107,107, 0.5); /* font-weight: 700; */ }
@media all and (min-width: 50px)   {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 70%; } }
@media all and (min-width: 100px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 70%; } }
@media all and (min-width: 200px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 70%; } }
@media all and (min-width: 300px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 70%; } }
@media all and (min-width: 400px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 70%; } }
@media all and (min-width: 500px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 70%; } }
@media all and (min-width: 600px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 75%; } }
@media all and (min-width: 700px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 85%; } }
@media all and (min-width: 800px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 90%; } }
@media all and (min-width: 850px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 95%; } }
@media all and (min-width: 900px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 100%; } }
@media all and (min-width: 992px)  {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 80%; } }
@media all and (min-width: 1100px) {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 85%; } }
@media all and (min-width: 1200px) {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m, span.rkr1e, span.rkr2e, span.rkr3e, span.rkr4e, span.rkr1d, span.rkr2d, span.rkr3d, span.rkr4d { font-size: 90%; } }
/* @media all and (min-width: 1300px) {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m { font-size: 50%; } }
@media all and (min-width: 1400px) {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m { font-size: 50%; } }
@media all and (min-width: 1500px) {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m { font-size: 50%; } }
@media all and (min-width: 1500px) {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m { font-size: 50%; } }
@media all and (min-width: 1600px) {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m { font-size: 50%; } }
@media all and (min-width: 1700px) {  span.rkr1m, span.rkr2m, span.rkr3m, span.rkr4m { font-size: 50%; } } */

/* CONTADOR DE QUANTIDADES */
.handle-counter { overflow: hidden; }
.handle-counter .counter-minus,  .handle-counter .counter-plus,  .handle-counter input {
  /* float: left; */
  text-align: center;
}
.handle-counter .counter-minus,  .handle-counter .counter-plus { text-align: center; }
.handle-counter .counter-minus, .handle-counter .plus2 { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.handle-counter .counter-plus, .handle-counter .counter-atualiza { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.handle-counter input {
  width: 50px;
  border-width: 1px;
  border-left: none;
  border-right: none;
  padding: 5px;
  height: 35px;
  border-radius: 0px;
}

/* CSS pra deixar os itens centralizados + COMENTAR O "Float: left;" DAS LINHAS ACIMA... */
.handle-counter input { margin-top: 2px; }
.handle-counter .counter-minus { margin-top: -3px; margin-right: -3px; }
.handle-counter .counter-plus { margin-top: -3px; margin-left: -3px; }
.handle-counter .counter-atualiza { margin-left: -3px; margin-top: -3px; }


.ajustebadge { 
  /* margin-left: 10px; 
  margin-top: 5px;*/
  vertical-align: top;
}

.form-controlinho {
  color: #515253;
  background-color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  display: inline-block;
  width: 80%;
  letter-spacing: 0.06rem;
  padding: 5px;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d5d2ce;
  border-radius: 5px;
  -webkit-appearance: none;
  appearance: none;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.ui-autocomplete {
  position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-top: 5px;
  color: #515253;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding-left: 15px;
}
.select2-container--default .select2-selection--single { height: 40px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { margin-top: 5px; }
.select2-container--default .select2-selection--single {
  border: 1px solid #d5d2ce;
  border-radius: 5px;
}

span.select2 { width: 100% !important; }

html {
  animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}

@keyframes fadein {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-moz-keyframes fadein { /* Firefox */
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-o-keyframes fadein { /* Opera */
  from {
      opacity:0;
  }
  to {
      opacity: 1;
  }
}


.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.owl-carousel .caption {
  text-align: center;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto 
{
  position: relative;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
}

.btn-dourado, .btn-dourado:focus, .btn-dourado.active {
  color: #fff !important;
  background-color: #A89968 !important;
  border-color: #A89968 !important;
}

.btn-dourado:hover, .btn-dourado:active, .show > .btn-dourado.dropdown-toggle {
  color: #A89968 !important;
  background-color: transparent !important;
  border-color: #A89968 !important;
}

.btn-outline-dourado, .btn-outline-dourado:focus, .btn-outline-dourado.active, .btn-outline-dourado:active {
  color: #A89968 !important;
  background-image: none;
  background-color: transparent !important;
  border-color: #A89968 !important;
}
.btn-outline-dourado.active { 
  font-weight: 800;
  border: 2px solid #A89968 !important;
}

.btn-outline-dourado:hover, .show > .btn-outline-dourado.dropdown-toggle {
  color: #fff !important;
  background-color: #A89968 !important;
  border-color: #A89968 !important;
}

.btn-dourado.disabled, .btn-dourado:disabled {
  color: #fff !important;
  background-color: #A89968 !important;
  border-color: #A89968 !important;
  opacity: 0.8 !important;
}
/* 
a.navbar-brand { margin-top: -30px; } */

div.conteininho { height: auto; }
@media all and (min-width: 992px) { 
  div.conteininho { height: 40px; }
}

.nav-tabs .nav-link-item {
  color: #515253;
  text-transform: uppercase;
}
.nav-tabs .nav-link-item:hover {
  color: #E1523E;
  background-color: rgba(125, 125, 125, 0.1);
  border: 1px solid transparent;
}
.nav-pills .nav-link-item.active {
  color: #E1523E;
  background: transparent;
  border: 1px solid transparent;
  /* border-radius: 50px; */
}

.nav-pills .nav-link-item.active:hover {
  color: #E1523E;
  background-color: rgba(55,55,55, 0.2);
  border: 1px solid transparent;
  /* border-radius: 50px; */
}

.corpreto { color: #212529; }

.areamod {
  padding: 5px;
  background-color: #f0f0f0;
  display: inline-block;
  width: 100%;
}
.areamodzin {
  margin-right: 20px;
}
.roommod {
  padding: 5px;
  background-color: #fcfcfc;
  display: inline-block;
  width: 100%;
}
.roommodzin {
  margin-right: 30px;
}
.modbord { border: 1px solid #e5e5e5; }

.justify-start {
  margin-right: auto;
}

.devicefavorito {
   cursor: pointer; 
   color: #E1523E;
}

span.etiqueta {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 15px;
    margin-right: 15px;
    border-radius: 5px;
    line-height: 1.1rem;
    padding: 0.25rem 0.75rem;
}

a.badge {
  border-radius: 3px;
}
  
.table-xl > thead > tr > th, .table-xl > tbody > tr > td {
  padding: 1.25rem;
}

/* CARRINHO */
.descprod {
  min-height: 24px;
}
@media only screen and (min-width: 576px) and (max-width: 760px) { .descprod { min-height: 36px; } } 

.disablebtn {
  pointer-events: none;
  cursor: not-allowed;
  /*opacity: 0.65;
  filter: alpha(opacity=65);*/
  background-color: #f1efec !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#cartmsgok .close, #cartmsgerr .close {
  padding: 0.55rem 1.5rem 0rem 1rem;
}
#cartmsgok, #cartmsgerr {
  position: fixed;
  top: 85px;
  z-index: 999;
  margin-right: 30px;
  margin-left: -10px;
}
.qtdeitemcarrinho { height: 30px; padding: 1px 5px; width: 50px; }
.price-inline-left {
  position: absolute;
  left: 0;
}
/* Tabela de pedido */
.table tbody tr.tr-light {
  color: #515253;
  background-color: #d5d2ce;
  border-color: #b2aea9;
}


.btn-acabamento { cursor: pointer; }
.acabamentosel { border: 2px solid #E1523E; }


/* DROPDOWN DE SELECAO DE DEVICE DE REFERENCIA NO PLANNER */
/* Dropdown Button */
.dropbtn {
  height: 115px;
  width: 100%;
  color: #515253 !important;
  background-color: #fff !important;
  border-color: #fff !important;
  cursor: pointer;
  border-radius: 5px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 300px;
  width: 100%;
}

img.thumb {
  width: 100px;
}

/* Links inside the dropdown */
div.deviceitem {
  color: black;
  padding: 12px 25px;
  text-decoration: none;
  cursor: pointer;
}

/* Change color of dropdown links on hover */
.dropdown-content div.deviceitem { border-bottom: 1px solid #d5d2ce; }
.dropdown-content div.deviceitem:hover { background-color: #5897fb; }
div.btnfake { 
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5rem;
  letter-spacing: 0.04rem;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 43px 36px;
  white-space: nowrap;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: #515253;
  background-color: #d5d2ce;
  border-color: #d5d2ce;
  height: 115px;
 }
 div.btnfake:hover {
  color: #fff;
  background-color: #E1523E;
 }

 .load-more__btn-wrap {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
 }
 .load-more__btn {
  padding: 20px;
  font-weight: 600;
  font-size: 16px;
 }

 img.faqimg { 
  display: block;
  width: auto!important;
  margin: 20px 0px 30px 0px;
  border: 1px solid #d5d2ce;
  padding: 3px;
 }
 .limpa { clear: both; }


 .popoverimg {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  padding: 0 8px;
  color: #515253;
}

/* CSS PRO RADIOBUTTON DE SELECAO DE COR DE ENGRAVING DE ION = Black ou White */
.rb-wrapper{
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  height: 30px;
}
.rb-wrapper label {
  background: #fff;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 10px 10px 0 0;
  cursor: pointer;
  padding: 0 10px;
  border: 1px solid #d5d2ce;
  border-radius: 5px;
  transition: all 0.3s ease;
  background-color: #FFFFFF;
}
.rb-wrapper label span {
  color: #808080;
}
.rb-wrapper label.active {
  background-color: #E1523E;
}
.rb-wrapper label.active span {
  color: #ffffff;
}
.pinta-branco { color: #fff !important; }
.pinta-preto { color: #000 !important; }
/* --------------------------------------------------------------------------- */

.field_2fa {
    height: 50px;
    font-size: 40px;
    padding-right: 15px;
    padding-left: 25px;
    letter-spacing: 12px;
    width: 233px;
}

.popttn {
  padding: 5px 5px;
}

.popttn span.popttn-titulo {
  font-weight: 600;
  color: #ff0000;
  font-size: 16px;
}

.popttn p {
  font-weight: 400;
  font-size: 14px;
}

.wfloat:hover { 
  text-decoration: none;
  color: #ddd;
}
.wfloat{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-wfloat{
	margin-top:16px;
}